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

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.6em;
background:url(images/background.png) repeat-x;
color:#333333;
}

img, div { behavior: url(iepngfix.htc) }

#wrapper {
width:900px;
margin:0 auto;
padding:0px 20px;
background:#FFFFFF;
overflow:hidden;
}

#top {
background:#219893;
height:3px;
width:940px;
margin:0 auto;
}

img {
border:0;
}

#breadcrumbs {
font-size:11px;
}


/* Header */

h1 {
float:left;
width:300px;
padding:10px 0px;
margin:0;
}

#header {
clear:both;
overflow:hidden;
}

#contact-top {
background:url(images/contact-top.png) no-repeat;
padding:7px;
text-align:center;
color:#FFFFFF;
float:right;
width:240px;
font-size:24px;
margin-bottom:70px;
}

.future-proof {
clear:both;
float:right;
margin-top:-45px;
padding-right:20px;
}

/* Menu */

#menu {
background:url(images/menu-back.jpg) repeat-x;
height:37px;
}


 #nav li:hover, #nav li.hover {  
 position: static;  
}  

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:100;
}

#nav a {
	display: block;
	width: 4.5em;
	padding:11px 20px 10px 7px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
	z-index:100;
	
}


#nav li { /* all list items */
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */
	z-index:100;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	z-index:100;
	width: 15.3em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li a {
text-align:center;
border-right:1px solid #48908E;
}

#nav a:hover {
background:#333333;
color:#FFFFFF;
}

#nav li ul li a {
text-align:left;
width:11.2em;
font-size:14px;
color:#000;
border:0;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



#search {
margin:0px 0px 0px 30px;
float:left;
}

input.search-field {
padding:5px;
margin:5px 0px 0px 40px;
border:0;
color:#999999;
}

input.search-button {
padding:4px 10px;
text-transform:uppercase;
color:#FFFFFF;
background:#219793;
border:0;
margin-left:5px;
}


/* Content */

#content {
overflow:hidden;
clear:both;
margin-top:10px;
}

#content-main {
overflow:hidden;
clear:both;
padding:20px;
}


#logos {
clear:both;
width:700px;
margin:0 auto;
}

#left-col {
float:left;
width:500px;
}

#right-col {
float:right;
width:343px;
}

.news-post {
background:#EDEDED;
padding:5px 10px 0px 15px;
margin-bottom:10px;
border-bottom:3px #075C59 solid;
}

.news-post h3 a:link, .news-post h3 a:visited {
font-size:16px;
color:#209691;
text-decoration:none;
}

.news-post h3 a:hover {
font-size:16px;
color:#333333;
text-decoration:none;
}

.NewsSummaryContent {
padding-bottom:20px;
}

.readmore a:link,  .readmore a:visited  {
padding:5px 15px;
background:url(images/button-green-dark.png);
color:#FFFFFF;
}

.readmore a:hover {
padding:5px 15px;
color:#FFFFFF;
background:#333333;
}

#product-focus {
background:#107470;
padding:10px 15px 8px 15px;
border-bottom:4px #229994 solid;
color:#FFFFFF;
text-align:center;
overflow:hidden;
}

#product-focus h4 {
font-size:25px;
color:#FFFFFF;
padding:10px 0px;
margin:0;
}

a:link.find-out, a:visited.find-out {
background:url(images/button-light-green.png) repeat-x;
color:#FFFFFF;
font-size:18px;
padding:5px 10px 15px 10px;
margin-top:20px;

}

a:hover.find-out {
color:#FFF;
background:#333;
font-size:18px;
}

/* Search Result */

#search-result ul {
list-style-type:none;
padding:0;
margin:0;
}

#search-result li {
padding:5px;
background:#EEE;
margin-bottom:1px;
}

#search-result li a:link {
font-weight:bold;
}

#search-result li a:visited {
color:#333333;
font-weight:bold;
}

/* 2 Col Template */

#left-col2 {
width:600px;
float:left;
padding-top:20px;
}

#right-col2 {
width:235px;
float:right;
padding-top:30px;
}

#right-col2 #inner ul {
list-style-type:none;
padding:0;
margin:0;
margin-bottom:30px;
}

#right-col2 #inner li a:link, #right-col2  #inner li a:visited {
display:block;
background:#117672;
padding:5px 20px;
margin-bottom:2px;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

#right-col2  #inner li a:hover {
background:#333333;
text-decoration:none;
}

#right-col2 #inner h3 {
font-size:20px;
margin-top:-5px;
font-weight:normal;
}



#downloads h3 {
font-size:20px;
font-weight:normal;
}


#downloads {
padding-bottom:20px;
}

#downloads ul {
list-style-type:none;
padding:0;
margin:0;
}

#downloads li a:link, #downloads li a:visited {
display:block;
background:#FFCC33;
color:#333333;
padding:5px 20px;
margin-bottom:2px;
font-size:14px;
text-decoration:none;
}

#downloads li a:hover {
background:#333333;
color:#FFFFFF;
text-decoration:none;
}


#downloads ol {
list-style-type:none;
padding:0;
margin:0;
}

#downloads ol li {
padding:5px;
background:#EEEEEE;
font-size:11px;
color:#333;
margin-bottom:2px;
}

/* Footer */

#footer {
background:url(images/footer-back.jpg) repeat-x;
overflow:hidden;
background-color:#002927;
}

#footer #contact-form {
float:left;
width:450px;
padding:0px 20px;
}

#footer #download-footer {
float:right;
width:360px;
padding:7px 20px 0px 0px;
}

#footer-info {
clear:both;
text-align:center;
font-size:10px;
color:#CCC;
padding:10px 20px;
}

#footer h4 {
color:#FFFFFF;
font-size:24px;
margin:0;
padding:20px 0px;
}

#form-left {
float:left;
width:150px;
padding-right:40px;
}

#form-left input {
padding:10px;
border:none;
background:#00211F;
width:150px;
color:#CCCCCC;
}

#form-right {
float:left;
width:220px;
}

#form-right textarea {
width:203px;
background:#00211F;
border:0;
padding:8px;
color:#CCCCCC;
}

#form-right input {
padding:5px 20px;
background:#00211F;
border:0;
color:#FFFFFF;
float:right;
margin-top:10px;
}

/* Fonts */

h2 {
font-size:30px;
color:#005350;
}

h4 {
font-size:22px;
color:#005350;
padding:0px 0px 10px 0px;
margin:0;
}

a:link, a:visited {
text-decoration:none;
color:#035B57;
}

a:link a:hover {
color:#333333;
text-decoration:none;
}


/* Forms */

.formbuilderform input, .formbuilderform textarea {
border:1px solid #CCC;
padding:10px;
color:#005350;
}

select {
border:1px solid #CCC;
padding:5px;
}

/* Accordion */


#basic-accordian{
	padding:5px;
	width:230px;
	z-index:2;
}

.accordion_headings{
	padding:10px;
	background-image:url(images/accordion-header.jpg);
	color:#FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
padding-right:15px;
font-size:14px;
}

.accordion_headings:hover{
	background:#006c67;
}

.accordion_child{
	padding:15px;
	background:#EEE;
	font-size:12px;
}

.header_highlight{
	background-image:url(images/accordion-header.jpg);
}


.readmore a:link,  .readmore a:visited {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

.readmore a:hover {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5p

}

a:link.find-out, a:visited.find-out {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a:hover.find-out {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* Album and Picture Lists */

ul.albumlist {
padding:0;

}

.albumlist .thumb
{
	padding:0;
	
	float:left;
	background:#EEEEEE;
	margin:0px 10px 10px 0px;
	padding:10px;
    
/* Thumbnail spacing */
	list-style-type:none;
	float:left;
	height:70px;

}

.albumlist .thumb img {
float:left;
margin-right:20px;
}

.albumname  {
float:left;
width:150px;
font-size:11px;
padding:0;
margin:0;
}

.albumpicturecount {
font-size:10px;
}

.albumcomment {
font-size:10px;
font-weight:bold;
}

ul.picturelist {
list-style-type:none;
padding:0;
margin:0;
}

.picturelist .thumb {
margin:10px 10px 10px 0px;
border:3px solid #333333;
padding:0;
float:left;
}