body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #e2dccf;
	font: normal 65% Verdana, Arial, sans-serif;
	text-align: center;
	color: #313131;
	}
	
p {	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#313131;
	}

a, a:link, a:visited, a:active {
	color: #B96251;
	background-color: inherit;
	text-decoration: underline;
	}
a:hover {
	background-color: inherit;
	color: #FFB411;
	text-decoration: none;
	}
h3 a, h3 a:link, h3 a:visited, h3 a:active {
	text-decoration: none;
	}
h3 a:hover {
	text-decoration: underline;
	}
	
/* The means that any image on the page is going to have a
border with the color #C2BDB3 and a padding of 1px */
img {
	padding: 1px;
	border: 1px solid #C2BDB3;
	background: #fff;
	color: #000;
	}
img.original {
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	}

img.paddingleft {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	background:transparent !important;
	border: 0px;
	}
	
img.paddingleft2 {
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 12px;
	padding-bottom: 3px;
	background:transparent !important;
	border: 0px;
	}
	
img.facpadding {
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background:transparent !important;
	border: 1px;
	}

img.paddingright {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 2px;
	background:transparent !important;
	border: 0px;
	}

img.paddingright2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	background:transparent !important;
	border: 0px;
	}
		
.clear { 
	clear: both;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
	margin-top: -1px; 
	}
.left {
	float:left;
	margin-right:10px;
	}
.right {
	float:right;
	margin-left:10px;
	text-align:right;
	}


/* This is creating an 'id' for the footer section of the page. If
you give anything the 'id' of 'footer' it will have these specifications */

#footer {
	width: 73em;
	margin: 0 auto;
	padding: 7px 15px;
	color: #666;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	background: inherit
	}
	
/* Any paragraph tag <p> inside a area that has the 'id' of 'footer' will have
these specifications. */
	
#footer p {
	margin: 0;
	padding: 15px 0;
	}
	
#header {
	position: absolute;
	top: 0;
	left: 15px;
	height: 59px;
	}
#header .motto {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-indent: -2727px;
	}
#header h1 {
	display: none;
	}
#header span.motto a {
	display: block;
	width: 285px;
	height: 59px;
	padding: 0;
	margin: 0;
	background: url('../images/wordmark.gif') no-repeat 0 29px; /* no absolute ref, cause of https access */
	text-decoration: none
	}
	
/* BREADCRUMB TRAIL DIV */
#breadcrumb {
	position: absolute;
	top: 10px;
	left: 196px;
	color: #999;
	background: inherit;
	z-index: 500
	}
#breadcrumb a {
	color: #999;
	}
#breadcrumb a:hover {
	color: #666;
	}	

/* SIFR STYLES */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 2.0em;
	}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 1.4em;
	}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 1.2em;
	}
	
/* Edit layout contribution field labels */

span.label {
	font-size: 10px;
	color: green;
	padding-bottom: 5px;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-variant: normal
}

#header span.motto a {
	display: block;
	width: 285px;
	height: 59px;
	padding: 0;
	margin: 0;
	background: url("http://www.bc.edu/shared/global/gif/wordmark-grey.gif") no-repeat 0 29px !important;
	text-decoration: none;
}

/* FULL WIDTH BACKGROUND IMAGE FOR THE TOP */

#topwrapper {
	width: 100%;
	height: 78px;
	background: url('../images/background.gif') repeat-x;
	}

/* WRAPPER FOR ALL THE MENUS AND THE SEARCH BOX */	

/* COMMON STYLES FOR THE TOP RIGHT MENUS*/

#tertiarymenu, 
#secondarymenu {
	position: absolute;
	right: 13px;
	font: bold .9em Arial, Verdana, sans-serif;
	letter-spacing: 0.21em;
	text-transform: uppercase;
	}
#tertiarymenu ul, 
#secondarymenu ul {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	}

/* THE GLOBAL MENU IN TOP RIGHT */

#secondarymenu {
	top: 10px;
	width: 450px;
	height: 15px;
	}
#secondarymenu li {
	float: left;
	padding: 0 0 0 13px;
	}
