/* Top Elements */
* { margin: 0; padding: 0;}

body, html {	
	color: #000;	
	margin: 0;
	background: #cccccc;
}



.mainwrapper {	
	width: 946px; /* 930 + 8 + 8 */
	margin: 10px auto 0 auto;
	text-align: left;
	background: #ffffff url(img/mainbg.gif) repeat-y;
}

.topbox {	
	width: 946px; /* 930 + 8 + 8 */
	height:40px;
	text-align: left;
	background: #ccc url(img/top.gif) no-repeat left bottom;
}

.topbox .topboxsearch {
	width:200px;	
	float:right;
	margin:0 8px 0 0;
	display:inline;	
	text-align:right;
}
.topbox .topboxsearch form { width:150px; float:right; display:inline;}

.topbox #topboxlogin {width:500px;	
	float:right;
	display:inline;
	text-align:right;
}




.headerbox { 
	width: 930px; 
	height: 240px;
	margin: 0 8px; 
	color: #fff;
	background: #ffffff url(img/header.jpg) no-repeat;
}

.header {       
	height: 200px;
	width:330px;
	margin: 10px 0 0 10px;
	float:left;
	display:inline;
	padding: 0;
}


.header .sitetitle {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight:normal;
	color: #196B66;
	font-size: 36px;
}
.header .subtitle {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 18px;	
	font-weight:bold;
	color: #000;
}
.header .description {
	font-size: 12px;	
	font-weight:bold;
	color: #000;}



.menubox{
	width:200px;	
	float:right;
	display:inline;
}


/* Main Column */
.contentbox { 
		 width:580px;
		 float:left;
		 display:inline;
		 margin: 20px 0 0 120px;		  
}
.contentbox .inner {margin:10px;}

.contentboxwide {  
		 width: 620px;
		 float:left;
		 display:inline;
		 margin: 20px 0 0 120px;		  
}
.contentboxwide .inner {margin:10px;}


.rightbox {
	width:218px;
	float:right;
	display:inline;
}

.rightbox .inner {margin: 0 18px 0 10px; }


/*menu */


#nav {height:240px;}

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: url(none) none;
				
		width : 200px;		
		background: #eee url(img/m1bg.gif);
		float : left;
}


#nav li { /* all list items */
		position : relative;		
		display:block; 
		width: 200px;
		height:30px;
		float : left;
}
	
/*Level 1 and more*/
#nav li a {		
	display : block;
	width: 200px; 	
	height:30px; 
	color : #466e76;
	font-weight : bold;
	text-decoration : none;
	border : 0px solid black;	
}

#nav li a span {display : block; padding: 8px 0 8px 12px; line-height : 110%;}
#nav li a:hover { color : #2f707d; background: transparent url(img/m1bg-hi.gif) repeat-x;}
#nav li a:hover ul li {z-index: 1000;}
#nav li a.menu-parent { color : #000000;}
#nav li a.menu-current { color : #000000;}



#nav li ul { /* second-level lists */
	width: 160px; 
	position : absolute;
	display: none;
	margin:-25px 0 0 -155px;	
	background: #dddddd url(img/m2bg.jpg) no-repeat;
	width: 160px;
}
	
#nav li ul li { /* second-level lists */
		width: 160px;
		height:auto; 
		z-index: 1000;
		border-bottom: 1px solid #999999 ;		
}

#nav li ul li a { /* second-level lists */
	width: 160px;
	height:auto; 
	
}
#nav li li a span {display : block; padding: 4px 0 4px 12px; line-height : 110%; font-weight : normal;}
#nav li li a.menu-parent span { font-weight : bold;}
#nav li li a.menu-current span { color : #000000; font-weight : bold;}


#nav li ul li a:hover { background: #b1d8d0 url(img/m2bg-hi.jpg) no-repeat; }

#nav li ul ul { /* third-and-above-level lists */
	width: 160px;
	display: none;
	margin:-15px 0 0 -150px;
}

	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	display: block;
}





/* footer */
.footerbox {
	color: #ccc ! important;
	clear: both;	
	width: 100%;
	height:20px;
	text-align: center;
}



/* login/logout*/
#showloginpic {float:left;}

.loginform {font-size: 11px; line-height:120%; color:#ffffff; overflow:hidden;}
.loginform p {margin:0px 0 0 0; line-height:120%; }
.loginform input {font-size: 11px; padding:1px; color: #000; border: 1px solid #ffffff; background-color:#d2d2d2; }

.loginform .inputfield { width:90px; margin-right:15px;}
.loginform .submit { font-size: 11px; width:90px; font-weight:bold; padding: 1px; }
.loginform input.loginsubmitbutton {border:0; vertical-align: top;}

.loginform a {
	color:#fff ! important;	
	clear:both;
}
.loginform a:hover {
	color:#000 ! important;	
}



/* search form */
.topboxsearch form {margin:3px 0 0 0;}
.topboxsearch input.textbox {
 	font-size: 11px;
	width: 100px;
	color: #000;
	background-color: #d2d2d2;
	padding: 1px;	
	border: 1px solid #fff;
	vertical-align: top;
}
.topboxsearch .topsearchbutton {	
	padding: 0px 5px;
	vertical-align: top;
}