body {
background-color:#126c98;
background-image:url(../images/bk.gif);
background-position:center top;
background-repeat:no-repeat;
height:100%;
text-align:center;
margin:0
}

#body {
text-align:center;
margin:0
}

h2 {
color:#024A71;
font-family:Garamond,Garamond,"Garamond Antiqua",times,serif;
font-size:26px;
font-weight:300;
margin:14px 0
}

h3 {
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:14px;
font-weight:700
}

h4 {
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:11px;
font-weight:700
}

.sidebarText {
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:11px;
list-style:none
}

a {
color:#024A71;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#superContainer {
min-height:100%;
text-align:left;
width:900px;
margin:0 auto
}

p, ul{ font-size: 16px; margin: 0; padding 0;}

body > #superContainer {
height:auto;
min-height:100%
}

#mainWrap {
padding-bottom:40px
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.clearfix {
display:block
}

* html .clearfix {
height:1%
}

#bannerheader {
background-image:url("../images/header_bg.jpg");
background-repeat:repeat-x;
background-position:center;
font-family:Garamond,Garamond,"Garamond Antiqua",times,serif;
font-size:16px;
height:25px;
left:0;
margin-top:5px;
position:absolute;
text-align:center;
top:0;
width:100%;
border-style:none
}

#bannerheaderright {
color:#20688c;
float:right;
height:25px;
text-align:right;
width:auto;
padding:0 10px 0 0;
}

#bannerheaderleft {
color:#20688c;
float:left;
height:25px;
text-align:left;
width:auto;
padding:0 0 0 10px;
}

#bannerheaderright a {
text-decoration:none;
border-style:none
}

#header {
float:left;
height:110px;
position:relative;
width:900px;
margin:30px 0 0
}

#logo {
background-image:url(../images/logo.png);
background-position:center center;
background-repeat:no-repeat;
float:left;
height:122px;
position:relative;
width:190px
}

#logo a {
display:block;
height:0;
overflow:hidden;
padding:110px 0 0
}

#navBar1 {
display:inline;
float:right;
height:40px;
margin:50px 20px 0 0;
}

#navBar1 ul {
display:inline;
float:right;
list-style-type:none;
margin:0;
padding:0
}

#navBar1 ul li {
float:left
}

#navBar1 ul a {
display:inline;
float:left;
height:30px;
margin:0 40px
}

#main {
float:left;
height:auto;
width:870px;
margin:18px 0 0;
padding:0 15px
}

#c_sideBar {
float:left;
font-family:Garamond,Garamond,"Garamond Antiqua",times,serif;
height:100%;
width:200px;
padding:0 20px
}

#c_sideBar ul {
background-color:#D6E6EE;
display:inline;
float:left;
list-style-type:none;
width:170px;
margin:55px 0 0;
padding:5px 15px 15px
}

#c_sideBar ul li {
border-bottom:1px dotted #126C98;
float:left;
font-size:20px;
margin:5px 0 0
}

#c_sideBar ul li a {
display:block;
height:33px;
line-height:33px;
width:165px;
margin:0 0 5px;
padding:0 0 0 5px;
text-decoration:none;
}

#c_sideBar ul .sel a {
background-color:#034A71;
color:#FFF;
text-decoration:none;
}

#c_sideBar ul li a:hover {
background-color:#034A71;
color:#FFF;
display:block;
text-decoration:none
}

#c_content {
float:left;
height:100%;
width:610px
}

#c_sub {
float:left;
font-family:Garamond,Garamond,"Garamond Antiqua",times,serif;
height:auto;
width:100%
}

#c_text {
float:left;
height:auto;
width:65%
}

#c_side {
float:left;
height:auto;
width:32%;
padding:15px 0 0 10px
}

.footer {
position:relative;
margin-top:-40px;
height:40px;
clear:both;
background-color:#4B92B4;
background-image:url(../images/bkFooter.gif);
background-position:center bottom;
background-repeat:no-repeat
}

p.footer {
color:#000;
font-family:Garamond,Garamond,"Garamond Antiqua",times,serif;
font-size:14px;
font-weight:300;
margin:0
}

p.footer a:hover {
color:#024A71;
text-decoration:underline
}


#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
width:100%;
z-index:100
}

#lightbox img {
height:auto;
width:auto
}

#lightbox a img {
border:none
}

#outerImageContainer {
background-color:#fff;
height:250px;
position:relative;
width:250px;
margin:0 auto
}

#imageContainer {
padding:10px
}

#loading {
height:25%;
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%
}

#hoverNav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10
}

#imageContainer>#hoverNav {
left:0
}

#hoverNav a {
outline:none
}

#prevLink,#nextLink {
background-image:url(data: image/gif;\A base64,AAAA);
display:block;
height:100%;
width:49%
}

#prevLink {
float:left;
left:0
}

#nextLink {
float:right;
right:0
}

#prevLink:hover,#prevLink:visited:hover {
background:url(../images/prevlabel.gif) left 15% no-repeat
}

#nextLink:hover,#nextLink:visited:hover {
background:url(../images/nextlabel.gif) right 15% no-repeat
}

#imageDataContainer {
background-color:#fff;
font:10px Verdana, Helvetica, sans-serif;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto
}

#imageData {
color:#666;
padding:0 10px
}

#imageData #imageDetails {
float:left;
text-align:left;
width:70%
}

#imageData #caption {
font-weight:700
}

#imageData #numberDisplay {
clear:left;
display:block;
padding-bottom:1em
}

#imageData #bottomNavClose {
float:right;
outline:none;
padding-bottom:0.7em;
width:66px
}

#overlay {
background-color:#000;
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90
}

Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css
/*------------------------------------------Body------------------------------------------*/
*,h1 {
margin:0;
padding:0
}

html,html,body,#superContainer {
height:100%
}

a:visited {
color:#024A71;
}

#navBar1 #mainOptions .about a:hover,#navBar1 #mainOptions .elearning a:hover,#navBar1 #mainOptions .cop a:hover,#about #mainOptions .about a,#elearning #mainOptions .elearning a,#cop #mainOptions .cop a {
border-bottom:4px solid #4C94B7
}

p.footer a,p.footer a:visted {
color:#024A71;
text-decoration:none
}