#secondarymenu a {
	color: #CCC;
	background: inherit;
	text-decoration:none;
	}
#secondarymenu a:hover { 
	color: #B29D6C;
	background: inherit;
	text-decoration:underline;
	}
	
/* THE AUDIENCE MENU */	
#tertiarymenu {
	top: 88px;
	height: 25px;
	}
#tertiarymenu li {
	float: left;
	background: url('http://www.bc.edu/shared/global/gif/arrow.gif') no-repeat 0 6px;; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:13px; padding-right:0; padding-top:5px; padding-bottom:0
	}
#tertiarymenu a {
	text-decoration:none;
	}
#tertiarymenu a:hover {
	text-decoration:underline;
	}	

/* THE SEARCH BOX */

#search { 
	position: absolute;
	top: 29px;
	right: 13px;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #CCC;
	background: inherit;
	font: normal 1em Arial, Verdana, sans-serif;
	text-align: right;
	}
#search input {
	color: #666;
	background: inherit;
	vertical-align: middle;
	margin: 0 0 3px 10px;
	}
#search input.searchbox {
	background: url('http://www.bc.edu/shared/global/gif/searchbox.gif');
	border: 0 none;
	width: 203px;
	height: 16px;
	font-size: 1em; padding-left:5px; padding-right:0; padding-top:4px; padding-bottom:0
	}
#search p {
	margin: 0;
	padding: 0;
	}
	
#bu_searchsubmit { /* NH, 2.28.7, new css bg button */
	float:right;
	display:block;
	background:url('http://www.bc.edu/shared/global/gif/go.gif') no-repeat;
	width:35px;
	height:20px;
	border:0 none;; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0
}
	
#search { /* NH, 2.28.7, new css bg button */
	width:263px;
}
	
.searchbox { /* NH, 2.28.7, new css bg button */
	float:left;
}

/* THE UBER NAV */
#mainmenu {
	position: absolute;
	top: 60px;
	left: 0;
	width: 790px;
	height: 25px;
	z-index: 2727;
	}
#nav {
	width: 790px;
	height: 25px;
	padding: 0;
	margin: 0;
	}
#nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
 	}
#nav li a, 
#nav li a:link, 
#nav li a:visited, 
#nav li a:active {
	margin: 0;
	float: left;
	height: 25px;
	text-indent: -2727px;
	text-decoration: none;
	font-weight: bold;
	}

#nav li ul {
	display: none;
	width: 250px;
	position: absolute;
	left: 0;
	top: 25px;
	padding: 0;
	margin: 0;
	border-color: #A19067;
	border-style: solid;
	border-width: 0 1px 1px;
	}
#nav li ul li {
	float: left;
	height: 20px;
	width: 250px;
	padding: 0;
	color:inherit;
	background: #CBBD9B;
	font-weight: normal;
	text-indent: 0 !important;
	}	
#nav li ul li a {
	display: block;
	float: none;
	width: 245px;
	height: 200px !important;
	padding: 0 0 0 5px !important;
	background-color:inherit;
	background-image: none;
	color: #900 !important;
	font-weight: normal !important;
	text-indent: 0 !important;
	line-height: 20px !important;
	}
#nav li#research ul { 
	left: -106px; 
	}
#nav li#research ul, 
#nav li#research ul li, 
#nav li#oncampus ul, 
#nav li#oncampus ul li { 
	width: 199px; 
	}
#nav li#oncampus ul li a, 
#nav li#research ul li a { 
	width: 194px; 
	}

#nav li#admission ul, 
#nav li#admission ul li { 
	width: 305px; 
	}
	
#nav li#admission ul a { 
	width: 300px; 
	}
	
#nav li:hover ul,
#nav li a:hover ul,
#nav li.over ul { 
	display: block; 
	}	
* html #nav li { 
	float: left; 
	height: 1%; 
	}
* html #nav li a { 
	height: 1%; 
	}
#nav li a:active,
#nav li.current a {
	background-position: 0 -50px;
	}

