/* 
 _________________________________________________________
|                                                         |
|    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('oglogo.png'); background-repeat:no-repeat; background-position:left bottom;}
#contentLeft { float: left; width: 21.3%; margin-bottom: 1em; background: #cccccc url(corner_sub_tr.gif) no-repeat top right; }
#contentRight { float: right; width: 77%; 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;}
.ro {background: #CCFFCC; vertical-align: top; text-align:center; color:#000;}
.oo {background: #DDF2FF; vertical-align: top; text-align:center;}
.e {background: #FFF; vertical-align: top; text-align:left; color:#000;}
.re {background: #FFF; vertical-align: top; text-align:center; color:#000;}
.d {background: #408080; font-weight: bold; color: #ffffff; text-align: center;}

.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; }