/* IE & FF Fix */
* { margin:0; padding:0; }
html, body { margin:0px; padding:0px; background:#e9f0f5; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* Classes */
a { color: #3e7a93; }
a:hover { color: #CCC; }
p { margin:0px; padding:1.0em 0 0; line-height:145%; }
.pbottom { margin:0px; padding:1.0em 0 2.0em 0; line-height:145%; border-bottom:solid thin #3e7a93 }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearBoth { clear:both; }
img { border:none; }
hr { text-decoration:none; border:solid thin #3e7a93; margin:10px 0 10px 0 }
.smalltext { font-size:10px }
.padding { padding:15px 20px 20px 10px }
/* Main Page */
#page-container { width:865px; margin:auto; }
/* Header */
#header { height:328px; }
/* Page Titles */
.pagetitle { float:right; font-family:Helvetica, sans-serif; color:#00526e; font-size:14px; font-weight:bold; margin-top:24px; }
.subheadings { font-family:Arial, Helvetica, sans-serif; color:#FF9900; font-size:13px; font-weight:bold; margin-top:25px; }
/* Main Navigation */
#main-nav { float:left; width:272px; height:226px; background: url(../../images/general/navBg.jpg) top left no-repeat; font-family:Helvetica, sans-serif; font-size:16px; font-weight:lighter; color:#00526e; }
#main-nav li { list-style:none; padding:12px 18px 0px 18px; }
#main-nav li span { font-size:10px; font-weight:normal; }
#main-nav a { color:#3e7a93; text-decoration:none; display:block; }
#main-nav a:hover { color:#6a9aad; background:#e9f0f5; text-decoration:none; }
#flashHeader { float:left; }
#flashnews { padding:10px 0 0 10px; }
/* Main Content */
.column1 { float:left; width:252px; background:url(../../images/general/sideBg.jpg) repeat-y; color:#3e7a93; }
.column1 p { padding-left:18px; padding-right:10px }
.column1 img { padding:18px 0; }
.column1 h2 { padding:18px 18px 0 18px; font-size:14px; text-transform:uppercase; }
.column1 ul { padding:12px 0 10px 20px; color:#3e7a93 }
.column1 ul li { padding:5px 0; list-style:none; }
.column1 a { color:#FF9900; text-decoration:none }
.column1 a:hover { color:#e9f0f5 }
.column2 { float:left; width:593px; padding-left:20px; }
.column2 h2 { padding:18px 18px 18px 0px; font-size:14px; text-transform:uppercase; color:#00526e; border-bottom:solid #00526e }
.column2 ul { padding:12px 0 10px 20px; color:#3e7a93 }
.column2 ul li { padding:5px 0; }
.column2 img { padding-right:3px }
.column2 em { font-style:italic }
.column3 { float:left; width:285px; padding-right:5px }
.column3 h2 { padding:18px 18px 18px 0px; font-size:14px; text-transform:uppercase; color:#00526e; }
.column4 { float:left; width:285px; padding-left:9px; }
.downloads { float:left; width:164px; padding:15px; text-align:center; }
.whereweare { float:left; width:270px; padding:20px 5px 20px 15px; }
.whereweare h3 { font-size:14px; }
.whereweare ul li { padding:2px 0; list-style:none; }
.quick-contact-list { background:url(../../images/general/sidebottomBg.jpg) no-repeat bottom; padding-left:20px; list-style:none; }
/* Footer */
#footerBg { clear:both; background:url(../../images/general/footerBg.jpg); height:334px; }
#footer { width:865px; margin:auto; padding-top:80px; color:#FFF; }
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { color: #CCC; }
#ourLink { float:left; margin:0px; padding:0px; }
#lowerNav { float:right; list-style:none; }
#lowerNav li { display:inline; }
/* SEO */
div#seo { clear:both; width:865px; margin:auto; padding-bottom:30px; text-align:center }
div#seo h3 { font-size:11px }
div#seo p { font-size:11px }
div#seo strong, em { font-weight:normal; font-style:normal }
div#seo ul li { display:inline; margin:20px; font-size:14px; font-weight:bold }
/*
			ACCORDIAN
			
			Vertical Accordions
		*/
		
		.accordion_toggle { display: block; height: 30px; width: 573px; background: url(images/accordion_toggle.jpg) no-repeat top right #ffffff; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #f6c962; cursor: pointer; margin: 0 0 0 0; }
.accordion_toggle_active { background: url(images/accordion_toggle_active.jpg) no-repeat top right #00526e; color: #ffffff; border-bottom: 1px solid #f6c962; }
.accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }
.accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; }
.accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; }
.vertical_accordion_toggle { display: block; height: 30px; width: 600px; background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; }
.vertical_accordion_toggle_active { background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; color: #ffffff; border-bottom: 1px solid #f68263; }
.vertical_accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }
.vertical_accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; }
.vertical_accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; }
/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle { /* REQUIRED */
			float: left;	/* This make sure it stays horizontal */ /* REQUIRED */

			display: block; height: 100px; width: 30px; background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a; color: #ffffff; text-decoration: none; outline: none; border-right: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; }
.horizontal_accordion_toggle_active { background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f; border-right: 1px solid #f68263; }
.horizontal_accordion_content { /* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */ float: left;	/* This make sure it stays horizontal */ /* REQUIRED */
			
			overflow: hidden; background-color: #ffffff; color: #444444; }
.horizontal_accordion_content p { width: 450px; line-height: 150%; padding: 5px 10px 15px 10px; }
/* Container styling*/
    #horizontal_container { margin: 20px auto 20px auto; width: 400px; height: 100px; }
#vertical_nested_container { margin: 20px auto 20px auto; width: 400px; }