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:1pt; color:white; text-align:right; position:absolute; top:0; height:1px; overflow:hidden}

/*  centers the page */

#wrapper {position:relative; margin-left:auto; margin-right:auto; width:770px; background:transparent; border:none; overflow:visible;}

/*  common styles */
h1, h2, h3, h4, h5, h6 { margin:.4em 0; margin: 0; padding:.2em 0 .2em 5px;}
h2 {font-size:160%}
h3 {font-size:140%; margin: 0; padding:.5em 0 .5em 5px;}
h4 {font-size:100%; margin-top:.7em}
h5 {font-size:90%; margin-top:.7em}
p, li, dd, td, th, form {font-size:90%; line-height:125%; padding:.5em 0 .5em 5px; margin: 0}
form {line-height:200%}
li, dd {padding:0; margin-left:1.5em }
ul, dl, ol {margin:.5em 0 }
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.right { float:right; border-collapse:collapse; padding:.5em; margin:.5em 0em .5em .5em; border:1px solid #ccc; vertical-align:top;}

table { 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:#FFE591; background-color: #FAF3E1;}
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 {position:absolute; width:770px; text-align:right; padding-right:60px; left:0px; top:80px;}
#nav p {font-size:10px; color:#aaa; padding:0; margin:0; text-align:center}
#nav a:link, #nav a:visited {color:#aaa; text-decoration:none;}
#nav a:hover { color:red; text-decoration:underline;}


/*  Floats (default 200px) */

.left, .right {font-size:85%; width:200px; padding:10px; background:transparent; border:1px solid #ddd; font-size:.85em;}

.left {clear:left; float:left;  margin:1em 1.5em .5em 5px; padding: 0 0 .5em 0}
.right {clear:right; float:right; margin:.5em 0 .5em 1.5em; clear:right; float:right; margin:.5em 0 .5em 1.5em; padding:0 0 .5em 0}
.side, #side {clear:left; float:right; margin:.5em 0 .5em 1.5em; padding:.5em}
br {clear:both}

.right h4, .left h4 {margin-top:0; }
.right ul, .left ul, .right dl, .left dl {margin:.5em 0 0 0; padding:0em .5em .5em 2em}

.callcopy {padding:0 .5em}

.nbox {font-size:85%; width:203px;  padding:10px; background:transparent; border:1px solid #ddd; font-size:.85em; clear:left; float:left;  margin:0em 0em .5em 0px; padding: 0 0 .5em 0}
.nbox h4 {margin-top:0; }
.nbox ul, .right dl, .left dl {margin:.5em 0 0 0; padding:0em .5em .5em 1em}


/* One column layout, 650px total */

#onecol { position:absolute; left:0px; top:120px; width:770px; padding:0; border:0;  background:transparent;}

/* Two column layout 200-515 */

#narrow {position:absolute; top:110px; left:0px; width:205px; background:transparent; margin:0;  overflow:hidden; }

#widecol, #wideCol { position:absolute; top:120px; left:225px; width:535px; padding:0 0 20px 0px; border:0; background:transparent; margin:0;}


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

#centerCol { position:absolute; top:120px; 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 #bbb;}
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;}
img.nb {border:0}

/* for dd links */
#related {margin:1em 0; padding 0; background-color:#fffbf2; background-color:#fff;}
#related dl {margin:0; padding:0; font-size:.85em;}
#related dd {display:block; border-bottom:0; margin:3px 0; text-align:center; background-color:#fffbf2; }
#related dd a {display:block;  background-color:#fffbf2; padding:.3em 0; text-decoration:none; border:1px solid #eee}
#related dd a:hover {display:block;background-color:#fffbf2; background-color:#eee;padding:.3em 0; border:1px solid #ccc}
#related h4 {margin:0; border:1px solid #ddd}


/* for buttons */

#button ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

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

#button a
{
display: block;
color: #7b2e4c;
background-color: #fffbf2;
background-color:transparent;
background-image:url(http://www.bloomu.edu/bu/art/button-off.gif);
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: #000;
border-top: 1px solid #7b2e4c;
border-left: 1px solid #7b2e4c;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color:transparent;
background-image:url(http://www.bloomu.edu/bu/art/button_on.gif);
}



/* 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} 


/* for buttons */

#sports ul
{
margin: 0;
padding: 0;
list-style-type: none;
width:200px;
}
 
#sports li { margin: 0 0 .3em 0; padding:0; font-size:.8em; font-weight:bold}

#sports a
{
display: block; color:#ffeaa2; background:#7b2e4c; width: 180px; margin: .1em 0 .1em .3em; padding:.2em; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #832C3F;
border-bottom: 1px solid #832C3F;
}

#sports a:hover
{background-color: #FDCD6E; color: #7b2e4c; border-top: 1px solid #832C3F; border-left: 1px solid #832C3F; border-right: 1px solid #fff; border-bottom: 1px solid #fff;
}


/* old headers */
#headbug {position:absolute; left:10px; top:0px; z-index:1000}
#headbug img {border:none}
#buline {position:absolute; left:0px; top:-3px;}
#buline img {border:none}
#dept {position:absolute; left:0px; top:-2px;}
#dept img {border:none}
#headbar {position:absolute; left:0px; margin-right:0; top:10px; padding:0; margin:0; background-color: #FAF3E1;width:770px; height:46px}
#headbar img {border:none}