#nav li:hover, 
#nav li.over, 
#nav li a:hover,
#nav li.current a:hover,
#nav li:hover a,
#nav li.current:hover a,
#nav li.over a { 
	background-position: 0 -25px;
	}

#nav li ul li:hover, 
#nav li ul li.over, 
#nav li ul li a:hover {
	color: #900; 
	background-color: #B39D6C;}
	
#top {
	position: relative;
	width: 790px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index: 2727;
	}
#wrapper {
	width:100%;
	background: #e2dccf;
	}
#main {
	position: relative;
	width: 790px;
	left:15px;
	margin: 0 auto;
	padding: 0;
	color: inherit;
	text-align: left;
	}
#schoolheader {
	position:absolute;
	top:10px;
	left:12px;
	}

#schoolheader h2 {
	width: 637px;
	height: 55px;
	text-indent: -2727px;
	margin:0;
	padding:0;
	}	


/* LEFT NAVIGATION STYLES */

#leftnav {
	width: 17em;
	max-width: 176px; /* kt 12.13.01 fixes wrapping on Firefox when font size increased using keyboard: CTRL+ (Win) or CMND+ (Mac) */
	padding: 0;
	margin: 0;
	float: left;
	background: #d1c6aa;
	font-family: Verdana, Arial, sans-serif;
    }

#leftnav a, 
#leftnav a:link, 
#leftnav a:active, 
#leftnav a:visited {
	display: block !important;
	display: inline-block;
	margin: 0;
	color: #444;
	background: inherit;
	text-decoration: none;
	}
#leftnav a:hover {
	text-decoration: underline;
	}
#leftnav img {
	padding: 0;
	border: 0;
	margin: 0 0 -2px 0;
	}
#leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#leftnav li {
	margin: 0;
	padding: 0;
	}
#leftnav ul#menu {
	width: 100%;
	padding: 0 0 6px 0;
	border-bottom: 2px solid #f19b3f;
	background: #e3ddcb;
	color: inherit;
	}

#leftnav ul#menu2 {
	width: 100%;
	padding: 0 0 6px 0;
	border-bottom: 2px solid #d9d1ba;
	background: #e3ddcb;
	color: inherit;
	}



#leftnav ul#submenu {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 20px;
	}
#leftnav ul li a { 							padding: 4px 4px 4px 10px; }
#leftnav ul li ul li a { 					padding: 4px 4px 4px 16px; }
#leftnav ul li ul li ul li a { 				padding: 4px 4px 4px 22px; }
#leftnav ul li ul li ul li ul li a { 		padding: 4px 4px 4px 28px; }
#leftnav ul li ul li ul li ul li ul li a { 	padding: 4px 4px 4px 34px; }
#leftnav li#sitename {
	border-bottom: 2px solid #f19b3f;
	margin-bottom: 6px;
	color:inherit;
	background: #d1c6aa;
	letter-spacing: 1px;
	}
	
#leftnav li#sitename2 {
	border-bottom: 2px solid #d9d1ba;
	margin-bottom: 6px;
	color:inherit;
	background: #d1c6aa;
	letter-spacing: 1px;
	}

#leftnav li#sitename a {
	padding: 7px 0px 7px 10px;
	color: #FFFFFF;
	}
#leftnav li.current {
	padding: 3px 0;
	margin: 3px 0;
	border-top: 1px solid #F19B3F;
	border-bottom: 1px solid #F19B3F;
	color: inherit;
	background: #f5f2e9;
	font-weight: bold !important;
	}
#leftnav li.current ul a {
	color: #000;
	background: inherit;
	}
#leftnav li.current a {
	color: #e8722e !important;
	background: url("../images/arrow.gif") no-repeat 0 2px; !important;
	background: url("../images/arrow.gif") no-repeat 0 3px;
	}
#leftnav li.current li a {
	background: none !important;
	color: #000 !important;
	}	
#leftnav li.parent, 
#leftnav li.parent ul li.parent, 
#leftnav li.parent ul li.parent ul li.parent,
#leftnav li.parent ul li.parent ul li.parent ul li.parent { 
	font-weight: bold;
	}
