* {
padding : 0;
margin : 0;
}
body {
font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
color : #666666;
}
img {
padding : 3px;
border : 1px solid #caff7a;
}
img.floatTL {
float : left;
margin-right : 10px;
margin-bottom : 0;
margin-top : 10px;
margin-left : 5px;
}
img.floatTR {
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
}
#wrapper {
margin : 0 auto;
width : 788px;
}
#header {
color : #333;
width : 195px;
float : left;
padding : 10px;
height : 80px;
margin : 0 0 5px 0;
}
.logo h1#lineone {
font-size : 2em;
font-weight : lighter;
padding-top : 20px;
padding-left : 20px;
padding-right : 10px;
color : #336699;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
}
.logo h1#lineone span {
color : #ffcb31;
}
.logo h2#linetwo {
font-size : 0.9em;
text-transform : none;
padding-left : 20px;
color : #3399ff;
}
.logo a {
color : #3399ff;
text-decoration : none;
}
.clear {
clear : both;
}
#navigation {
float : right;
width : 556px;
color : #333;
padding : 0;
height : 41px;
margin : 0 0 5px 0;
background-image : url(images/navbar.gif);
background-repeat : no-repeat;
}
#navigation ul {
margin : auto;
padding : 0;
list-style : none;
}
#navigation ul li {
float : left;
margin-right : 0;
}
#navigation li a {
display : block;
padding : 0 2em;
line-height : 3em;
color : #fffff1;
padding : 0 1.6em 0 1.6em;
}
#navigation ul a:hover {
color : #ffcb31;
}
#leftcolumn {
color : #333;
margin : 0 5px 5px 0;
padding : 10px;
height : 450px;
width : 205px;
float : left;
}
#leftnav {
width : 205px;
color : #ffffff;
padding : 0;
margin : 0;
float : left;
display : inline;
background-image : url(images/lefttop.gif);
background-repeat : no-repeat;
}
#leftnavbottom {
height : 19px;
width : 205px;
float : left;
display : inline;
background-image : url(images/leftbottom.gif);
background-repeat : no-repeat;
}
.col {
width : 160px;
float : left;
padding : 10px 0 8px 10px;
}
.col p {
margin : 11px 0 0 0;
padding : 0;
}
.col ul {
padding-top : 8px;
display : list-item;
list-style-type : none;
}
.col li {
padding-top : 5px;
padding-bottom : 3px;
border-bottom : 1px dotted #336699;
}
.col li a {
color : #000000;
text-decoration : none;
}
.col li a:hover {
color : #000000;
}
.news {
background-image : url(images/lefttop.gif);
background-repeat : no-repeat;
margin-top : 25px;
width : 205px;
min-height : 100px;
}
.newsbottom {
height : 19px;
background-image : url(images/leftbottom.gif);
background-repeat : no-repeat;
}
.news h3 {
color : #000000;
font-family : verdana;
font-size : 1em;
margin-left : 10px;
margin-right : 10px;
margin-top : 4px;
padding-top : 20px;
padding-bottom : 5px;
padding-left : 5px;
}
.news h4 {
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color : #46df32;
background-image : url(images/news.gif);
background-repeat : no-repeat;
background-position : left 12px;
margin-left : 10px;
}
.news p {
font-family : verdana;
font-size : 0.75em;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : #eff6ff;
}
.news a {
padding-right : 10px;
}
#righttop {
float : right;
display : inline;
margin : -60px 0 5px 0;
background-image : url(images/top.gif);
width : 556px;
height : 25px;
background-repeat : no-repeat;
}
#rightcolumn {
float : right;
color : #333;
border-left : 4px solid #3399ff;
border-right : 4px solid #3399ff;
margin : -35px 1px 0 0;
min-height : 450px;
width : 546px;
display : inline;
padding-bottom : 25px;
}
#rightcolumn h2 {
padding-left : 5px;
color : #0a53ff;
font-weight : lighter;
font-size : 1.6em;
}
#rightcolumn p {
padding : 5px;
text-align : justify;
}
#boxes {
margin-top : 20px;
}
#box1 {
background : #fff;
width : 140px;
height : 235px;
float : left;
margin : 0 2px;
text-align : left;
padding : 1px;
margin-top : 10px;
margin-left : 10px;
}
#box2 {
background : #fff;
width : 140px;
height : 235px;
margin : 0 auto;
text-align : left;
padding : 1px;
margin-top : 10px;
}
#box3 {
background : #fff;
width : 140px;
height : 235px;
float : right;
margin : 0 2px;
text-align : left;
padding : 1px;
margin-top : 10px;
margin-right : 10px;
}
#boxes h1 {
font-size : 1.6em;
font-weight : lighter;
padding-top : 10px;
padding-left : 10px;
color : #1c6eda;
}
#box1 h2, #box2 h2, #box3 h2 {
margin-left : 10px;
font-size : 1.5em;
color : #df7111;
font-weight : lighter;
color : #46df32;
}
#box1 h3, #box2 h3, #box3 h3 {
margin-left : 10px;
font-size : 1em;
color : #070707;
font-weight : lighter;
}
#boxes p {
padding-left : 10px;
padding-right : 10px;
}
#rightbottom {
float : right;
display : inline;
margin : 0 0 5px 0;
background-image : url(images/bottom.gif);
width : 556px;
height : 25px;
background-repeat : no-repeat;
}
#footer {
width : 556px;
height : 111px;
clear : both;
color : #333;
float : right;
margin : 0 0 10px 0;
text-align : center;
background-image : url(images/footer.gif);
background-repeat : no-repeat;
}
#footer p {
margin : 0;
padding-top : 3px;
text-align : center;
line-height : normal;
font-size : x-small;
font-size : xx-small;
}
#footer a {
text-decoration : underline;
color : #e78229;
}
#footer a:hover {
text-decoration : none;
}