body {
margin: 0;
padding: 0;
background-color: #ffffff;
}
#maincontainer {
width: 875px;
margin: 0 auto;
}
#topsection {
height: 220px;
background-image: url(../Header.jpg);
}
#topsection h1 {
margin: 0;
padding-top: 0;
}
#contentwrapper {
float: left;
width: 100%;
border-right: 1px dotted #99968e;
}
#contentcolumn {
margin: 0 160px;
}
#leftcolumn {
float: left;
width: 160px;
margin-left: -875px;
border: 2px dotted #e6a5a2;
}
#footer {
clear: left;
width: 100%;
color: #61628c;
text-align: center;
padding: 4px 0;
}
#footer a {
color: #61628c;
}
.innertube {
margin: 0;
margin-top: 0;
}
div#coollink A {
width : 100px;
font-style : normal;
font-variant : normal;
font-weight : normal;
font-size : 14px;
font-family : "Century Gothic";
}
div#coollink A {
border-top-width : 0;
border-right : 5px solid #5e6950;
padding-right : 10px;
display : block;
padding-left : 10px;
border-left-width : 0;
background : #e6a5a2;
border-bottom-width : 5px;
padding-bottom : 5px;
margin : 0 0 1px;
color : #ffffff;
padding-top : 5px;
text-align : center;
text-decoration : none;
}
div#coollink A:hover {
border-right : 3px dashed #e6a5a2;
background : #61628c;
color : #ffffff;
}
div#coollink A SPAN {
display : none;
}
div#coollink A:hover SPAN {
padding-right : 5px;
display : block;
padding-left : 5px;
background : #98c4cf;
left : 0;
padding-bottom : 5px;
margin : 10px;
font : 16px "Century Gothic", Verdana, sans-serif;
width : 115px;
color : #5e6950;
padding-top : 5px;
position : absolute;
top : 140px;
text-align : center;
}
div#content {
padding-right : 10px;
padding-left : 10px;
right : 25px;
background : #5e6950;
left : 0;
padding-bottom : 10px;
font : 16px "Century Gothic", Arial, sans-serif;
color : #5e6950;
padding-top : 10px;
position : absolute;
top : 100px;
text-align : justify;
}
p {
font-family : "Century Gothic", Verdana, Arial, sans-serif;
font-size : 12px;
color : #5e6950;
}
ul {
font-family : "Century Gothic", Verdana, Arial, sans-serif;
font-size : 11px;
color : #5e6950;
}
a {
font-family : "Century Gothic", Verdana, Arial, sans-serif;
font-size : 10px;
color : #61628c;
}
h1 {
font-family : "Century Gothic", Arial, sans-serif;
font-size : 24px;
font-weight : lighter;
color : #61628c;
}
h2 {
font-family : "Century Gothic", Verdana, Arial, sans-serif;
font-size : 16px;
font-weight : lighter;
color : #5e6950;
}
h3 {
font-family : "Century Gothic", Verdana, Arial, sans-serif;
font-size : 14px;
font-weight : lighter;
color : #61628c;
}
p, h1, h2, h3, h4 {
margin: 10px;
}
ul {
text-align: left;
margin-left: -36px;
}
hr {color: #5e6950;
width: 80%;
}
a {
text-decoration : none;
}