﻿body { margin: 0 ; padding:0; background-image:url('images/bkg.jpg'); background-repeat:repeat-x; background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#wrapper {width: 960px; margin: 0 auto 0 auto; border-left: 1px #FFF solid; border-right: 3px gray solid; border-bottom:2px black solid;background-image:url('images/bkg-wrapper.jpg')  }
#header {height: 160px; background-image:url('images/bkg-hdr.jpg'); background-repeat:no-repeat;}
#hdr-right {float: right; height: 53px; width: 400px; margin-top: 30px;}
#hdr-rr  {float: right; width: 230px; color: #FFFFFF; font-weight:bold;}
#content {overflow:hidden;}
#content-R {float: right;  padding-bottom: 3000px; margin-bottom: -3000px;}
#content-L {float: left;padding-bottom: 3000px; margin-bottom: -3000px;}
#footer {clear:both; height: 60px; background-image:url('images/bkg-ftr.jpg'); margin-top: 5px; }
#sidenav {float:left; width: 150px; height: 340px; font-weight:bold;}
#mainpic {	float:right; width: 545px; height:330px; }
#hdr-left {float:left; width: 250px;height: 150px;}
#hdr-spacer {height: 50px;}
#logo-link {width: 175px; margin-left: 25px; height: 90px;}

.col-L {float: left; }
.col-R {float: right; }
.yellow {color: #FFFF00;}
.titleheading {height: 35px;  background-image:url('images/T-Bkg.jpg'); background-repeat:no-repeat;  font-size: 24px; color: #FFFFFF;  }
.titleheading-Lg {height: 35px;  background-image:url('images/T-Bkg-Lg.jpg'); background-repeat:no-repeat;  font-size: 24px; color: #FFFFFF;  }


.redlinks {  }
.redlinks a:link {color: #FF0000;}
.redlinks a:visited {color: #FF0000;}
.redlinks a:active {color: #FF0000;}
.redlinks a:hover {color: #CC6600;}

h1 {font: normal 18px Verdana, Arial, Helvetica, sans-serif;margin:0; padding:0;}
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

img {border: none;}

/*- Menu Top Drop Down--------------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/black-anywidth-centered.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#container {float:right;padding:5px 0 0 0; background:transparent; width:650px;}
#menu {height:60px; background:url(images/backoff.gif) repeat-x; text-align:center; width:650px;}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#menu ul {display:inline-block;} 
#menu ul.level1 {padding-right:2px; background:url(divide.gif) no-repeat right top;}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}
 
#menu a {display:block; font:normal 14px/39px arial,sans-serif; color:#FFFFFF; height:39px; text-decoration:none;padding:0 14px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left; background:url(divide.gif) no-repeat left top;}
#menu ul.level1 li.level1-li a.level1-a:hover {background:url(images/hover.gif) no-repeat left top; border:0; color: #FFFF00; position:relative;}
#menu ul.level1 li.level1-li a.level1-a.drop:hover {background:url(images/hover.gif) no-repeat left top;}
#menu ul.level1 li.level1-li:hover {position:relative;}
#menu ul.level1 li.level1-li:hover > a {background:url(hover.gif) no-repeat left top; color: #FFFF00;}
 
#menu ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#menu ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
 
#menu ul :hover div {left:0; top:39px; background:#111; border:1px solid #111; border-width:0 1px 1px 1px; }
#menu ul :hover div ul {border:1px solid #444; border-width:0 1px 1px 1px; padding-bottom:5px;}
#menu ul :hover div ul li {float:none; height:25px;}
#menu ul :hover div ul li a {display:block; height:25px; text-align:left; font:normal 13px/25px arial,sans-serif; }
#menu ul :hover div ul li a:hover {color: #FFFF00;}




.style1 {color: #FFFFFF;	text-align: left;}
.style2 {text-align: center;}
.style3 {color: #FFFFFF;}
.style4 {color: #FFFF00;	text-align: center;	font-size: 16px;}
.style6 {margin-left: 64px;}
.style7 {margin-left: 63px;}
.style8 {margin-top: 36px;	margin-bottom: 0px;}

a:link {color: #FFFF00; text-decoration: none;}
a:visited {	color: #FFFF00;text-decoration: none;}
a:active {	color: #FFFF00;text-decoration: none;}
a:hover {	color: #FFFFFF;text-decoration: none;}

.whitelink {	  }
.whitelink a {color: #FFFFFF; text-decoration:none;}
.whitelink a:visited {color: #FFFFFF;text-decoration:none;}
.whitelink a:active {color: #FFFFFF;text-decoration:none;}
.whitelink a:hover {color: #FFFF00;text-decoration:none;}
