
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#000000; 
	margin:20px 0 0 0;
	padding:0 0 0 0;
	background:#ffffff;
}


p {
margin-bottom:10px;
line-height:1.8em;
}


strong {
font-weight:bold;
}


em {
font-style:italic;
}


ul, ol {
margin:0 0 12px 0;
padding:0;
}


li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(img/bulleted-li-bg-dark.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size: 12px;
color:#454545;
}



a {
color:#0a9fac;
text-decoration:underline;
}



a:hover {
color:#999999;
text-decoration:none;
}



/* Main Outer Container */

#pageWrap {
margin:0 auto;
padding:0;
width:980px;
}


/* Header */

#header {
margin:0;
padding:0;
width:980px;
height:278px;
background-image:url(img/header-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}



#header h1 {
margin:0;
padding:70px 70px 0px 250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0b7983;
font-size:3em;
font-weight:lighter;
text-align:right;
}



#header h1 a {
color:#0b7983;
text-decoration:none;
}



#header p {
margin:0;
padding: 20px 70px 0 175px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:right;
}



/* Main Navigation */

#navBar {
margin:0;
padding:0;
width:980px;
height:35px;
line-height:33px;
background:url(img/nav-bar-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navBar ul{
list-style-type:none;
margin-left:20px;
}

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

#navBar li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-right:1px solid #757575;
}

#navBar ul li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#01446c;
}

#navBar li.first {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li.first a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
border-right:1px solid #757575;
}

#navBar li.first a:hover{
color:#ffffff;
text-decoration:none;
background-color:#01446c;
}



/* Content Container */
#container {
margin:0;
padding:10px 0 0 0;
width:980px;
}


/* Left Content Column - heavy negative margin so center column can appear first in HTML */

#leftColumn {
float:left;
margin:0 0 0 -750px;
padding:0;
width:150px;
font-size: 12px;
color:#686868;
}

#leftColumn h2 {
font-size:1.4em;
color:#53585c;
margin-bottom:10px;
margin-top:10px;
}

#leftColumn ul, ol {
margin:0 0 12px 0;
padding:0;
}

#leftColumn li {
margin:5px 0 0 0;
padding-left:15px;
list-style:none;
background-image:url(img/bulleted-li-bg-dark.gif);
background-position:0 1px;
background-repeat:no-repeat;
font-size: 12px;
color:#0a9fac;
}



/* Center Content Column */

#centerColumn {
	float:left;
	margin:0 10px 0 200px;
	padding:6px 6px 6px 10px;
	width:530px;
	font-size: 12px;
	color:#000000;
	border-left:1px dashed #cccccc;
}

#centerColumn li  {
	margin-bottom:10px;
	margin-top:10px;
}

#centerColumn h2 {
	margin:0 0 5px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#53585c;
	margin-bottom:10px;
	margin-top:10px;
}



/* Right Content Column */

#rightColumn {
	float:left;
	margin:0;
	padding:6px;
	width:200px;
	font-size:12px;
	color:#646464;
	background:#eeeeee;
	border:1px solid #cccccc;
}

#rightColumn h2 {
	font-size:1.4em;
	color:#4d5255;
	margin-bottom:10px;
	margin-top:10px;
}

#rightColumn li {
	background:none;
	padding:0;
	line-height:1.5em;
}




/* Footer */

#footer {
margin:30px 0 10px 0;
padding:0;
width:980px;
height:100px;
background-image:url(img/footer-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer p {
margin:0;
padding:0 150px 0 0;
line-height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:center;
}

#footer a {
color:#53585c;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}




/* Clears nested floats */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

.commentlist, .commentlist p {
padding-top:10px;
}

img.avatar {
float:left;
margin-right:5px;
}

.alignleft {float:left;}
.alignright {float:right;}
