/* 
CSS by Jeff McNeil
New Spin Design
www.newspindesign.com
contracted by InsideOut Communications, 2007
*/

/* COLORS:

midnight blue: 040442

*/

body {
	font-family: arial,sans-serif;
	color: #040442;
	font-size: 12px;
}

a {
	color: #CC0000;
	text-decoration: none;
}

a:visited { color: purple; }

a:hover { 
	text-decoration: none;
	color: #0000AA;	
}

#wrapper {
	width: 800px;
	padding: 17px 30px 0 15px;
	background: #000033 url(../images/shadow-right.jpg) no-repeat top right;
	margin: 8px auto;
}


#header {
	background-color: white;
	padding-top: 15px;
	height: 130px;
	border-left: 1px solid #F46A18;
	border-right: 1px solid #F46A18;
	border-top: 1px solid #F46A18;
}

#header h1 span, #header h2 span {
	font-size: 1px;
	color: white;
	display: none;
}





/* BODY */



#bodycopy {
	/*this is for equal column heights =) */
	padding: 20px 20px 20px 180px;
}

#fauxcolwrapper {
	border-left: 1px solid #F46A18;
	border-right: 1px solid #F46A18;
	border-bottom: 1px solid #F46A18;
	background: #fff url(../images/bodybg.jpg) repeat-x bottom left;
	width: 800px;
}

#bodycopy img#feature {

	float: right;
}

#bodycopy h3 {
	color: #040442;
	font-size: 18px;
	margin: 0;
}

#bodycopy ul {
	line-height: 150%;
	font-size: 110%;
	margin: .5em 0 0 0;
	list-style-type: none;
	padding-left: 10px;
}

#bodycopy ul li {
	background: url(../images/checkmark.gif) no-repeat center left;
	padding: .3em 0 .2em 30px;
}

#bodycopy p.feature {
	line-height: 160%;
	font-size: 130%;
}

#bodycopy a {
	border-bottom: 1px dotted #FF0000;
}

#bodycopy a:hover {
	border-bottom: 1px solid #0000AA;
}


/* footer */

.vcard {
	text-align: center;
	color: white;
	font-size: 95%;
	line-height: 110%;
	background-color: #000033;
	margin: 5px 20px 5px 20px;
}

.vcard abbr, .vcard acronym {
	border: 0;
}


.vcard .tel, .vcard a {
	color: #FFFF99;
	font-weight: bold;
	font-size: 120%;
}

.vcard a {
	color: #3399CC;
	border-bottom: 1px dotted #3399CC;
}

.vcard a:hover {
	color: #FFFF99;
	border-bottom: 1px dotted #FFFF99;
}

#footer {
	clear: both;
	margin: 0 -30px 0 -15px;
	padding-bottom: 23px;
}

p#copyright {
	margin-top: -10px;
	text-align: center;
	color: #666;
	font-size: 90%;
	height: 3em;
}


hr {
	display: none;
}

a img {
	border: 0;

}

#bodyone ul {

	line-height: 150%;
	font-size: 110%;
	margin-top: .5em;
	list-style-type: none;
	padding-left: 10px;
}
#bodycopy1 {
	
}
#bodycopy1 img#feature {
	float: right;
	padding-left: 10px;
	margin-left: 20px;
}
#bodycopy1 h3 {
	color: #040442;
	font-size: 18px;
	clear: both;
}



#bodycopy1 p.feature {

	line-height: 160%;
	font-size: 130%;
}
#bodycopy1 a {

	border-bottom: 1px dotted #FF0000;
}
#bodycopy1 a:hover {

	border-bottom: 1px solid #0000AA;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside .bodytextNOPAD {
	float: left;
	padding: 8px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside h4 {
	font-size: 13px;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-style: italic;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #003366;
	border-top-width: 0.05em;
	border-bottom-style: solid;
	border-top-color: #003366;
	border-right-color: #003333;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-width: 0.05em;
	border-bottom-width: 0.05em;
	border-left-width: 0.05em;
	padding: 0px 10px 2px 0px;
	margin-top: 0px;
	display: block;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #midColinside h3 {
	font-size: 14px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #midColinside div {
	background-image: url(../images/back-institutions.gif);
	background-position: horizontal-top left;
	background-repeat: no-repeat;
	padding: 10px;
}
/*#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside ul {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}*/
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside div {
	float: left;
	width: 440px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside img {
	padding-right: 0px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #midColinside .style5 {
	font-size: 18px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside #arsenx {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	width: 400px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside p {
	line-height: 18px;
}
.widebullets {
	width: 500px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftColinside #widebullets {
	width: 400px;
	font-weight: normal;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #leftCol li {
	font-size: 12px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #midCol li {
	font-size: 12px;
}
#home #wrapper #fauxcolwrapper #bodycopy1 #lastCol li {
	font-size: 12px;
}
#home #wrapper #fauxcolwrapper #navholder #cc {
	float: left;
}
.formoreinfo {
	font-size: 12px;
}
#homepage #wrapper #fauxcolwrapper #bodycopy1 #midCol {
	width: 230px;
}
#homepage #wrapper #fauxcolwrapper #bodycopy1 #lastCol {
	width: 230px;
}
#homepage #wrapper #fauxcolwrapper #bodycopy1 #leftCol .feature .backwashing {
	font-size: 18px;
	color: #0071B6;
}
#homepage #wrapper #fauxcolwrapper #bodycopy1 #midCol .feature .backwashing {
	font-size: 18px;
	color: #0071B6;
}
#homepage #wrapper #fauxcolwrapper #bodycopy1 #lastCol .feature .backwashing {
	font-size: 18px;
	color: #0071B6;
}
