@charset "UTF-8";
/* CSS Document */

body  {
	font: 87%/1.3em Arial, Helvetica, sans-serif;
	background:url(../images/bkgnd_blue.jpg) repeat-x center top;
	color: #333;
	margin: 0px;
	padding: 0px;
}

html {overflow-y: scroll;}

/****outer wrapper for page****/
#wrapper {
	width:980px;
	margin:17px auto 0px;
	padding:0px;
	text-align:center;
	height: auto;
	background-color:#FFFFFF;
}

#masthead {
	width:980px;
	height:117px;
	margin:0;
	padding:0;
}

#leftCol {
	width:590px;
	float:left;
}

#rightCol {
	width:324px;
	margin:0px 0px 0px 610px;
}

.content {
	width:960px;
	margin:0px auto;
	padding:7px 0px;
	text-align: left;
}

.content h1 {
	font:bold 24px/1.3em Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	margin: 0px;
}

.content ol {
	margin-top:0;
	padding-top:0;
}

.content li {
	padding: 0px 0px 7px;
}

.content .subhead {
	font:bold 15px/0.7em Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 7px;
}

.content p .biglink a {
	font:bold 15px/0.7em Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#1B477D;
	margin: 0px auto;
	padding: 0px 0px 7px 30px;

}

.content .biglink a:hover, a:active, a:visited {
	text-decoration:none;
	text-align:center;
	color:#666666;
}

.content h2 {
	font:bold 20px/1.3em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 12px 0px 7px;
}

.content p {
	font: 12px/1.3em Arial, Helvetica, sans-serif;
	color: #333;
	margin:0px;
	padding:5px 0px 5px 0px;
}

.content #phone p{
	font:bold 20px/1.3em Arial, Helvetica, sans-serif;
	color:cc0000;
	float: right;
	padding-top: 0px;
	margin:0px auto 5px;
	padding-right: 0px;
	text-align: center;
}

.content #phone a{
	font:12px/1.3em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#336699;
	text-decoration:underline;
	float: right;
	padding-top: 0px;
	margin:0px auto 0px;
	padding-right: 10px;
	text-align: center;
}

.content #phone a:hover, a:active, a:visited{
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.content a {
	font-weight:bold;
	color:#336699;
	text-decoration:underline;
}

.content a:hover, a:active, a:visited {
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

#footer {
	clear:both;
	width:980px;
	height:40px;
}

#footer #navcontainer { margin-left: 30px; }

#footer #navlist
{
list-style: none;
padding: 0;
margin: 0;

}

#footer #navlist li
{
	display: inline;
	padding: 0;
	margin: 0;
	font:normal 12px/1.3em Arial, Helvetica, sans-serif;
}

#footer #navlist li a {
	color:#0066CC;
	text-decoration:underline;
}

#footer #navlist li a:hover, a:active, a:visited {
	color:#666;
	text-decoration:none;
}

#footer #navlist li:before { content: "|  "; }
#footer #navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #footer #navlist li
{
border-left: 1px solid black;
padding: 0 0.7em 0 0.7em;
margin: 0 0.7em 0 -0.7em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footer #navlist { height: 1%; }

* html #footer #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #footer #navlist li:first-child { border-left: 0; }
	
.fltrt { /* this class can be used whenever you wish to float an element to the right side of the page. The floated element must be placed above the element that will display next to it in the source code. */
	float: right;
	margin-left: 18px;
	margin-bottom:3px;
}

.fltlft { /* this class can be used whenever you wish to float an element left on the page */
	float: left;
	margin-right: 18px;
	margin-bottom: 7px;
}