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

/* basic styles */
a:hover {background-position: 0 0;} /* fixes the IE6 hover refresh bug */
body {
	margin: 0 auto;
	background-color: #999999;
}
h1, h2, h3, h4, h5, h6, h7, p, ul, li, blockquote {
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 12px;
	font-style: italic;
	color: #444;
}
p, label {
	font-size: 13px;
	line-height: 150%;
	color: #444;
}
.disclaimer {
	font-size: 11px;
	font-style: italic;
}
.testimonialFrom {
	text-align: right;
	font-weight: bold;
	padding-top: 6px;
}
a img {
	border: 0;
}
.imgLeft {
	float: left;
	margin: 0 15px 7px 0;
}


#outerContainer {
	margin: 0 auto;
	width: 975px;
	background: url(../images/page_bg.gif) repeat-y center;
}
#mainContainer, #secContainer {
	width: 955px;
	margin: 0 auto;
}
.clear {
	height: 1px;
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* header styles */
#header {
	margin: 0 0 0 20px;
	padding-top: 25px;
}
#header img {
	display: inline;
	float: left;
}
#headerText {
	float: right;
	margin: 39px 30px 0 0;
}
#headerText h2 {
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #004f72;
	line-height: 110%;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}
#headerText span {
	font-size: 13px;
	color: #878585;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	clear: both;
	display: inline;
	margin: 2px 0;
	line-height: 110%;
	padding: 0;
}

/* top nav styles */
#navigation {
	clear: both;
	background-image: url(../images/nav_off.gif);
	height: 37px;
	width: 953px;
	padding: 0;
	margin: 22px 0 0 0;
	border: 1px solid #fff;
	border-width: 0 1px 1px 1px;
}
#navigation ul {
	width: 100%;
	float: left;
	white-space: nowrap;
	padding: 0;
	margin: 0 auto;
}
#navigation li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	border: 1px solid #b4d8f1;
	border-width: 0 1px 0 0;
}
#navigation a:link, #navigation a:visited {
	color: #004f72;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 11px 14px 11px 14px;
	float: left;
}
#navigation li#nav-contact {
	border-right: none;
}
#home #nav-home a:link, #home #nav-home a:visited,  
#products #nav-products a:link, #products #nav-products a:visited, 
#team #nav-team a:link, #team #nav-team a:visited, 
#events #nav-events a:link, #events #nav-events a:visited, 
#process #nav-process a:link, #process #nav-process a:visited, 
#resources #nav-resources a:link, #resources #nav-resources a:visited, 
#contact #nav-contact a:link, #contact #nav-contact a:visited {
	background-image: url(../images/nav_on.gif);
	color: #fff;
}
#navigation a:hover {
	background-image: url(../images/nav_on.gif);
	color: #fff;
}
/* banner styles */
#banner {
	background: url(../images/banner.jpg) no-repeat;
	height: 133px;
	width: 913px;
	padding: 90px 13px 13px 27px;
	border: 1px solid #fff;
}
#banner h1 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
#banner p {
	color: #fff;
	font-size: 12px;
	width: 280px;
	margin: 4px 0;
}
#banner blockquote {
	color: #fff;
	font-size: 16px;
	line-height: 160%;
	float: right;
}
#banner ul {
	margin: 0;
}
/* secondary banner styles */
#secContainer #banner {
	background: url(../images/banner_secondary.jpg) no-repeat;
	padding: 12px 13px 13px 27px;
	height: 149px;
}
#secContainer #banner p {
	width: 190px;
	line-height: 130%;
}
/* front column styles */
#frontColumnHeaders {
	margin: 0;
	border: 1px solid #fff;
	border-width: 0 0 1px 1px;
	height: 63px;
}
#frontColumnHeaders div {
	float: left;
	height: 63px;
	width: 318px;
	border: 1px solid #fff;
	border-width: 0 1px 0 0;
}
.leftHeader {
	background: url(../images/header_left_col.jpg) no-repeat;
}
#frontColumnHeaders .middleHeader {
	background: url(../images/header_middle_col.jpg) no-repeat;
	width: 317px;
}
#frontColumnHeaders .rightHeader {
	background: url(../images/header_right_col.jpg) no-repeat;
	border: 0;
	width: 316px;
}
#frontColumns {
	border: 1px solid #fff;
	border-width: 0 0 0 1px;
	height: 224px;
}
.leftCol, .middleCol, .rightCol {
	width: 317px;
	height: 224px;
	float: left;
	border: 1px solid #fff;
	border-width: 0 1px 0 0;
}
.leftCol {
	background: url(../images/bg_events.jpg) no-repeat;
}
.middleCol {
	background: url(../images/bg_resources.jpg) no-repeat;
	width: 318px;
}
.rightCol {
	background: url(../images/bg_products.jpg) no-repeat;
	border-width: 0;
}
#frontColumns h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 13px 13px 17px 28px;
	margin: 0;
}
#frontColumns .middleCol h1, #frontColumns .rightCol h1, .middleCol a, .rightCol a {
	color: #08598b;
}
.colContent {
	padding: 0px 13px 0 105px;
}
.colContent h2, .colContent p, .colContent ul {
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
}
.colContent ul {
	padding-bottom: 10px;
	margin: 5px 13px 8px 13px;
}
/* secondary page styles */
#sidebar {
	width: 235px;
	border: 1px solid #fff;
	border-width: 0 1px;
	float: left;
	font-size: 13px;
	background-color:#4582A8;
	}
