body { margin: 0; font: Verdana, Tahoma, Arial, Georgia, "Times New Roman", serif; background-color: #FFF;}
#wrapper { width: 768px; margin: auto; border: 1px solid #336699;}
#wrapper2 { width: 768px; margin-top: 90px; border-top: 1px solid #336699;      
}
.strapline { float: left; margin-left: 1.2em; margin-top: 1.1em; height: 3em; text-align: left;}
.logo { float: left;}
.logo2 { float: right;}

h1 { font: bold 33px "Times New Roman", serif; f\ ont: bold 39px "Times New Roman", serif; text-align: left;}

/*menu start*/
.menu {float:left;font-family: Helvetica,arial,verdana,sans-serif;width:100%;position:relative;font-size:11px;font-weight:bold;
background:url(bgOFF.gif) repeat-x;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;}
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#003366;width:auto;height:23px;padding:0px 6px 0px 10px;line-height:23px;text-transform:uppercase;}
* html .menu ul li a, .menu ul li a:visited {width:auto;}
.menu ul li ul {display:none;}
table {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
.menu ul li:hover a {color:#003366; background:url(bgON.gif) repeat-x;}
.menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
.menu ul li:hover ul li a {display:block;background:#6699CC;color:#003366;height:auto;line-height:15px;padding:2px 16px 2px 16px;width:120px;border-bottom:1px solid #fff;}
.menu ul li:hover ul li a:hover {background:#6699CC;color:#003366;}
/*menu end*/

#content { width: 555px; float: right; padding: 5px 30px 30px 0; text-align: justify;}
#content p { line-height: 1.5em; width: auto;}
h1, h2, h3 { color: #336699; text-align: left;}
#content h1 { font: 110% Georgia, Verdana, Tahoma, Arial, "Times New Roman", serif;}
#content h2 { font: bold 90% Georgia, Verdana, Tahoma, Arial, "Times New Roman", serif; border-bottom: 1px dotted #336699; color: #336699;}
#content a:link { color : #336699; text-decoration : underline; }
#content a:visited { color : #336699;}
#content a:hover {color:#99CCFF;}

#navigation { float: left; width: 180px; font: bold 110% Verdana, Tahoma, Arial, "Times New Roman", serif;}
#navigation ul { list-style: none; margin: 0; padding: 0;}
#navigation li { width: 160px; margin: 0; font-size: 80%; line-height: 1.5em; vertical-align: top;}
#navigation a:link, #navigation a:visited { display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #336699; background: #6699CC; color: #FFF; text-decoration: none;}

#navigation ul.subnav { margin-left: 2px;}
#navigation ul.subnav li { border-bottom: 1px solid #336699; width: 178px;}
#navigation .subnav a:link { background: #FFF; color: #336699;}
#navigation ul.subnav a:visited { background: #FFF; color: #CCCCFF;}
#navigation ul.subnav a:hover { background: #99CCFF; color: #336699;}

.clearing { height: 30px; clear: both;}
#footer { clear: both; padding: 0 0 20px 0; font-size: 90%; border-top: 1px dotted #AAA; background: #6699CC; color: #FFF;}
#footer a:link, #footer a:visited { background: #6699CC; color: #FFF;}
#footer a:hover { color: #99CCFF;}

#footer2 { clear: both; padding: 0 0 15px 0; font-size: 90%; border-top: 1px dotted #AAA; background: #6699CC; color: #FFF;}

.datatable { border: 1px solid #6699CC; border-collapse: collapse; text-align: center; margin: auto;}
.datatable td, .datatable th { border: 1px solid #6699CC; text-align: center;}
.datatable th { background: #6699CC; color: #FFF; font-size: 14px; }
.datatable td {font-size: 12px;}
.datatable h3 {font: bold 12px Georgia, Verdana, Tahoma, Arial, "Times New Roman", serif; text-align: center;
}



.copyright, .copyright p {FONT: 70% verdana, arial, sans-serif; COLOR: #000;}
.copyright{margin:0 8px 0 5px;padding:0 2px 6px 5px;border-left:silver 1px solid;}
.copyright A:link, .copyright A:visited {FONT-SIZE: 11px;COLOR: #008BD2;text-decoration: underline;}
.copyright A:hover {FONT-SIZE: 11px;COLOR: #FF9562;text-decoration: underline;}

small{margin:3px;font-size:16px;font-weight:bold;}

h4,h5,h6,small{margin: 3px;FONT:bold 11px verdana, arial, sans-serif;}
li,ol,ul{text-align:justify;margin-right:5px;margin-left:10px;}
ul,ol{padding:0px;}
.Righter{margin-right:25px;text-align: right;font-weight:normal;}
#panels{width:160px;padding:5px;margin:0px;}
.small{color:#aaaaaa;}.bborder{background-color:#FFFFFF;border:1px #A7A6B4 solid;}
.panel {margin:3px;margin-left:6px;padding-left:11px;COLOR: #336699;background-color: #FFF;text-align: left;}
.panel h1{FONT:bold 75% verdana, arial, sans-serif; COLOR: #336699;}

.hide{position:absolute;left:0;top:0;z-index:1;visibility:hidden;}
.admin{border: #00a87b 1px solid;background-color: #E1FFE8;margin: auto;padding: 3px;font-size:13px;FONT-FAMILY: verdana, arial, sans-serif;}
.strong{background-color:#E1FFE8;font-weight:normal;}
.note{color:blue;border-bottom:1px dotted blue;}

.Page{margin:0 7px 0 10px; background-color:#FFF; text-align: justify;COLOR: #336699;}
.Page A:link, .Page A:visited, .Page A:hover {font:bold 75% Verdana, Geneva, Arial, Helvetica, sans-serif;COLOR: #336699;text-decoration: underline;}

.news{margin:0 7px 0 10px; background-color:#FFF; text-align: justify;COLOR: #336699;}
.News p{FONT:85% verdana, arial, sans-serif;}
.News td{margin:6px 12px;FONT:13px verdana, arial, sans-serif;}
.text{margin:6px 12px;FONT:85% verdana, arial, sans-serif;}
.text A:link, .text A:visited {FONT-SIZE: 11px;COLOR: #008BD2;text-decoration: underline;}
.text A:hover {FONT-SIZE: 11px;COLOR: #FF9562;text-decoration: underline;}