#leftnav li.parent li, #leftnav li.current li {
	font-weight: normal;
	}
	


/* MAIN CONTENT STYLES */

#content {
	width: /*56em*/ 582px;
	float: left;
	color: inherit;
	background: #f9f7f2;
	}
    
#content h1, #content h2 { 
	margin-left: 20px;
	margin-right: 20px; 
	}
#content h1 {
	margin-bottom: 0px;
	margin-top: 55px;
	color: #0a0a09;
	background: inherit;
	font: normal Arial;
	font-size:18px;
	letter-spacing: 1px;
	}

#content h2 {
	margin-top: 7px;
	margin-bottom: 7px;
	letter-spacing: 1px;
	color: #9b9b9b;
	background: inherit;
	font: Arial, Verdana, sans-serif;
	font-size:14px;
	}
#content h3 {
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: -1px;
	font: normal 1.4em Georgia, Times, serif;	
	letter-spacing: 1px;
	}
#content h3 a {
	color: #430000;
	background: inherit;
	}
#content h4 {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #990000;
	background: inherit;	
	font: bold 1.2em Arial, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
#content h5 {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #000;
	background: inherit;
	font: bold 1.1em Arial, Verdana, sans-serif;
	letter-spacing: 1px;
	}	
#content p {
	margin: 5px 0 10px 0;
	}
	
#content p, #content dt, #content dd { /* nh 2.15.07: making all content text same size (older browsers) */
	font-size: 1.1em;
	line-height: 1.6em;
	     /* kt 12.13.01 fixes wrapping on Firefox when font size increased using keyboard: CTRL+ (Win) or CMND+ (Mac) */
}	

#content td, #content td p {
	font: normal Verdana, Arial, sans-serif;
	font-size: 11px;
}	
#content p.lead { font-size: 1.2em; }

#content ul li {
	margin: 4px 0;
	font-size: 1.0em;
	line-height: 1.6em;
	}
#content li li {
	font-size: 1.04em;
	line-height: 1.5em;
	}

#content hr {
	border: 0;
	color: #F19B3F;
	background-color: #F19B3F;
	height: 1px;
	}

#content ul li, #content li, #content ol,  #content ol li {
font-size:1.05em;
line-height:1.6em;
}


#content td ul li, #content td li, #content td ol li { /* kt 10.09.07: bullet text same size (older browsers) */
	font-size: 1.04em;
	line-height: 1.6em;
	 /* kt 12.13.01 fixes wrapping on Firefox when font size increased using keyboard: CTRL+ (Win) or CMND+ (Mac) */
}

/* TIME TO SET UP THE DIFFERENT TEMPLATES, ALL YOU HAVE TO DO IS CHANGE THE CLASS OF THE PARENT DIV AND THE PRIMARY/SECONDARY DIVS FALL INTO LINE */
#content #primary, 
#content #secondary {
	float: left;
	padding: 0 0 20px 20px;
	}

#content #faculty {
	float: left;
	padding: 0 0 20px 20px;

/* EQUAL WIDTH */
#content.splitwidth #primary,
#content.splitwidth #faculty,
#content.splitwidth #secondary, 
#content.homepage #primary,
#content.homepage #faculty,
#content.homepage #secondary {
	width: 45%;
	}

/* SIX IMAGES ACROSS, NOT SURE IF WE'LL KEEP THIS */	
#content #siximages, #content #fourimages {
	position:relative;
	width: 93%;
	margin: 22px 20px 13px 20px;
	}
#content #siximages{
	height: 75px;
	}
#content #fourimages{
	height: 100px;
	}
#content #siximages img, #content #fourimages img {
	position: absolute;
	top: 0;
	}
#content #siximages img.one { 	left: 0 }
#content #siximages img.two { 	left: 17% }
#content #siximages img.three { left: 34% }
#content #siximages img.four { 	left: 51% }
#content #siximages img.five { 	left: 68% }
#content #siximages img.six { 	left: 85% }

