/* CSS Document */

/* MAIN LAYOUT CSS */

html,body{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	font-weight: normal;
}



.expander {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width:936px;
	font-weight: normal;
}

 

/* \*/

* html .sizer,

* html .expander,

* html .innerwrapper

{height: 0;}

/* */



div#header{position:relative; height:252px; background:url("images/topbuttons_01.jpg") no-repeat top left;overflow:hidden; }



div#content {
	background:url(images/contentbackground.jpg) repeat-y;
	padding:30px 40px 30px 40px;
	font-size: 14px;
	text-align: center;
}



div#content a {color:#82AEC5; text-decoration:none; font-weight:bold;}

div#content a:hover {color:#98C8DC;  text-decoration:underline; font-weight:bold;}

div#content a:active {color:#82AEC5; text-decoration:none; font-weight:normal;}

div#content a:visited {
	color:#060;
	text-decoration:none;
	font-weight:bold;
}



div#content ul {list-style:disc; line-height:2em; }



div#footer{background:#FFF url(images/content_footer_bg.gif) no-repeat top left; font-size: 10px;}



div#footer p{margin:0;padding:5px 10px}



div#footer{clear:left;width:100%}



h1,h2,h3,h4,h5,h6 {

	font-weight: bold;

}

h1 {

	font-size: 18px;

	color: #A6C041;

}

h2 {
	font-size: 16px;
	color: #A6C041;
	text-align: center;
}

h3 {

	font-size: 14px;

	color: #A6C041;

}

h4 {

	font-size: 12px;

	color: #A6C041;

}



.seedshape a img {

border:1px solid #E4E4E4;

}



.nobullets ul li {

list-style-type:none;

line-height:1.5em;

}
.cssform {
margin-left:50px;
margin-top:30px;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 10px 0 8px 0;
padding-left: 205px; /*width of left column containing the label elements*/
border-top: 1px solid #E4E4E4;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}
.cssform .form_info {
margin-left:-205px;
border-top:none;
}
.cssform .small_form_text {
font-size:.8em;
font-style:italic;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* LOWER TAB MENU STYLING AFTER THIS

================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/doors_drop_line.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* the styling */

.lowernav { clear:both; background:url(images/lowermenubg_04.jpg) top left no-repeat; height:77px;}



#nav {padding-left:18px; float:left; width:910px; height:43px; background:url("images/tabs_shadow.jpg") no-repeat bottom left;}



#nav .select, #nav .current {margin:0 0 0 0; padding:0; list-style:none; display:block; float:left;}



#nav .sub {margin:0; padding:0; list-style:none;}



#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}

#nav .current li {
	z-index:50;
}



#nav .select a, 

#nav .current a {display:block; height:43px; float:left; width:10.2em; height:3.6em; background:url("images/tab_left_both.jpg") no-repeat left top; padding:0 0 0 6px; text-decoration:none; font-weight:bold; line-height:1.2em; white-space:nowrap; font-family:Arial, Helvetica, sans-serif; font-size:10px;}



/* calculate the required widths of the top level */

#nav .one a {width:8.2em; height:43px; overflow:hidden;}

#nav .two a {width:10.1em;height:43px; overflow:hidden;}

#nav .three a {width:9.1em;height:43px; overflow:hidden;}

#nav .four a {width:7.9em;height:43px; overflow:hidden;}

#nav .five a {width:10.6em;height:43px; overflow:hidden;}

#nav .six a {width:5.8em;height:43px; overflow:hidden;}

#nav .seven a {width:4.4em;height:43px; overflow:hidden;}

#nav .eight a {width:8.1em;height:43px; overflow:hidden;}

#nav .nine a {width:8.5em;height:43px; overflow:hidden;}

#nav .ten a {width:11.3em;height:43px; overflow:hidden;}


#nav .select a b, 

#nav .current a b {height:100%; display:block; background:url("images/tab_r_both.jpg") no-repeat right top; padding:8px 30px 0 5px; color:#726e85;}



#nav .sub {display:none;}



/* for IE5.5 and IE6 only */

#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:.7em;}



#nav .select a:hover b {color:#b6d44a; cursor:pointer;}



#nav .current a {background-position:0 -43px;}

#nav .current a b {background-position:100% -43px; color:#b6d44a;}



#nav .sub li a:hover, 

#nav .select a:hover .sub li a:hover, 

#nav .select li:hover .sub li a:hover {font-weight:bold; color:#C3E6EC;}



#nav .current .sub .current_sub a, 

#nav .current .sub a:hover {font-weight:bold; color:#C3E6EC;}



#nav .current .sub, 

#nav .select a:hover .sub, 

#nav .select li:hover .sub {
	display:block;
	position:absolute;
	width:936px;
	height:34px;
	top:41px;
	margin-top:0px;
	padding:0px 0 0px 0;
}





* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}



#nav .current .sub li a, 

#nav .select a:hover .sub li a, 

#nav .select li:hover .sub li a {display:inline; background:#726e85; border:0px solid #ddd; padding:0 15px; margin:0 0px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:12px; height:20px; line-height:1.6em; color:#b6d44a; font-family:Arial, Helvetica, sans-serif;}



#nav .select a:hover, 

#nav li:hover a {background-position:0% -43px;}



#nav .select a:hover b, 

#nav .select li:hover a b {background-position:100% -43px; color:#b6d44a;}



/* calculate the left edge position of each sub level */

#nav .one .sub {left:-18px;}

#nav .two .sub {left:-110px; padding-left: -18px;}

#nav .three .sub {left:-228px; margin-left:-0px;}

#nav .four .sub {left:-324px; margin-left:-27px;}

#nav .five .sub {left:-420px; margin-left:-27px;}

#nav .six .sub {left:-452px; margin-left:-27px;}

#nav .seven .sub {left:-596px; margin-left:-27px;}

#nav .eight .sub {
	left:-703px;
	margin-left:-27px;
}


* html #nav .eight .sub {margin-left:-694px; marg\in-left:-27px;}



#info {
	position:relative;
	overflow: visible;
}

p.bold {padding-left:15px; color:#c00;}

a.linkup {position:relative;}

a.buttonup {position:absolute; top:200px; left:650px; border:0;}

a.buttonup img {border:0;}

.gleft {float:left; margin:25px 0 10px 0;}

.gright {float:right; margin:25px 5px 10px 0;}

.grc {margin:20px 0 0 10px;}





/* UPPER LEFT MENU STYLING AFTER THIS

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {float:left; width:648px;height:32px; font-size:0.75em; position:relative; z-index:350; padding-top:18px; padding-left:17px;padding-right:0px;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:648px; w\idth:648px;}

/* remove all the bullets, borders and padding from the default list styling */

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

.menu ul ul {width:81px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:81px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#726e85; font-weight:bold; width:71px; height:33px; padding-left:5px; line-height:13px; text-align:center;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:81px; w\idth:71px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFF;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#FFF;}

.menu ul ul :hover > a.drop {background:#FFF;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFF;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#FFF;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0px; width:60px; font-weight:normal;}

/* another hack for IE5.5 */

* html .menu ul ul {top:33px;t\op:33px;}



/* position the third level flyout menu */

.menu ul ul ul{left:61px; top:-1px; width:61px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-61px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#FFF; color:#726e85; height:auto; line-height:1em; padding:5px 10px; width:61px;}

.menu ul ul a, .menu ul ul a:visited { border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC; border-bottom:1px solid #E6E6E6; }

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:81px;w\idth:81px;}



/* style the top level hover */

.menu a:hover {color:#726e85; background:url(images/spacer.gif) repeat top left;}

.menu :hover > a {color:#726e85; background:url(images/spacer.gif) repeat top left;}

.menu ul ul a:hover{color:#777; background:#E9E9E9;}

.menu ul ul :hover > a {color:#777; background:#E9E9E9;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}





/* UPPER RIGHT MENU STYLING AFTER THIS

================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.menu2 {width:265px;height:32px;font-size:0.75em; position:relative; z-index:300; padding-top:18px;margin-left:668px;padding-left:0px;text-indent:none;}

/* hack to correct IE5.5 faulty box model */

* html .menu2 {width:265px; w\idth:255px;}

/* remove all the bullets, borders and padding from the default list styling */

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

.menu2 ul ul {width:84px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu2 li {float:left;width:84px;position:relative;}

/* style the links for the top level */

.menu2 a, .menu2 a:visited {display:block;font-size:10px;text-decoration:none; color:#726e85; font-weight:bold; width:84px; height:32px;line-height:13px;text-align:center;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu2 a, * html .menu2 a:visited {width:84px; w\idth:74px;}



/* style the second level background */

.menu2 ul ul a.drop, .menu2 ul ul a.drop:visited {background:#FFF;}

/* style the second level hover */

.menu2 ul ul a.drop:hover{background:#FFF;}

.menu2 ul ul :hover > a.drop {background:#FFF;}

/* style the third level background */

.menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#FFF;}

/* style the third level hover */

.menu2 ul ul ul a:hover {background:#FFF;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu2 ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0px; width:61px; font-weight:normal;}

.menu2 ul ul a, .menu2 ul ul a:visited { border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC; border-bottom:1px solid #E6E6E6;}

/* another hack for IE5.5 */

* html .menu2 ul ul {top:32px;t\op:32px;}



/* position the third level flyout menu */

.menu2 ul ul ul{left:61px; top:-1px; width:61px;}



/* position the third level flyout menu for a left flyout */

.menu2 ul ul ul.left {left:-61px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

.menu2 ul ul a, .menu2 ul ul a:visited {background:#FFF; color:#726e85; height:auto; line-height:1em; padding:5px 10px; width:61px;}

/* yet another hack for IE5.5 */

* html .menu2 ul ul a, * html .menu2 ul ul a:visited {width:119px;w\idth:61px;}



/* style the top level hover */

.menu2 a:hover {color:#726e85; background:url(images/spacer.gif) repeat top left;}

.menu2 :hover > a {color:#726e85; background:url(images/spacer.gif) repeat top left;}

.menu2 ul ul a:hover{color:#777; background:#E9E9E9;}

.menu2 ul ul :hover > a {color:#777; background:#E9E9E9;}



/* make the second level visible when hover on first level list OR link */

.menu2 ul li:hover ul,

.menu2 ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu2 ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.expander #container #content {
	font-size: 14px;
	font-weight: normal;
}
.expander #container #content table tr td img {
	text-align: left;
	vertical-align: middle;
}
.expander #container #content p {
	text-align: left;
}
.expander #container #content p {
	font-weight: normal;
}
.expander #container #content .five {
	font-weight: bold;
}
.expander #container #content .five {
	font-weight: bold;
	font-style: normal;
}
.expander #container #content p strong {
	font-size: 14px;
	font-weight: lighter;
}
.expander #container #content .left strong {
	text-align: center;
}
.expander #container #content .left strong {
	text-align: left;
}