@charset "utf-8";
/* CSS Document */

body {background: #fff url(images/pagebg.jpg) top center repeat-x; margin: 0px; padding: 0px; font-family:Verdana, Geneva, sans-serif; font-size:10px}

img {border:none; }

#wrapper { width:960px; height:auto; margin:auto;}

#header { width:100%; height:171px; background: url(images/header.jpg) top center no-repeat;}
#headerwrap {width:960px; /* height:171px;*/ margin:auto;padding:118px 0px 0px 0px; }

#center { width:100%; height:340px; /*background: url(images/center.jpg) top center no-repeat;*/ padding-top:18px;}
#centerwrap {width:960px; height:340px; margin:auto;}

#featured { width:100%; height:30px; text-align:center;}
#featuredwrap {padding:10px 0 0 0; margin:auto;}
#featuredlist {width:960px; height:30px; margin:auto; padding-top:6px;}
#featuredlist ul {list-style:none; display:inline; margin:auto; padding:0px; }
#featuredlist li {list-style:none; display:inline;}
#featured a, #featured a:visited {color:#000; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:0px 10px; border-right: 1px solid #06C;border-left: 1px solid #069;}

#container { width:960px; height:auto; }
#container ul {list-style:none; display:inline; margin:auto; padding:0px;}
#container li {list-style:none; display:inline;}

#index { width:960px; height:auto; text-align:center;}
#index ul {list-style:none; display:inline; margin:auto; padding:0px;}
#index li {list-style:none; display:inline; padding: 3px;}

#main { width: 100%; height:auto; float:left; clear:both; padding:10px 0; clear:both;}
#main h2 { font-size:13px; color:#333; font-weight:100;}

#contents {width: 66%; height:auto; float:left; /*background:url(images/contentbg.jpg) top center no-repeat;*/ color: #036; font-size:13px; margin-right:5px; }
#contents h2{font-size:17px; color: #036; font-weight: bold; margin: 0px 0px 10px 0px; text-transform:uppercase;}
#contents h3{margin:0px; color:#09C}
#contents a, #contents a:visited {color: #000;}
#contents p {margin:3px 0px 15px 0px;}
#contents ul {list-style:none; display:block; margin:auto; padding:0px;}
#contents li {list-style:none; display:block; }
#contents strong {color:#036; font-size:13px}

#sidebar { width: 300px; height:auto; min-height:530px; float:right; padding: 5px 0 0 5px;}
#sidebar ul {list-style:none; display:block; margin:auto;}
#sidebar li {list-style:none; display:block;border-bottom: 1px dashed #09C ; padding:5px;}
#sidebar a, #sidebar a:visited {color:#036; font-size:14px; font-weight:bold; text-decoration:none; padding-left:10px; }
#sidebar a:hover {color:#77AF03}

#footer { height:100px; margin:auto; background:url(images/footer.jpg) bottom center repeat-x; clear:both; color:#fff; font-size:10px; }
#footer a, #footer a:visited {color:#036; font-size:10px; text-decoration:none;}
#footerwrap { width:960px; height:100px; margin:auto; }
#footerwrap p {text-align:center; color: #036; font-size:10px;padding-top:10px;}

.ddsmoothmenu{font: bold 12px Verdana;background: none; width: 100%;}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}
.ddsmoothmenu ul li{position: relative;display: inline;float: left;}
.ddsmoothmenu ul li a{display: block;background: none; color: white;padding: 3px 10px;border-right: 1px solid #778;color: #2d2b2b;text-decoration: none;}
* html .ddsmoothmenu ul li a{ display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;}
.ddsmoothmenu ul li a:hover{background: #069; color: white;}
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; visibility: hidden;background:#036}
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font: normal 13px Verdana;width: 190px; padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray;}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{position: absolute;top: 5px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.8;}