/* 	Hello!
	You may freely learn from this stylesheet, but please do not copy the design.
	This means first and foremost you: Geri, Dan and Dre! If you choose to use
	copy/paste of this code, please add a quick reference to me. Thank you.
	May the force be with you.
	Mik
*/	
html { height:100.01%;}
body { margin:0px; background-color:#064470; }
DIV	 { margin:0; padding:0; }

#mainframe			{ width: 950px; margin-left:auto; margin-right:auto; }

DIV#head			{ width: 950px; height:200px; background-color:#FFFFFF; }
DIV#head .head-img	{ width: 650px; height:200px; padding:0; margin:0; display:inline;}
DIV#head .head-img	IMG { width: 650px; height:200px; margin:0;}


DIV#menubar			{ width:300px; float:left;background-color:#CFDDEF; }
DIV#content			{ background-color:#CFDDEF; }
DIV#contentarea		{ width:600px; min-height: 500px; padding:35px 20px 0px 30px; background-color:#FFFFFF; background:#fff url(../img/layout/shadow.gif) repeat-y left bottom; float: left; border:0px #000 solid;}
* html #contentarea	{ height: 500px; }

#footer				{ width: 950px; height:40px; float:left; background-color:#CFDDEF; background:url(../img/layout/footer.gif) repeat-x;}
#footer-index		{ width: 950px; height:40px; float:left; background-color:#CFDDEF; }



/* mainnav */
#menubar UL					{ padding:0; margin:35px 0px 35px 30px; list-style:none; list-style-image: none;}
#menubar UL LI				{ margin:0; padding:5px 0 0 0; font:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #064470; border:0px #000 solid; background: url(../img/layout/nav_line.gif) no-repeat 0px bottom; }
#menubar UL LI a			{ text-decoration:none; color:#064470; background:none; width:242px; height:30px; display:block; }
#menubar UL LI a:visited	{ text-decoration:none; color:#064470; background:none; }
#menubar UL LI a:hover		{ text-decoration:none; color:#FFFFFF; background:url(../img/layout/nav_cubi.gif) no-repeat 225px 3px; }

#menubar UL LI.open           { margin:0; padding:5px 0 0 0; font:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #064470; border:0px #000 solid; }
#menubar UL LI.open a         { text-decoration:none; color:#FFFFFF; background: url(../img/layout/nav_cubi.gif) no-repeat 225px 5px; display:block;}
#menubar UL LI.open a:visited { text-decoration:none; color:#FFFFFF; background: url(../img/layout/nav_cubi.gif) no-repeat 225px 5px;}
#menubar UL LI.open a:hover   { text-decoration:none; color:#FFFFFF; background: url(../img/layout/nav_cubi.gif) no-repeat 225px 5px;}




/* subnav */
#menubar UL LI.open UL				{ margin:-5px 0 0 0; padding:0 0 16px 20px; background: url(../img/layout/nav_line.gif) no-repeat 0px bottom;}
#menubar UL LI.open LI				{ margin:0; padding:4px 0 0 0; font: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background:none;}
#menubar UL LI.open LI a			{ text-decoration:none; color:#064470; background: none; height: 20px; width: 222px;}
#menubar UL LI.open LI a:visited	{ text-decoration:none; color:#064470; background:none; }
#menubar UL LI.open LI a:hover		{ text-decoration:none; color:#FFFFFF; background:none; }

#menubar UL LI.open LI.open a { text-decoration: none; color: #FFFFFF; height: 20px; background: none;}
#menubar UL LI.open LI.open a:visited { text-decoration:none; color:#FFFFFF; background:none; }
#menubar UL LI.open LI.open a:hover   { text-decoration:none; color:#FFFFFF; background:none; }



/* loginnav */
UL#login				{ margin-top: 100px; background:url(../img/layout/nav_line.gif) no-repeat 0 top;}
UL#login LI				{ padding-top:10px; display: block; }
UL#login LI a			{ text-decoration:none; color: #064470; display:block; width: 242px; height: 30px;}
UL#login LI a:visited	{ text-decoration:none; color: #064470;}
UL#login LI a:hover		{ text-decoration:none; color: #FFFFFF; background:url(../img/layout/nav_cubi.gif) no-repeat 225px 2px; }

UL#login LI.open			{ padding-top:10px; display: block; }
UL#login LI.open a			{ text-decoration:none; color: #FFFFFF; background:url(../img/layout/nav_cubi.gif) no-repeat 225px 2px; display:block; width:242px; height:30px;}
UL#login LI.open a:visited	{ text-decoration:none; color: #FFFFFF; background:url(../img/layout/nav_cubi.gif) no-repeat 225px 2px;}
UL#login LI.oprn a:hover	{ text-decoration:none; color: #FFFFFF; background:url(../img/layout/nav_cubi.gif) no-repeat 225px 2px; }



/* footer and rights text and link */
.footbar 				{ margin:0; padding:0; padding-top: 12px; padding-left: 20px; width:250px; font: Arial, Helvetica, sans-serif; font-size: 10px; color: #064470; float:left; }
UL#footnav				{ margin:0; padding:0; padding-top: 12px;  float:right; font: Arial, Helvetica, sans-serif; font-size: 10px; color: #064470;} 
UL#footnav LI			{ margin:0 5px; padding:0; float:left; list-style:none; color: #064470;}
UL#footnav LI a			{ text-decoration: underline; color: #064470; margin-right:10px;}
UL#footnav LI a:visited	{ text-decoration: underline; color: #064470 }
UL#footnav LI a:hover	{ text-decoration: underline; color: #000033 }



.clear-both			{ height:1px;  clear:both; line-height:1px;}
* html .clear-both 	{ height:auto; }