/* 
 _________________________________________________________
|                                                         |
|    DESIGN + http://fullahead.org                        |
|      DATE + 2005.05.12                                  |
| COPYRIGHT + free use if this notice is kept in place    | 
|_________________________________________________________|

EDITED by oion.net (colors, graphics, etc.); get original template from fullahead.org if you want to use it.

*/

body { margin: 1em 1em 1em 1em; padding: 0px; font-family: verdana, sans-serif; font-size: 1.0em; background-color: #333; }
#siteBox { float: left; width: 100%; color: #fff; }

#header { float: left; width: 100%; height: 4em; background: #55ea54 url(hdr.jpg) no-repeat bottom left; }
#header a { float: right; width: 8em; padding: 5px 10px 5px 10px; font-size: 0.6em; text-align: center; text-decoration: none; color: #fff; background-color: #666; border-bottom: 2px solid #333; border-right: 1px solid #333; border-left: 1px solid #333; }
#header a:hover, #header a.active { /*  padding-top: 10px; */ background-color: #333; }
#header a.lastMenuItem { background-image: url(corner_tr.gif); background-repeat: no-repeat; background-position: top right; border-right: 0px; }

a .desc { display: none; color: #33ff33; }
a:hover .desc, .active .desc { display: block; }
.title { float: left; padding: 1em 30px 0 2em; font-size: 1.4em; font-weight: bold; text-transform: lowercase; text-align: right; line-height: 0.75em;   color: #ff3300; }
.subTitle { display: block; font-size: 0.4em; line-height: 1.2em; letter-spacing: 0.01em; color: #fff; }

#content { float: left; width: 100%; padding: 1em 0 1em 0; background-color: #666; background-image:url('og_cornerweight.gif'); background-repeat:no-repeat; background-position:left bottom;}
//#content { float: left; width: 100%; padding: 1em 0 1em 0; background-color: #666; background-image:url('ogtile-springfall.gif'); background-repeat:repeat-y; background-position:left bottom;}
//#contentLeft { float: left; width: 21.3%; margin-bottom: 1em; background: #cccccc url(corner_sub_tr.gif) no-repeat top right; }
#contentLeft { float: left; width: 20.3%; margin-bottom: 1em; background: #666; url(corner_sub_tr.gif) no-repeat top right; }
#contentRight { float: right; width: 78%; background: #f7f8f7 url(corner_sub_tl.gif) no-repeat top left; }
#content p { margin: 1.2em 1.2em 1em 1.2em; font-size: 0.8em; line-height: 1.4em; color: #000000; }
#content a { text-decoration: none; color: #006600; border-bottom: 1px solid #cc3300; }
#content a:hover { color: #ff9933; background-color: #333; border-bottom: 1px solid #eeeeee; }

/* #content a:visited { text-decoration: none; color: #cc6600; border-bottom: 1px solid #000;} */

.header, .subHeader { display: block; clear: both; font-weight: bold; font-size: 1em; color: #993300; border-bottom: 1px solid #333; }
.subHeader { border: 0px; }

#content a.menuItem { display: block; padding: 5px 0 5px 10px; border: 0px; }
#content a:hover.menuItem { color: #ff9933; background-color: #333; border: 0px; }

#footer { float: left; width: 100%; height: 3em; margin-bottom: 1em !important; margin-bottom: 0; font-size: 0.6em; text-transform: lowercase; font-weight: bold; line-height: 2.6em; background: #55ea54 url(hdr.jpg) repeat-y top left; }
#footerLeft { float: left; width: 60%; height: 3em; text-align: left; background: url(corner_bl.gif) no-repeat bottom left; }
#footerRight { float: right; width: 35%; height: 3em; text-align: right; background: url(corner_br.gif) no-repeat bottom right; }
#footer a { color: #ff3300; }
#footer a:hover { color: #ffffff; }

.grey { font-size: 0.9em; color: #ccc; }
.white { color: #fff; }

acronym { cursor: help; border-bottom: 1px dotted #000000; }

ul { font-size: 0.8em; padding-top: 2px; padding-bottom: 2px; color: #000; }
ol { font-size: 0.8em; padding-top: 2px; padding-bottom: 2px; color: #000; }
li { margin-left: 50px; }

td.v {vertical-align: top; border-style: solid; border-width:1px; border-color:#66CC99; padding: 2px; border-spacing:0px; width:185px; color:#000;}
td.vv {vertical-align: top; border-style: solid; border-width:1px; border-color:#66CC99; padding: 2px; border-spacing:0px; text-align:left; color:#000;}
.o {background: #CCFFCC; vertical-align: top; text-align:left; color:#000;font-size: 0.8em;}
.ro {background: #CCFFCC; vertical-align: top; text-align:center; color:#000;font-size: 0.8em;}
.oo {background: #DDF2FF; vertical-align: top; text-align:center;font-size: 0.8em;}
.e {background: #FFF; vertical-align: top; text-align:left; color:#000;font-size: 0.8em;}
.re {background: #FFF; vertical-align: top; text-align:center; color:#000;font-size: 0.8em;}
.d {background: #408080; font-weight: bold; color: #ffffff; text-align: center;font-size: 0.8em;}

.imgLeft, .imgRight { margin: 7px; }
.imgLeft { float: left; margin-left: 0px; }
.imgRight { float: right; margin-right: 0px; }
img.cel { background:#000000; padding:2px; }
.bottomCorner { text-align: right; }
.vBottom { vertical-align: bottom; }

blockquote.p { color: #000; }

/* SWITCHCONTENT */
/*Default style for SPAN icons. Edit if desired: */
.iconspan { cursor:hand; cursor:pointer; text-decoration: underline; }

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;background-color:#424542;border-width:2px;border-style:solid;border-color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 3px 3px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	padding:0 3px 3px;display:block;font-size:0;float:left;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:3px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Arial;color:#ffffff;cursor:pointer;}
ul#css3menu1 ul li{
	float:none;}
ul#css3menu1 ul a{
	text-align:left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font:14px Arial;color:#ffffff;text-decoration:none;}
ul#css3menu1 li:hover>a{
	background-color:#61C700;border-color:#424542;border-style:solid;font:14px Arial;color:#000000;text-decoration:none;background-image:url("mainbk.png");}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-image:url("arrowsub.png");background-position:right center;background-repeat:no-repeat;padding-right:24px;}
ul#css3menu1 ul span{
	background-image:url("arrowsub.png");padding-right:24px;}
ul#css3menu1 a{
	padding:10px;background-color:#424542;background-image:none;background-repeat:repeat;border-width:1px 0 0 0;border-style:solid;border-color:#424542;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#ffffff;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#61C700;background-image:url("mainbk.png");border-style:solid;border-color:#424542;color:#000000;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	font:14px Arial;color:#000000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-width:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;}