#content #fourimages img.one {	left: 0 }
#content #fourimages img.two {	left: 27% }
#content #fourimages img.three {right: 27% }
#content #fourimages img.four {	right: 0 }


/* THE CURVY BOX */
#content .box {
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	color: inherit;
	background: #F7F6F0 url("http://www.bc.edu/shared/global/gif/box-bottom-right.gif") no-repeat bottom right;
	}
#content .boxhead {
	margin: 0;
	padding: 0;
	background: url("http://www.bc.edu/shared/global/gif/box-top-right.gif") no-repeat top right;
	}
#content .boxhead h4 {
	margin: 0 !important;
	padding: 10px 10px 5px 10px !important;
	font-size: 1.2em;
	background: url("http://www.bc.edu/shared/global/gif/box-top-left.gif") no-repeat top left;
	}
#content .boxbody {
	margin: 0;
	padding: 5px 10px 20px 10px;
	background: url("http://www.bc.edu/shared/global/gif/box-bottom-left.gif") no-repeat bottom left;
	}
#content .boxitem {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #F19B3F;
	}
#content .boxbody h4 {
	padding: 10px 0 0 0;
	border-top: 1px dotted #F19B3F;
	}
#content .boxbody p {
	margin-bottom:10px;
	}

/* LITTLE BOXES ON THE HILLSIDE, LITTLE BOXES MADE OF TICKYTACKY */
#content .news {
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #F19B3F;
	}
#content .news h5, #content .news p, #content .boxbody h5 {
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 1.3em;
	}
#content .boxsection p {
	margin: 0 0 10px 0;
	}


/* SIDEBAR WITH SMALL IMAGE */	
#content.sidebar #primary,
#content.sidebar #faculty {
	width: 38em;
	}
#content.sidebar #secondary {
	width: 10em;
	height: 400px;
	margin: 10px 0 0 20px;
	padding-left: 20px;
	border-left: 1px solid #F19B3F;
	}
#content.sidebar #secondary p {
	margin: 10px 0 0 0;
	padding: 0;
	font: normal 1.0em/1.3em Verdana, Arial, sans-serif;	
	}

/* FULLWIDTH */	
#content.fullwidth #primary,
#content.fullwidth #faculty {
	width: 540px;  /* kt 12.13.01 Replaced 52em with 540px to fix wrapping on Firefox when font size increased using keyboard: CTRL+ (Win) or CMND+ (Mac) */
	}

/* NO NAVIGATION FULL WIDTH */
#content.nonav {
	width: 100% !important;
	position: relative;
	padding-bottom:20px;
	}
#content.nonav #breadcrumb {
	position: absolute;
	width: 54em;
	top: 20px;
	left: 20px;
	color: #666;
	z-index:2000;
	}	

/* A to Z MENU */	
#content.fullwidth #primary div.atozmenu {
	float: left;
	margin-top: 6px;
	border-top: 1px solid #F19B3F;
	border-left: 1px solid #F19B3F;
	border-bottom: 1px solid #F19B3F;
	}
#content.fullwidth #primary div.atozmenu a {
	display: block;
	float: left;
	padding: .2em .5em;
	border-right: 1px solid #F19B3F;
	color: inherit;
	background: #E3D9C9;
	text-decoration: none;
	}
#content.fullwidth #primary div.atozmenu a:hover, 
#content.fullwidth #primary div.atozmenu a.current {
	color: inherit;
	background: #e2dccf;
	}
#content.fullwidth #primary ul.atoz {
	margin: 15px 0 30px 0;
	padding: 0;
	list-style: none;
	}
#content.fullwidth #primary ul.atoz li {
	margin: 1px 0;
	padding: 0;
	font-size: 1.1em;
	}
#content.fullwidth #secondary {
	display: none;
	}

/* added 10/24/06 by Jim Woodman to deal with left aligned images with no hspace*/

#primary img {
margin-right: 15px
}

/* nh 2.15.07: correct img margin in splitwidth */
.splitwidth #primary img, .splitwidth #secondary img {
	margin-right:2px !important;
}