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

/* -----------------------TABLES -----------------------*/

/* Main  styles */
body { margin: 0 0 0 0; background-color:#A5BCA2; background-image:url(../images/body-stripe-green.gif); background-position:top; background-repeat:repeat-x;}
.tdwhitevertical {width: 10; background-color:#FFFFFF;}
.tdwhitehorizontal {background-color:#FFFFFF;}
.maintable {margin-left: auto; margin-right: auto; }
.tdtopmenucontainergreen { width: 772px;}
.tdbodycontainer{background-color:#FFFFFF;}

/* top menu styles */
.topmenutable {}
.tdtopmenuspacer {width: 716px;}
.tdtopmenuverticalspacer {width: 8px; }
.tdtopmenubutton {width: 171px;}
.tdtopmenulogo {width: 56px;}
.tdtopmenumidspacer {}

/* body container etc. */
.tdmainimagebottom {background-color: #A5BCA2; background-image:url(../images/mainimage-bottom.jpg); background-position:top; background-repeat:no-repeat; vertical-align:top;}
.tdmainbodyspacer {}
.tdmainbodyverticalspacer {width: 8px;}
.tdmainbodymaintext{width: 521px; vertical-align:top;}
.tdmainbodysubtext{width: 171px; vertical-align:top;}

.maintable-leftlist-buttons{width: 171px; vertical-align:top;}
.maintable-leftlist-mainspace{width: 593px; vertical-align:top;}
.mainimage-bottom-green{background-color: #FFFFFF; background-image:url(../images/mainimage-bottom-green.jpg); background-position:top; background-repeat:no-repeat; vertical-align:top;}
.mainimage-bottom-text{vertical-align:top;}


.mainpanelonetwothreefourfive{width: 529px; vertical-align: top;}
.mainpanelsix{width: 8px; vertical-align: top;}
.mainpanelseven{width: 171px; vertical-align: top;}
.mainpaneleight{width: 8px; vertical-align: top;}
.mainpanelnine{width: 56px; vertical-align: top;}
.mainpanelgreen{background-image:url(../images/mainimage-bottom-green.jpg); background-position:top right; background-repeat:no-repeat; vertical-align:top;}
.mainpanelone{width: 171px; vertical-align: top;}
.mainpaneltwo{width: 8px; vertical-align: top;}
.mainpanelthreefourfivesixseveneightnine{width: 593px; vertical-align: top;}
.mainpanelallgrey{ background-image:url(../images/mainimage-grey.jpg); background-position:top right; background-repeat:no-repeat;}
.mainpanelallblue{ background-image:url(../images/mainimage-blue.jpg); background-position:top right; background-repeat:no-repeat;}
.mainpanelallpink{ background-image:url(../images/mainimage-pink.jpg); background-position:top right; background-repeat:no-repeat;}

.portfoliothumb{vertical-align:top;}


#navone, #navone ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navone a {
	display: block;
	/*width: 171px;*/
}

#navone li { /* all list items */
	float: left;
	width: 171px; /* width needed or else Opera goes nuts */
	}
	


#navone li ul { /* second-level lists */
	position: absolute;
	width: 171px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navone li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0  171px;
	width: 179px;
}

#navone li ul ul li {
width: 179px;
}

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

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

#navone li:hover ul li, #navone li li:hover ul li, #navone li.sfhover ul li, #navone li li.sfhover ul li { /* lists nested under hovered list items */
	margin-top: -2px;
}





#navtwo, #navtwo ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navtwo a {
	display: block;
	/*width: 171px;*/
}

#navtwo li { /* all list items */
	float: left;
	width: 171px; /* width needed or else Opera goes nuts */
	}
	


#navtwo li ul { /* second-level lists */
	position: absolute;
	width: 171px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navtwo li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0  171px;
	width: 179px;
}

#navtwo li ul ul li {
width: 179px;
}

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

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

#navtwo li:hover ul li, #navtwo li li:hover ul li, #navtwo li.sfhover ul li, #navtwo li li.sfhover ul li { /* lists nested under hovered list items */
	margin-top: -2px;
}




#navthree, #navthree ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navthree a {
	display: block;
	/*width: 171px;*/
}

#navthree li { /* all list items */
	float: left;
	width: 171px; /* width needed or else Opera goes nuts */
	}
	


#navthree li ul { /* second-level lists */
	position: absolute;
	width: 171px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navthree li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0  171px;
	width: 179px;
}

#navthree li ul ul li {
width: 179px;
}

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

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

#navthree li:hover ul li, #navthree li li:hover ul li, #navthree li.sfhover ul li, #navthree li li.sfhover ul li { /* lists nested under hovered list items */
	margin-top: -2px;
}




#navfour, #navfour ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navfour a {
	display: block;
	/*width: 171px;*/
}

#navfour li { /* all list items */
	float: left;
	width: 171px; /* width needed or else Opera goes nuts */
	}
	