.sidebarHeader {
	background: url(../images/header_sidebar.jpg) ;
	width: 235px;
	height: 63px;
}
.sidebarContent {
	background: url(../images/bg_sidebar.jpg) no-repeat top;
	background-color: #4582a8;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
	width: 209px;
	padding: 0 13px 25px 13px;
}
.sidebarContent h1 {
	padding: 23px 3px 10px 13px;
}
#sidebar h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	margin: 0;
}
#sidebar a {
	color: #fff;
}
#sidebar .testimonial ul {
	margin-top: 10px;
}
.testimonial {
	background: url(../images/testimonial_bg.jpg) no-repeat;
	padding: 23px 26px 0;
	border-bottom: 1px solid #fff;
	background-color: #327aa2;
}

.sidenav {
	background: url(../images/testimonial_bg.jpg) no-repeat;
	padding: 23px 26px 0;
	border-bottom: 1px solid #fff;
}

.testimonial p, .testimonial span {
	color: #fff;
}
#mainContent {
	padding: 0 25px 25px 25px;
	float: right;
	width: 665px;
}

#mainContent p {
	font-size: 15px;
	color: #444444;
	margin: 10px 0 0;
	border-width: 0 0 1px 0;
	
}

#mainContent h1 {
	font-size: 18px;
	text-transform: uppercase;
	color: #4582a8;
	padding: 10px 0;
	border: 1px solid #cedee8;
	border-width: 0 0 1px 0;
	
}	
#mainContent h2 {
	font-size: 16px;
	color: #4582a8;	
}	
#mainContent h3 {
	font-size: 15px;
	color: #444444;
	margin-bottom: 5px;
}
#mainContent ul {
	color: #444;
}	
#mainContent .arrow li {
	font-size: 15px;
}
/* icon lists */
.icon {
	float: left;
	clear: both;
	margin: 0 5px 15px 27px;
}
.arrow, .arrow2, #sidebar ul{
	list-style: none;
	padding: 0; 
	margin: 5px 0 5px 13px;
}
.arrow li, .arrow2 li, #sidebar li {
	background: url(../images/arrow_bullet.gif) no-repeat;
	background-position: 0 0.6em;
	padding: 3px 5px 3px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.arrow2 li, #sidebar li {
	background: url(../images/arrow_bullet2.gif) no-repeat;
	background-position: 0 0.4em;
	padding: 0 13px;
	margin-top: 0;
}
#sidebar li {
	margin: 4px 0;
	font-size: 13px;
}
.arrow2 a {
	color: #fff;
}
/* inline styles */
/*CALLOUT BOX */
.calloutBox {
	width: 400px;
	padding: 10px 20px 0px 20px;
	margin: 20px;
	border: 3px solid #e0e0e0;
	border-width: 1px 1px 3px 3px;
}
.calloutBox h2 {
	padding: 0;
	margin: 0;
	color: #4582a8;
	font-size: 16px;
	border-bottom: 2px dotted #b4d8f1;
}
.calloutBox a {
	color: #171c44;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
}
.pullQuote { /*blockquote style*/
	padding: 10px 10px 10px 65px;
	line-height: 160%;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;		
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../images/quote_left.jpg) 10px 0.75em no-repeat;
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	background:#efefef;
	margin: 0.25em 0;
	}
	/*.content h5 s;pan.atribution { /*blockquote atribution style
		font-size: 10px;
		padding: 0;
		line-height: 100%;
		font-weight: bold;
		font-style: normal;
		margin: 0.25em 0;
	}*/


/* footer styles */
#footer {
	margin: 0 1px;
	border: 4px solid #555;
	border-width: 4px 0 0 0;
	background: url(../images/footer_bg.jpg) no-repeat;
}
#footer p {
	font-size: 12px;
	color: #0068a0;
	text-align: center;
	margin: 15px 0 10px 0;
}
#footer a {
	color: #0068a0;
}
#disclaimer {
	background: url(../images/page_bottom.gif) no-repeat;
	background-color: #6594b6;
	padding: 10px 30px 30px;
}
#disclaimer p, #disclaimer a {
	font-size: 11px;
	color: #fff;
}
#events h3 {
	padding-top: 5px;
	margin: 0 0 10px;
}

#contactInfo h2 {
	font-size: 15px;
	margin-top: 0;
}
#contactInfo p {
	margin-top: 0;
}