
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;}

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

/*  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%}
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; }
ul, dl, ol {margin:.5em 0 0 2em}
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:#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:40px;}
#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:.5em 0}
.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; font-size:130%}
.right ul, .left ul, .right dl, .left dl {margin:.5em 0 0 0; padding:0em .5em .5em 2em}

.callcopy {padding:0 .5em}

/* One column layout, 650px total */

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

/* Two column layout 200-515 */

#narrow {position:absolute; top:100px; left:0px; width:200px; padding:0px 15px 10px 0px;   background:transparent; margin:0; font-size:80%; overflow:hidden; }
#narrow ul, #narrow dl {margin-left:0}
#narrow h4 {font-size:130%}
#widecol, #wideCol { position:absolute; top:110px; 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: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
{
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;
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} 

/* Old general css pages */



#header {margin-left:7px}

/* Styles for Heaaders - Do Not Change */
#bu {position:absolute; top:0px; left:10px; width:760px; height:70px; background-image: url('http://www.bloomu.edu/bu/art/longbar.gif');}

.menlink {margin-left:2px; margin-top:0px; margin-bottom:0px; padding:0; list-style-type:none; text-decoration:none; display:block; line-height:15px;}
.menlink a {text-decoration:none; text-align:right; font-size:11px; color:black; padding: 0 2px 0 2px}
.menlink a:hover {background:#7b2e4c; text-decoration:none; color:white;  }
.menlink dl, .menlink ul { margin-top:2px; margin-bottom:2px}
.menlink dd, .menlink li {margin-left:5px; margin-top:0px}

li.menlink {margin-left:5px; margin-top:0px}
#menlinksub {margin-left:10px; padding:0; list-style-type:none; list-style-position:outside; text-decoration:none; display:block; }
.menlinksub {margin-left:8px; padding:0; list-style-type:none; list-style-position:outside; text-decoration:none; display:block; }

div.banlink {position:absolute; width:130px; padding-bottom:0px; height:30px; top:42px; margin:0px; display:inline; background:transparent; z-index:2; }
.label {background:transparent; font-size:11px; font-weight:bold; text-align:left; position:absolute; width:130px; top:0px; margin-top:0px; padding:0px 0 12px 0; display:block; height:10px; margin-bottom:0px;  }
.label a {text-decoration:none; text-align:left; display:block; color:#7b2e4c;padding-left:3px;}
.label a:hover {display:block; background:#7b2e4c; text-decoration:none; color:white;}
.drop {position:absolute; left:-5px; width:135px; top:15px; margin-top:0px; padding-bottom:5px; background-color:#FAF3E1; z-index:2;}
.where {font-size:10px; text-align:right; margin-top:0px; color:#aaa; position:relative; top:30px; right:5px; width:750px; z-index:1;}
.where a {color:#888;}
.where a:hover {color:red;}
.where table {border:0}
.where td {border:0}



#todaydate {position:absolute; top:185px; left:225px; font-size:10px; text-align:left; margin-top:-5px; z-index:1; padding-bottom:5px; border-bottom:1px solid #ccc}
#todaydate td {font-size:10px; color:black;}

#weatherlink {position:absolute; top:185px; left:675px; font-size:10px; margin-top:-5px; z-index:1; }
#weatherlink a {text-decoration:none}
#weatherlink a:hover {text-decoration:underline; color:red}



/* End of Header Styles */



/* Styles related to left-hand column */


#leftcol {position:absolute; left:10px; top:80px; width:200px; padding-bottom:1em; background:transparent; }
#leftcol {position:absolute; top:90px; left:10px; width:200px; padding:0px 5px 10px 0px;   background:transparent; margin:0; font-size:80%; overflow:hidden; }

#leftcol table {border:0}
#leftcol td {border:0}
#leftcol h4, #leftcol h4 {font-size:110%}
#leftcol h4 {text-align:center}
.box {position:relative; left:0px; width:200px; background:#fffbf2; margin:10px 0; padding:0; overflow:hidden; border:1px solid #ccc}
.box h4 {margin:0; padding:.3em .5em .3em .5em}
.box p, {padding:.3em .5em}
.box li, .box dd {padding:0}

.box ul, .box dl, .box ol {margin:0; padding:0 .5em .5em 2em}




.pic img {border:1px solid #ccc}

h3.title {font-size:150%}









/* Styles related to main text column - make same as widecol*/



#copy {position:absolute; top:110px; left:230px; width:530px; padding:0 0 20px 0px; border:0; background:transparent; margin:0;}
/* Styles related to floating box for main column */

#copy .pic {float:right; background:transparent; border:none; font-size:85%; margin:10px 0 10px 10px;  overflow:hidden}

#copy .pic img {border:1px solid #000}

#copy .side {float:right; background:transparent; border:1px solid #ccc; border-bottom: 1px solid #ccc; font-size:85%; margin:10px 0 10px 10px; padding-bottom:1em; overflow:hidden}


/* for older web pages still using id's */


#copy #side {float:right; background:transparent; border:1px solid #ccc; border-bottom: 1px solid #ccc; font-size:85%; margin:10px 0 10px 10px; padding-bottom:1em; overflow:hidden}


#box {position:relative; left:0px; width:200px; background:#fffbf2; margin:10px 0 10px 0px; padding-bottom:1em; overflow:hidden; border:1px solid #ccc}


img.nb {border:0}

