*{margin:0; padding:0;}

body {background:#D2B281 url(../i/bg-bosc.jpg) repeat;  font:62.5% Arial, Helvetica, sans-serif; behavior:url(csshover.htc);}

a {color:#AD0101;}
a:hover {color:#000;}

b {color:#5c3c0d; font-weight:bold;}
blockquote {padding:20px 30px 16px 30px;}
em {color:#085518; font-weight:bold;}

h1 {color:#305701; font:1.4em Arial, Helvetica, sans-serif; margin:0 0 1.0em 0; text-align:left;}
h2 {border-bottom:1px solid #fff; clear:both; color:#902d14; font-size:1.1em; font-weight:bold; margin:1em 0 0.5em 0; text-align:left;}
h3 {color:#456711; font:bold 1.1em Arial, Helvetica, sans-serif; margin:0.5em 0 0.3em 0; text-align:left;}
h4 {color:#744208; font:bold 1.0em Arial, Helvetica, sans-serif; margin:0;}

input, textarea, select {font:12px "Courier monospace";}
option {padding:0 0.3em;}

ul, ol {margin:0;}
li {margin:0.5em 30px;}

p {margin:0 0 12px 0;}

#wrap {background-color:transparent; color:#000; font-size:1.1em; margin:0 auto; text-align:left; width:760px;}

/* old logo with Boscobel WI on left and depot photo on right*/
/* #logo-old {background:transparent url(../i/top-02.gif) no-repeat top right; clear:both; display:block; height:106px; text-decoration:none;}
#logo-old a {background:transparent url(../i/top-logo.gif) no-repeat top left; display:block; height:106px; text-decoration:none;}  */

#logo {background:transparent url(../i/top-logo-760x106.gif) no-repeat top left; clear:both; display:block; height:106px; text-decoration:none;}
#logo a {background:transparent url(../i/top-logo-760x106.gif); display:block; height:106px; text-decoration:none;}


/* General navigation */
#gnav {background:#6D1E11 url(../i/shdw-lft.gif) repeat-y left; height:21px; margin:0; padding:0; width:100%;}
#gnav ul {background:transparent url(../i/shdw-rgt.gif) repeat-y right; color:#000; display:block; float:right; margin:0; padding:4px 4px 4px 0;}
#gnav ul li {display:inline; margin:0; padding:0;}
#gnav ul a {background-color:transparent; border-left:1px solid #CA045C; color:#EFD9A0; float:right; font:bold 11px Verdana, helvetica, sans-serif; padding:0 45px; text-decoration:none;}
#gnav ul a.firstlink {border-left:0px solid #EFD9A0;}
#gnav ul a:hover {background-color:transparent; color:#fff; text-decoration:underline;}
#gnav ul #current a {color:#fff;}

/* Drop-down navigation */
#dd {background:#6D1E11 url(../i/shdw-lft.gif) repeat-y left; height:24px; margin:0; padding:0; width:755px;}
#ddb {background:#6D1E11 url(../i/shdw-nav-mid.gif) repeat-x bottom; height:24px; margin-left:5px; width:750px;}
#ddnav {margin:0; padding:0; position:absolute; top:124px; width:755px;}
div#ddnav ul {background:white; border:1px solid #CCC; border-width:0 1px; margin:0 5px; padding:0; position:relative; z-index:1;}
div#ddnav li {float:left; line-height:1em; list-style:none; margin:0; position:relative; width:100%; z-index:1;}
div#ddnav li.text {float:left; line-height:1em; list-style:none; margin:0; position:relative; z-index:1; width:110px;}
div#ddnav li.longtext {float:left; line-height:1em; list-style:none; margin:0; position:relative; z-index:1; width:155px;}
div#ddnav li.longertext {float:left; line-height:1em; list-style:none; margin:0; position:relative; z-index:1; width:200px;}
div#ddnav li:hover {background:#6D1E11; z-index:1;}
div#ddnav li.submenu {background:#6D1E11 url(../i/dropmenu.gif) no-repeat 95% 50%;}
div#ddnav li.submenu-nodrop {background:#6D1E11 no-repeat 95% 50%;}
div#ddnav li.submenu-nodrop a:hover {background-color:transparent; color:#fff; text-decoration:underline;}
div#ddnav li.submenu:hover {background:#6D1E11 url(../i/dropmenu-o.gif) no-repeat 95% 50%;}
div#ddnav li a {color:#EFD9A0; display:block; font:bold 11px Verdana, helvetica, sans-serif; padding:0.25em 22px 0.25em 0.5em; text-align:right; text-decoration:none;}
div#ddnav li a#current {color:#fff;}
div#ddnav li a:hover {color:#fff;}
div#ddnav>ul a {width:auto;}
div#ddnav ul ul {display:none; position:absolute; width:160px;}
div#ddnav ul ul li {border-bottom:1px solid #6D1E11; width:inherit;}
div#ddnav li.submenu li a {color:#4e7804;}
div#ddnav li.submenu li a:hover {background-color:#d1b180; color:#000;}
div#ddnav li.submenu li.submenu {background:#fff url(../i/submenu.gif) no-repeat 95% 50%;}
div#ddnav li.submenu li.submenu:hover {background:#d1b180 none;}
div#ddnav ul.level1 li.submenu:hover ul.level2, 
div#ddnav ul.level2 li.submenu:hover ul.level3, 
div#ddnav ul.level3 li.submenu:hover ul.level4 {display:block;}
div#ddnav ul.level2 {}
div#ddnav ul.level3 {border-top:1px solid #CCC; left:155px; top:-1px; width:167px;}
div#ddnav ul.level4 {border-top:1px solid #CCC; left:155px; top:-1px; width:167px;}

/* 2 column layout - static width */
#container {background:#DEDABD url(../i/shdw-lft.gif) repeat-y left; clear:both; overflow:hidden; width:755px;}
#rightborder {background:transparent url(../i/shdw-rgt.gif) repeat-y right; width:760px}
#content {background-color:transparent; float:left; width:575px;}
#text {background-color:transparent; font-size:1.2em; margin:6px 20px 20px 20px;}
#predefined {margin:16px 20px 20px 20px; text-align:center;}

/* Right column */
#rail {float:right; font-size:1.0em; margin:12px 0; width:180px;}
#rail div {border-bottom:1px dotted #A5A86F; color:#B84000; margin:16px 10px 0 4px; padding:0;}
#rail div#calendar {border-bottom:1px none #fff; margin:16px 0 0 0; padding:0;}
#rail div h2 {background-color:transparent; border-bottom:1px none #d1b180; clear:none; font:italic bolder 1.4em "Dutch801 xb", "Times New Roman", Times, serif; margin-top:1.6em;}
#rail div a.link {background:transparent url(../i/submenu.gif) no-repeat right; font:bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0 8px 0 6px; text-decoration:none;}
#rail div a.link:hover {color:#BB8547; text-decoration:underline;}
#rail div img.imgadd {border:1px none #DEDABD; float:left; margin:-6px 1.0em 0 0;}

#rail div#infobox {background:#fff; border:1px solid #fed536; margin:16px 0 0 0; padding:0; width:170px;}
#rail div#infobox h4 {font:bold 1.1em #B84000 Verdana, Geneva, Arial, Helvetica, sans-serif; margin:4px 4px 2px 4px;}
#rail div#infobox p {color:#000; font-size:1.1em; margin:4px 6px 6px 6px;}

/* Bottom Nav */
#bottomnav {border-top:1px solid #fff; clear:both; display:list-item; list-style:none; margin:0 auto; margin-bottom:12px; padding-top:6px; text-align:center; width:700px;}
#bottomnav ul {display:block; margin:3px 0; padding:0;}
#bottomnav ul li {display:inline; margin:0; padding:0;}
#bottomnav ul a {border-left:1px solid #CA045C; margin:0; padding:0 6px 0 6px; text-decoration:underline;}
#bottomnav ul a:hover {color:#000;}
#bottomnav ul a.firstlink {border-left:0px solid #BB8547;}

/* Footer */
#footer {background:transparent url(../i/shdw-bot.gif) no-repeat top; clear:both; font-size:1.1em; margin:0; padding:8px 10px; text-align:left;}
.footerminusone a {color:#000; clear:both; font-size:0.9em; margin:0; text-align:left; text-decoration:none;}
.right {float:right; font-size:1.1em; padding:8px 10px; text-align:right;}

/* Images (for captioned images use a div around the image and caption with a break separating the two) */
.nofloat {font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 10px; text-align:center;}
.floatleft {float:left; font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 10px; text-align:center;}
.floatleft2 {float:left; font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 10px 4px 60px; text-align:center;}
.floatcenter {float:center; font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 10px; text-align:center;}
.floatright {float:right; font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 10px; text-align:center;}
.floatright2 {float:right; font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 60px 4px 10px; text-align:center;}
.floatright3 {float:right; font:bold 0.9em Arial, Helvetica, sans-serif; margin:0; padding:4px 100px 4px 10px; text-align:center;}
div.nofloat img, div.floatleft img, div.floatright img {border:1px solid #781701;}
.noborder {border:0;}

/* Calendar */
#calendar {text-align:center;}

/* lists */
.clean li {list-style:none none; margin:0; margin-left:2em;}
.deco li {list-style:square outside url(../i/bullet.gif); margin-left:1.5em;}
.nobullet li  {list-style:none none; margin:0.5em 30px;}

/* tables */
table.normal {margin:0 0 12px 30px; padding:4px; text-align:left;}
table.rec {margin:0 0 12px 30px; padding:4px; text-align:left; width:600px;}
table.rec2 {margin:0 0 12px 30px; padding:4px; text-align:left; width:400px;}
table.recevents {margin:0 0 12px 30px; padding:4px; text-align:left; width:600px;}
.alttd td {padding:0.4em 4px;}
.midtd td {padding:0.1em 4px;}
.nomtd td {padding:0 4px;}
.data {text-align:center;}
.dataright {text-align:right;}
.home {font-weight:bold;}
.labelcol {font-weight:bold; text-align:center;}
.labelcolleft {font-weight:bold; text-align:left;}
.labeldata {text-align:right; white-space:nowrap;}
.labelrow {font-weight:bold; padding-right:3em; white-space:nowrap;}
.labelsub {font-weight:normal;}
.tdhead {font-weight:bold;}
.toprow {margin-top:6px;}

/* FAQ areas */
.faq {padding:0 0 6px 26px;}
.faqa {background:url(../i/a.gif) no-repeat left top; padding:0 0 6px 26px;}
.faqq {background:url(../i/q.gif) no-repeat left top; margin-top:16px; padding:6px 0 6px 26px;}

/* Get Adobe Reader Div */
#getreader {font-size:80%; margin:6px 30px 18px 30px; padding:0 0 0 80px;}
#getreader img {float:left; margin:0 0 0 -80px; border:1px none #fff;}

/* general */
#col1 {float:left; margin-left:50px;}
#col2 {float:right; margin-right:150px;}
#col1map {float:left; margin-left:30px; width:275px;}
#col2map {float:right; margin-right:30px; width:275px;}

#infobox1 {background:#fff; border:1px solid #fed536; padding: 5px 0px; margin: 0px 0px 10px 0px; text-align:left; width:520px;}
#infobox1 p {color:#000; margin:4px 6px 6px 6px;}
#infobox1 img {float:right; margin:6px; border:none;}

#infobox {background:#fff; border:1px solid #fed536; width:520px;}
#infobox h4 {font:bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; margin:4px 4px 2px 4px;}
#infobox-img1 {float:left; margin:8px 6px 4px 6px;}
#infobox p {color:#000; margin:4px 6px 6px 6px;}
#infobox ul, ol {margin:0;}
#infobox li {margin:0.5em 10px;}

/* infobox2 CREATED FOR "PUBLIC POWER WEEK" BOX ON INDEX - THIS CAN BE REMOVED WHEN THE BOX IS TAKEN OFF THE HOME PAGE - TW */ 
#infobox2 {background:#EAE7D6; border:1px solid #781701; padding: 3px 0px; margin: 0px 0px 10px 0px; text-align:left; width:357px;}

#infobox2 {background:#EAE7D6; border:1px solid #781701; width:357px;}
#infobox2 h4 {font:bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; margin:4px 4px 2px 4px;}
#infobox-img1 {float:left; margin:8px 6px 4px 6px;}
#infobox2 p {color:#000; margin:4px 6px 4px 6px;}

/* Use this for snow emergency announcement at top of home page */
#snowbox {background:#fff; border:1px solid #bf1a38; margin:6px 0 12px 0; width:520px;}
#snowbox h4 {font:bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#bf1a38; margin:4px 4px 2px 4px; text-align:center;}
#snowbox .imgr {float:right; margin:8px 6px 4px 6px;}
#snowbox p {color:#000; margin:4px 6px 6px 6px;}
#snowbox .bold {color:#000; font-weight:bold;}

.center {align:center;}
.clear {clear:both;}
.contact {margin-left:30px;}
.indent {margin-left:30px;}
.label {padding-right:1em;}
.letter {clear:both;}
.note {clear:both; font:bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0; padding:0 30px 12px 30px;}
.odd {background-color:#fafadf;}
.pageTop {font-size:90%; text-align:right;}
.small {font-size:80%;}