#navfour li ul { /* second-level lists */
	position: absolute;
	width: 171px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navfour li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0  171px;
	width: 179px;
}

#navfour li ul ul li {
width: 179px;
}

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

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

#navfour li:hover ul li, #navfour li li:hover ul li, #navfour li.sfhover ul li, #navfour li li.sfhover ul li { /* lists nested under hovered list items */
	margin-top: -2px;
}



#content {
	clear: left;
	color: #ccc;
}






/* -----------------------PARAGRAPHS -----------------------*/

.mainbodymaintext{color: #FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size: 1.3em; margin-top: 0; line-height:1.3em; text-align: left;}
.mainbodysubtext{color: #FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size: 0.8em; margin-top: 0; line-height:2.2em; text-align: left;}
.mainbodymaintextgreen{color: #A5BCA2; font-family:Helvetica, Arial, sans-serif; font-size: 1.3em; margin-top: 0; line-height:1.3em; text-align: left;}



.mainbodymaintext a:link{color: #FFFFFF; text-decoration: underline;}
.mainbodymaintext a:hover, .mainbodymaintext a:link:hover, .mainbodymaintext a:link:visited:hover, .mainbodymaintext a:visited:hover{color: #FFFFFF; text-decoration: none;}
.mainbodymaintext a:visited  {color: #FFFFFF; text-decoration: underline;}
.mainbodymaintext a:active {color: #FFFFFF; text-decoration: underline;}

/* -----------------------forms -----------------------*/


.formfieldtext, .formtext{font-family: Verdana, Helvetica, sans-serif; padding: 1px; width: 250px;}
.formfieldtextarea, .formtextarea{font-family: Verdana, Helvetica, sans-serif;  padding: 1px; width: 250px; height: 180px;}
.formtablefield{font-family: Verdana, Helvetica, sans-serif; padding: 3px; vertical-align: top; width: 260px; color: #FFFFFF;}
.formtablelabel{font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; padding: 3px; vertical-align: top; width: 120px; color: #FFFFFF;}
.standard-table{margin-top: 1em;} 
.stdtd{font-family: Verdana, Helvetica, sans-serif; vertical-align: top; padding: 8px 8px 8px 0; font-size: 0.8em; color: #ffffff;}
.stdtd160px{width: 160px; font-family: Verdana, Helvetica, sans-serif; vertical-align: top;; padding: 8px 8px 8px 0; font-size: 0.8em; color: #FFFFFF;}
.stdtd80px{width: 80px; font-family: Verdana, Helvetica, sans-serif; vertical-align: top;; padding: 8px 8px 8px 0; font-size: 0.8em; color: #FFFFFF;}
.stdtd80pxb{width: 80px; font-family: Verdana, Helvetica, sans-serif;  vertical-align: top;; padding: 8px 8px 8px 0; border-bottom: 1px solid #CCC; font-size: 0.8em; color: #FFFFFF;}
.stdtdb{font-family: Verdana, Helvetica, sans-serif;vertical-align: top;; padding: 8px 8px 8px 0; border-bottom: 1px solid #CCC; font-size: 0.8em; color: #FFFFFF;}
.stdtdcenter{font-family: Verdana, Helvetica, sans-serif; vertical-align: top; text-align: center;; padding: 8px 8px 8px 0; font-size: 0.8em; color: #FFFFFF;}
.stdtdh{font-weight: bold; font-family: Verdana, Helvetica, sans-serif;  vertical-align: top;; padding: 8px 8px 8px 0; font-size: 0.8em; color: #FFFFFF;}
.stdtdh160px{width: 160px; font-weight: bold; font-family: Verdana, Helvetica, sans-serif;  vertical-align: top;; padding: 8px 8px 8px 0; font-size: 0.8em; color: #FFFFFF;}
.stdtdh80px{width: 80px; font-weight: bold; font-family: Verdana, Helvetica, sans-serif;  vertical-align: top;; padding: 8px 8px 8px 0; font-size: 0.8em; color: #FFFFFF;}
.stdtdh80pxb{width: 80px; font-weight: bold; font-family: Verdana, Helvetica, sans-serif;  vertical-align: top;; padding: 8px 8px 8px 0;border-bottom: 1px solid #CCC; font-size: 0.8em; color: #FFFFFF;}
.stdtdhb{font-weight: bold; font-family: Verdana, Helvetica, sans-serif;  vertical-align: top;; padding: 8px 8px 8px 0;border-bottom: 1px solid #CCC; font-size: 0.8em; color: #FFFFFF;}
.stdtdsep{font-family: Verdana, Helvetica, sans-serif;  vertical-align: top; border-bottom: 1px solid #CCC; font-size: 0.8em; color: #FFFFFF;}
.warning{color: #666666;}
.problempara{font-family: Verdana, Helvetica, sans-serif;  font-size: 0.8em; color: #666666;}
