html, body { 
margin:0; 
padding:0; 
text-align:center; 
background:url(images/body-bg.jpg) top left repeat-x #d5e8fd;
} 

img {
border:none;	
}

h1, h2, h3, h4, h5, h6, form, div, p {
margin:0;
padding:0;
}

#pagewidth { 
width:960px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header {
background-color:#FFFFFF; 
width:960px;
padding-top:30px;
} 

#header .left {
width:280px;
float:left;
}

#billboard {
width:960px;
clear:both;
}

#gray-bar {
background-color:#666;
height:45px;
width:960px;
}

#maincol {
background-color: #FFFFFF;  
float: right; 
display:inline; 
position: relative; 
width:960px;
margin-top:10px;
}

#maincol .left {
float:left;
width:588px;
border-right:5px solid #d5e8fd;
height:100%;
padding: 20px 30px;
}

#maincol .right {
float:left;
width:307px;
height:100%;
}

.right .top {
border-bottom:5px solid #d5e8fd;	
padding:5px;
}

.right .bottom {
padding:5px;
}


/*NAVIGATION*/
#navcontainer {
width:500px;
float:right;
height:30px;
margin-top:50px;
}

#navlist {
margin:0;
padding:0;
list-style-type:none;
display:inline-block;
clear:both;
}

#navlist li {
margin:0;
padding:0;
list-style-type:none;
display:inline;
}

#navlist li a {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:-0.05em;
color:#666;
text-decoration:none;
text-transform:uppercase;
background:#ccc;
padding:10px 25px;
}

#navlist li a:hover {
background:#636363;
color:#fff;
}

#navlist #current {
background:#0d70dc;
color:#fff;
}

#nav-bottom {
clear:both;
}

/*ELEMENTS*/
h3 {
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#2c5e99;
line-height:120%;
}

h4 {
font-size:16px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#2c5e99;
line-height:120%;
margin-top:30px;
text-transform:capitalize;
}

h5 {
background-color:#3f9af3;
color:#fff;
padding:5px;
text-align:center;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
width:287px;
margin:0;
}

.list1 {
margin:0;
padding:0;
}

.list1 li  {
list-style-type:none;
margin:0;
padding:0;
}

.list1 li a {
color:#0d70dc;
font-size:14px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

.list1 li a:hover {
color:#333;
}

.checklist, .checklist-small {
list-style-type:none;
margin:20px 0;
padding:0;
}

.checklist li {
background:url(images/accept.png) center left no-repeat;
margin:4px 0;
padding:0 0 0 20px;
list-style-type:none;
font-size:16px;
color:#666;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.checklist-small li {
background:url(images/accept.png) center left no-repeat;
margin:4px 0 9px 22px;
padding:0 0 0 23px;
list-style-type:none;
font-size:12px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
}

.std-text, .std-text-list {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
line-height:200%;
}

.std-text a, std-text-list li a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#0c70dc;
text-decoration:none;
}

.std-text a:hover, std-text-list li a:hover {
text-decoration:underline;	
}

#login-form {
width:297px;
margin-top:10px;
}

#login-form label {
text-align:right;
color:#666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#login-form .input {
background-color:#ddecfd;
padding:2px;
font-family:Georgia, "Times New Roman", Times, serif;
font-szie:13px;
color:#333;
border:none;
}

#login-form .submit {
background:url(images/sign-in-button.jpg) top left no-repeat;
width:59px;
height:22px;
cursor:pointer;
border:none;
}

#login-form a {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#0d70dc;
text-decoration:none;
}

#login-form a:hover {
color:#C00;	
}

.form {
font-size:11px;
}

.form .input {
padding:3px 6px;
font-size:16px;
color:#004276;
background-color:#ebf3fe;
border:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

.form .submit {
padding:6px 12px;
font-size:15px;
font-weight:bold;
background-color:#0d70dc;
color:#fff;
border:none;
text-transform:uppercase;
cursor:pointer;
}

.form .submit:hover {
background-color:#666;
}

.form label {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */