@charset "utf-8";
/* CSS Document */
#html{height:100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #666666; line-height:20px; margin:0; background-image:url(images/top.jpg); background-position:top; background-repeat:repeat-x}
body{
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;  /*scrollbar hack for IE downgraded scrollbars (no horizontal overflow)*/
overflow-y: scroll;}
#wrapper{width:990px; text-align:left;}
#header{background-image:url(images/top.jpg);height:120px;}
#headerclear{height:5px;clear:both;}
#logo{margin-top:40px; height:55px; margin-left:15px; width:187px; float:left; background-image:url(images/logo.jpg)}
#logoright{margin-top:40px; height:42px; width:592px; float:right; background-image:url(images/werulogoright.png)}
#topnav{margin: 0px -51px 0px 0px; padding: 0px; float:right; width:900px; height:20px;}
#topnav ul a{list-style: none; margin:0px 0px 0px 0px; border-bottom:5px solid #000; float:left; text-transform:uppercase; text-decoration:none; color:#000; padding-left: 10px; padding-right: 10px; width: auto; height: auto;}
#topnav ul li{list-style: none; margin:0px 0px 0px 0px; float:left; text-transform:uppercase; text-decoration:none; color:#000;}
#topnav a:hover{border-bottom:5px solid #eec52f; float:left; text-transform:uppercase; text-decoration:none; color:#000;}
#introbanner{height:281px; background-color:#CCCCCC; width:100%;}
#topdivider{height:5px; background-color:#CCCCCC; width:100%; clear:both;}
#maincontainer{float:right; width:772px; text-align:left; }
#leftcol{float:left; padding-left:15px; text-align:left;}
#innerlcoltop{float:left; height:20px; width:332px; padding:10px; text-align:left; background-color:#c9c9b1}
#innerrcoltop{float:left; height:20px; width:400px; padding:10px; text-align:left; background-color:#ebebeb}
#left-menu{background-color:#000;}
#maincontent{float:left; width:322px; height:100%; min-height:325px;}
#rightcol{float:left; width:420px; min-height:325px; text-align:left; background-color:#eec52f; clear:right;}
#bottomnav{
list-style: none;
float:right; width:772px;
margin: 0px 0px 0px 0px;
padding-top: 10px;
height:40px;
background-color:#999999; border-top:1px solid #666666;}
#bottomnav ul{	
    padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
    margin: 0;
    list-style: none;
    width: auto; color:#FFFFFF;
	display: inline;}
#bottomnav a, #bottomnav li
{
	color:#ffffff;
    margin-left: 10px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    display: inline;
}
#footerarea{background-image:url(images/bottom.jpg); height:100px; clear:both}
#copyright{float:left; width:66%; text-align:right; margin-top:40px;font-size:11px;}

/*Page Styles*/
.contentpadding{padding-top:35px; padding-left:15px; padding-right:15px; padding-bottom:20px; text-align:left;}
.innerpadding{padding:10px;}
a:link {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF6600;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: underline;
	color: #FF6600;
}
/*Headings*/
h1{font-size:22px; margin-top:0px; margin-bottom:10px; }
h2{font-size:20px; margin-top:0px; margin-bottom:20px; }
h3{}
h4{font-size:12px; margin:0px;}
h5{margin-top:5px; font-size:14px; color:#000; margin-bottom:0px;}

hr{border:0px; background-color:#ccc; height:1px}

blockquote{background-color:#FFFF99; padding:15px; margin-left:0px; margin-right:0px;-moz-border-radius: 7px;-webkit-border-radius: 7px; border:1px solid #eec52f;}

/*Moo Menu*/
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:10px 20px;
	background-color:#000000;
	color:#FFFFFF;
	border-bottom:1px solid #333;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#F6C739 ;
	color:#000000;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#F6C739 ;
	color:#000000;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_right.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../img/arrow_right_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	background:#000000;	
	border:1px solid #333333; 
	left:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	list-style:none;
	width:186px;
	z-index:5;
	text-align: left;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

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

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

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; color:#FFFFFF }
#nav li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em; color:#FFFFFF}
#nav li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em; color:#FFFFFF}
#nav li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;color:#FFFFFF}
#nav li:hover a:focus{ margin-left: 0; color:#FFFFFF }
#nav li li:hover a:focus + ul { margin-left: 10em; color:#FFFFFF }

/*Forms*/
input{border:1px solid #ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
input:focus {background: #FFFF99;}
textarea{border:1px solid #ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
textarea:focus{border:1px solid #ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #FFFF99;}

/*Moo Scroll*/
.scrollControlsY{

	position: absolute;
	top:0;
	right:0;
	height:100%;
	width:12px;
}

.upBtn{
	position:absolute;
	top:0;
	right:0;
	width:12px;
	height:12px;
	background: url(img/upBtn.gif) no-repeat 0 0;
	cursor:pointer;
}

.upBtn:hover{
	background: url(img/upBtn.gif) no-repeat 0 -12px;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(img/upBtn.gif) no-repeat 0 -24px;
}

.downBtn{
	position:absolute;
	bottom:0;
	right:0;
	width:12px;
	height:12px;
	background: url(img/downBtn.gif) no-repeat 0 -24px;
	cursor:pointer;
}

.downBtn:hover{
	background: url(img/downBtn.gif) no-repeat 0 -12px;
}

.downBtn-Active, .downBtn-Active:hover{
	background: url(img/downBtn.gif) no-repeat 0 0;
}

.scrollBar{
	position: absolute;
	top:12px;
	right:0;
	bottom:12px;
	width:12px;
	background: url(img/scrollBar.gif) repeat-y center top;
}

.scrollHandle{
	position:absolute;
	top:0px;
	right:0;
	width:12px;
	height:35px;
	min-height:13px;
	cursor: pointer;
	padding:11px 0;
}

.scrollHandleBG{
	position: relative;
	height:100%;
	width:12px;
	background: url(img/scrollHandleBG.gif) repeat-y 0 0 ;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	background: url(img/scrollHandleBG.gif) repeat-y -12px 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	background: url(img/scrollHandleBG.gif) repeat-y -24px 0;
}

.scrollHandleMiddle{
	position: absolute;
	width:12px;
	height:13px;
	background: url(img/scrollHandleMiddle.gif) no-repeat 0 0  ;
	top:50%;
	margin:-5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	background: url(img/scrollHandleMiddle.gif) repeat-y -12px 0;
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	background: url(img/scrollHandleMiddle.gif) repeat-y -24px 0;
}

.scrollHandleTop{
	position:absolute;
	width:12px;
	height:11px;
	background: url(img/scrollHandleTop.gif) no-repeat 0 0;
	top:0;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background: url(img/scrollHandleTop.gif) no-repeat -12px 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: url(img/scrollHandleTop.gif) no-repeat -24px 0;
}

.scrollHandleBottom{
	position:absolute;
	width:12px;
	height:11px;
	background: url(img/scrollHandleBottom.gif) no-repeat 0 0 ;
	bottom:0;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url(img/scrollHandleBottom.gif) no-repeat -12px 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(img/scrollHandleBottom.gif) no-repeat -24px 0 ;
}
.scroll{
    overflow-x: hidden;  /*scrollbar hack for IE downgraded scrollbars (no horizontal overflow)*/
    position:relative;
	height:395px;
	overflow:scroll;
	padding-right: 25px;
	border-right:0;
	margin:0px;
	background:#fff;
	left:0;
	top:0;
	width: 300px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}
#box1{
	position:relative;
}