*{	
	margin: 0px; padding: 0px; 
}

.clear{
	clear: both; font-size: 0px;
}
.cleargrey{
	clear: both; font-size: 0px; height: 5px; background:#d4d4d4; width: 880px; margin: auto;
}
.spacer10{
	height: 10px;
}

body{
	font-family: Arial, Helvetica, sans-serif; text-align: center;
}

.imgright{
	float:right; padding-left: 0px; padding-bottom: 20px;
}

/* --------------------------------------- HEADER STYLES */

#header{
	width: 880px; margin: auto; margin-top: 5px; margin-bottom: 2px; text-align: left; background:url(../img/header-background.jpg) repeat-x #f4f4f4 bottom; height: 4.5em; font-size: 75%;
}

#header img{
	border: 0px;
}

#header ul{
	position: absolute; top: 20px; margin-left: 170px;
}

#header li{
	display: inline; float: left;
}

#header li a{
	display: block; text-decoration: none; color: #003366; background:url(../img/navigation-divider.jpg) right no-repeat; padding: 10px 25px 10px 25px;
}

#header li a:hover{
	text-decoration: underline;
}

.logo{
	float: left;
}

.telnum{
	float: right; color:#003366; font-size: 190%; margin: 15px 15px 11px 15px; padding-left: 35px; padding-bottom: 4px; background:url(../img/telnumicon.gif) no-repeat;
}

/* --------------------------------------- MAIN CHARACTER STYLES */

h1{
	font-size: 145%; color: #006699; font-weight: normal; margin: 0px 0px 10px 0px;
}

h2{
	font-size: 120%; font-weight: normal; color: #006699; margin: 0px 0px 10px 0px;
}

h3{
	font-size: 75%; color: #006699; margin: 0px 0px 5px 0px; 
}

h4{
	font-size: 70%; color: #006699; margin: 0px 0px 5px 0px;
}

p{
	font-size: 72%; line-height: 134%; margin: 0px 0px 15px 0px;
}

.green{
	color: #298772;
}

.red{
	color: #d14f4c
}

.brown{
	color: #8c867e; margin-top: 10px;
}

.orange{
	color:#FF6600;
}

.quote{
	margin-left: 20px; margin-right: 20px; font-style:italic;
}

cite{
	margin-left: 20px; margin-right: 20px; font-weight: bold;
}

a{
	color: #006699;
}

a:hover{
	color: #d14f4c;
}

.col1 ul{
	margin: 10px 25px 10px 25px; font-size: 75%;
}

.col1 li{
	margin: 10px 0px 10px 0px;
}

.col1 li li{
	font-size: 130%;
}

.col1 li li li{
	font-size: 150%;
}

hr{
	border:1px dotted #CCCCCC; margin: 10px;
}

.margintop{
	margin-top: 10px;
}

/* --------------------------------------- CTA FORM STYLES STYLES */

.ctaform{
	border: 5px solid #009dde; font-size: 70%; padding: 10px 10px 10px 10px;
}

.ctaform label{
	display: block;
}

.ctaform textarea, .input{
	width: 96%; font-family:Arial, Helvetica, sans-serif; border: 1px dotted #009dde; padding: 2px;
}

/* --------------------------------------- BANNER STYLES */

#banner{
	width: 880px; margin: auto; margin-bottom: 2px;
}

/* --------------------------------------- CONTENT STYLES */

#contentspacer{
	width: 840px; padding: 20px; clear: both; margin: auto; height:10px; background:url(../img/content-spacer.jpg); text-align: left;
}

#contentspacer2col{
	width: 840px; padding: 20px; clear: both; margin: auto; height:10px; background:url(../img/content-spacer-2col.jpg); text-align: left;
}


#content{
	width: 880px; margin: auto; background:url(../img/content-bg.gif) repeat-y top left; text-align: left;
}

#content .col1{
	width: 312px; margin: 0px 20px 0px 20px; float: left;
}

#content .col2{
	width: 225px; margin: 0px 20px 0px 15px; float: left;
}

#content .col3{
	width: 225px; margin: 0px 15px 0px 15px; float: left;
}

#content2col{
	width: 880px; margin: auto; background:url(../img/footer-bg.gif) repeat-y top left; text-align: left;
}

#content2col .col1{
	width: 578px; margin: 0px 20px 0px 20px; float: left;
}

#content2col .col2{
	width: 225px; margin: 0px 15px 0px 15px; float: left;
}

li.redlink {
	list-style-type: none;
}

.redlink a{
	display: block; border: 1px solid #cccccc; padding: 3px; background:url(../img/red-link.jpg) top right no-repeat; font-size: 75%; color: #d14f4c; text-decoration: none; margin-bottom: 3px;
}

.redlink a:hover{
	text-decoration: underline;
}

li.bluelink {
	list-style-type: none;
}

.bluelink a{
	display: block; border: 1px solid #cccccc; padding: 3px; background:url(../img/blue-link.jpg) top right no-repeat; font-size: 75%; color:#0066CC; text-decoration: none; margin-bottom: 3px;
}

.bluelink a:hover{
	text-decoration: underline;
}


li.brownlink{
	list-style-type: none;
}

.brownlink a{
	display: block; border: 1px solid #cccccc; padding: 3px; background:url(../img/brown-link.jpg) top right no-repeat; font-size: 75%; color: #8c867e; text-decoration: none; margin-bottom: 3px;
}

.brownlink a:hover{
	text-decoration: underline;
}

li.greenlink {
	list-style-type: none;
}

.greenlink a{
	display: block; border: 1px solid #cccccc; padding: 3px; background:url(../img/green-link.jpg) top right no-repeat; font-size: 75%; color: #298772; text-decoration: none; margin-bottom: 3px;
}

.greenlink a:hover{
	text-decoration: underline;
}


li.orangelink {
	list-style-type: none;
}

.orangelink a{
	display: block; border: 1px solid #cccccc; padding: 3px; background:url(../img/orange-link.jpg) top right no-repeat; font-size: 75%; color:#FF6600; text-decoration: none; margin-bottom: 3px;
}

.orangelink a:hover{
	text-decoration: underline;
}


/* --------------------------------------- FOOTER STYLES */

#footer{
	width: 880px; margin: auto; background:url(../img/footer-bg.gif) repeat-y top left; text-align:left; color:#666666;
}

#footer p{
	margin-top: 30px;
}

#footer .col1{
	width: 578px; margin: 0px 20px 0px 20px; float: left;
}

#footer .col2{
	width: 205px; margin: 0px 15px 0px 15px; float: left; padding: 10px;
}


/* --------------------------------------- RSS STYLES */

.item{
 	border-top: 1px dotted #cccccc; paddingd-top: 10px; font-size: 70%; clear: both;
}

.item img{
	width: 25%; height: 25%; float: left; margin: 0px 10px 5px 0px; border: 3px solid #cccccc;
}

.item h2{
 	font-size: 140%; margin-top: 10px;
}

.item a{
 	text-decoration: none;
}

.item blockquote{
	font-size: 100%
}

.item p{
	font-size: 100%
}