body {background-image:none; font-family: arial, sans-serif; font-size:95% line-height:110%; background-color: #fff; margin-top:10px}

/*  print page headers */
#title {font-size:12pt; color:#000; text-align:right; position:relative; top:0; height:1.5em; overflow:visible; border-bottom:1px solid #000; width:90%}

/*  centers the page */

#wrapper {position:relative; margin-left:auto; margin-right:auto; width:770px; background:transparent; min-height:450px; margin-top:0px;}

/* headers */
#headbug {display:none;}
#headbug img {display:none;}
#buline {display:none;}
#buline img {display:none;}
#dept {display:none;}
#dept img {display:none;}
#headbar {display:none;}
#headbar img {display:none;}


/*  common styles */
h1, h2, h3, h4, h5, h6 {font-size:130%; margin:.4em 0; margin: 0; padding:.2em 0 .2em 5px;}
p, li, dd, td, th {font-size:95%; line-height:125%; padding:.5em 0 .5em 5px; margin: 0}
li, dd {padding:0; margin-left:2em}
ul, dl, ol {margin-top:.5em;}
p.stx {font-size:0.75em; padding:0; margin:1em 0 0 0}
p.btx {font-size:0.75em; margin:0; padding:0;}
p.tag {margin: 0 0 0 2em; padding:0;}
p.indent {margin: 1em 0 0 2em; padding:0}


a:link {color:blue; text-decoration:none;}
a:visited {color:blue; text-decoration:none;}
a:hover {color:red; text-decoration:underline;}
  
table { float:right; border-collapse:collapse; padding:.5em; margin:.5em 0em .5em .5em; border:1px solid #ccc; vertical-align:top;}

table.full { float:none; width:100%; border-collapse:collapse; padding:0; margin:.5em 0em; border:0; vertical-align:top;}


td, th {text-align:left; padding:.3em ; margin:0; border-bottom:1px solid #ccc; vertical-align:top;}
tr.off {background-color:transparent;}
tr.on {background-color:#fffbf2; background-color:#ccc;}
td.form {border:0}


/* Styles for Weather Boxes on Today Pages */

#weather img {border:0;}
#weather {padding:10px 0}

#weather table {background:transparent; position:absolute; top:25px; left:575px;}
td.weather {font-size:12px; font-weight:bold; letter-spacing:1; text-align:center; padding:0}
#weatherlink {position:absolute; top:150px; left:675px; font-size:10px; margin-top:-5px; z-index:1; }
#weatherlink a {text-decoration:none}
#weatherlink a:hover {text-decoration:underline; color:red}

table#weather {background:transparent; float:right;}

td.weather {font-size:12px; letter-spacing:1; text-align:center}


/*  navigation links at top of page */

#nav {display:none;}
#nav p {font-size:.8em; color:blue; padding-right:0; text-align:left}
#nav a:link, #nav a:visited {color:#000; text-decoration:none;}
#nav a:hover { color:red; text-decoration:underline;}
#nav ul {margin: 0; padding: 0; list-style-type: none; float:right}
#nav ul li {display: inline; font-size:.7em; padding:0 0 0 10px; font-weight:bold}
#nav table {clear:right; float:right; border-collapse:collapse;  padding:2em 0 1em 0px; margin:2em 0em; border:0; vertical-align:top;}





/*  Floats (default 200px) */

.left, .right, .side {font-size:85%; border:1px solid #ccc; background:transparent; width:200px; padding:0em; }
.left {clear:left; float:left;  margin:1em 1.5em .5em 5px;}
.right {clear:right; float:right; margin:.5em 0 .5em 1.5em}
.side {clear:left; float:right; margin:.5em 0 .5em 1.5em; padding:.5em}
br {clear:both}

/* One column layout, 650px total */

#onecol { position:absolute; left:0px; top:20px; width:100%; padding:0; border:0;  background:transparent;}

/* Two column layout 200-515 */

#narrow {position:relative; width:90%;}


#widecol, #wideCol { position:relative; top:20px; left:0px; width:90%; padding:0 0 20px 0px; border:0; background:transparent; margin:0;}


/* Three column layout 200-310-200 */
#leftCol { position:absolute; top:95px; left:0; width:200px; padding:5px; margin:0;background-color:transparent; border:1px solid #ccc; font-size:85%;}
#rightCol { position:absolute; top:95px; right:0; width:200px; padding:5px; margin:0; background-color:transparent; border:1px solid #ccc; font-size:85%;}

#centerCol { position:absolute; top:95px; width:310px; padding:5px; margin:0 225px;}

/* for horizontal sections in onecol */

.block {clear:both; padding-top:10px; margin-top:10px; border-top:1px solid #ccc;}
.block img {clear:left; float:left; margin-right:20px; margin:10px 20px 10px 0;}
.block h4 {margin-top:10px}

/* for images */
img {background:transparent; border:1px solid #000;}
img.lt {clear:left; float:left; margin:10px 20px 20px 0px; border:1px solid #000;}
img.rt {clear:right; float:right; margin:10px 0px 15px 20px; border: 1px solid #000;}


#button ul{display:none}

#button li { margin: 0 0 .3em 0; padding:0 }

#button a
{
display: block;
color: #7b2e4c;
background-color: #fffbf2;
width:180px;
padding: .2em .8em;
text-decoration: none;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #7b2e4c;
border-bottom: 1px solid #7b2e4c;
}

#button a:hover
{
background-color: #7b2e4c;
color: #fff;
border-top: 1px solid #7b2e4c;
border-left: 1px solid #7b2e4c;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}



/* makes colorful callouts  */

.maroon {background-color:#7b2e4c; color:#fff;}
.gold {background-color:#FFE591; color:#000;}
.yellow {background-color: #fffbf2; color:#000; }
.plain {background-color:transparent; color:#000}