@charset "utf-8";
/* CSS Document */

/******************************************************* // HR-Specific Layout // *****************************************************/

/* LINK styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*General heading link styles*/	
h1 a
	{
	color:#fff;
	}

h1 a:visited
	{
	color:#fff;
	}

h1 a:hover
	{
	color:#004388;
	}

h4 a
	{
	color:#004488;
	}

h4 a:hover
	{
	color:#486000;
	}

a,
a:visited,
p a,
p a:visited
	{
	color:#004480;
	text-decoration:none;
	}

a:hover,
p a:hover
	{
	color:#486000;
	text-decoration:underline;
	}
hr 
	{
	color:#486000;
	}
img.inlineRight
	{
	border:1px solid #666666;
	text-align:right;
	margin-left:10px;
	}
img.inlineLeft
	{
	border:1px solid #666666;
	text-align:left;
	margin-right:10px;
	}
/*Style-specific links*/
#legend
	{
	clear:both;
	margin-bottom:20px;
	}
	
#legend h2 a span.subsitename
	{
	color:#b1b1b1;
	}

#legend h2 a:hover span.subsitename
	{
	color:#68abd0;
	}

#legend h2 span.pagename
	{
	color:#004480;
	}

#legend h2 a:hover span.pagename
	{
	color:#486000;
	}

span.extralink, span.extralink2, span.green
	{
	color:#97b657;
	}
span.extralink2
	{
	font-style:italic;
	}
span.extralink3
	{
	font-weight:bold;
	color:#97B657;
	font-size:14px;
	}
span.extralink a,
span.extralink2 a
	{
	color:#004480;
	}

/* Heading styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
h1
	{
	color:#A4C463;
	}
h1.heading
	{
	font-size:32px;
	letter-spacing:-2px;
	margin-bottom:10px;
	margin-left:-1px;
	}
h2
	{
	color:#486000; 
	}

h2.col2heading
	{
	font-weight:bold;
	color:#004480; 
	margin-bottom:20px;
	}

h3					
	{
	color:#004480; 
	}

h4
	{
	color:#486000; 
	font-size:12px;
	}



/* SITE-SPECIFIC NAVIGATION -- ALTERNATIVE TO ARTSCI'S LAYOUT.CSS */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*NOTE: Alignment and colors contain in site-specific style sheets*/

#glocal_chem
	{
	overflow:hidden;
	margin-top:5px;
	}
	
/*make the drops work and be accessible*/
#glocalnav_chem, #glocalnav_chem ul 
	{
	list-style: none;
	}

#glocalnav_chem a, #glocalnav_chem li a, #glocalnav_chem li.nonlink
	{
	display: block;
	width: 190px;
	}

#glocalnav_chem li.nonlink, #glocalnav_chem li.nonlink a
	{
	font-weight:bold;
	color:#69C;
	}

#glocalnav_chem li 
	{
	border-bottom:#eee 1px solid;
	float: left;
	margin-bottom:3px;
	padding-bottom:6px;
	}

/*Blow-out background specs*/
#glocalnav_chem li ul 
	{
	position: absolute;
	width: 190px;
	left: -999em;
	background-color:#333;
	filter:alpha(opacity=97);
	-moz-opacity:.97;
	opacity:.97;
	z-index:20;
	}

#glocalnav_chem li ul ul 
	{
	margin: -1em 0 0 10em;
	}

/*Optional white and color menus; complete specs in site-specific sheet*/
.whitemenu_chem ul
	{
	padding:5px;
	margin:0px 6px 4px 0px;
	}

.filledmenu_chem
	{
	width:180px;
	}

.filledmenu_chem ul
	{
	padding:5px;
	margin:3px;
	}

.filledmenu_chem #glocalnav_chem a, .filledmenu_chem #glocalnav_chem li a 
	{
	width: 165px;
	}

.filledmenu_chem #glocalnav_chem li ul 
	{
	width: 165px;
	}



/* SITE-SPECIFIC NAVIGATION styles and configuration */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*Default menu aligns left*/
#glocal
	{
	float:left;
	}

#glocalnav, #glocalnav ul 
	{
	float:left;
	}

#glocalnav li:hover ul 
	{
	left: auto;
	}

#glocalnav li:hover ul, #glocalnav li.sfhover ul 
	{
	margin:-32px 0px 0px 150px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	}

/*Styles for site-specific navigation with background color; default color is medium gray with white text*/

.filledmenu ul#glocalnav
	{
	/***for navigation with background color: set background color***/
	background:#b1b1b1;
	/***for navigation without background color: set background to none***/
	/*background:none;*/
	}

.filledmenu ul li a
	{
	/***for navigation with background color: set reversed font color***/
	color:#fff;
	/***for navigation without background color: set non-white font color***/
	/*color:#004480;*/
	}

.filledmenu ul li a:hover
	{
	color:#004480;
	text-decoration:none;
	}

.filledmenu h4.glocal2nav
	{
	margin-top:20px;
	}

.filledmenu #glocalnav li:hover ul, .filledmenu#glocalnav li.sfhover ul 
	{
	margin:-20px 0px 0px 160px;
	/***for right-aligned navigation: change the spacing***/
	/*margin:-20px 160px 0px 0px;*/
	}


/*Styles for left navigation with no background color or white background; default menu text color is blue*/
.whitemenu
	{
	width:210px;
	/***optional border for white background menu***/
	/*border-top:#eaeaea 1px solid;*/
	/*border-bottom:#eaeaea 1px solid;*/
	}

.whitemenu ul
	{
	/***for navigation without background color: set background to none***/
	/*background:transparent none repeat scroll 0 0;*/
	background:none;
	}

.whitemenu ul li a
	{
	/***for navigation without background color: set non-white font color***/
	color:#004480;
	}

.whitemenu ul li a:hover
	{
	color:#486000;
	text-decoration:none;
	}

/*Colors and borders for navigation blow-outs*/

#glocalnav li
	{
	font-size:1.1em;
	padding-top:3px;
	padding-bottom:5px;
	}

#glocalnav li ul 
	{
	background-color:#333;
	border:#444 2px solid;
	}

#glocalnav li ul li
	{
	font-size:12px;
	border-bottom:#666 1px solid;
	}

#glocalnav li ul li a
	{
	color:#fff;
	}

#glocalnav li ul li a:hover
	{
	color:#a3c362;
	}
#glocal ul ul
{
	background-color:#426C8F;
	border: 4px solid #FFFFFF;
	margin-top:-25px;
}
#glocal ul li.glocals ul li 
{
	border-bottom:1px dotted #FFFFFF;
}
#menuImgLink
{
	margin-top:25px;
	border-top:1px dotted #CCCCCC;
	text-align:center;
}
/*End menu tweaks*/


/* CONTENT specs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

.placeholder
{
	color:#00AA00;	
}

ol, 
ul
{
	margin-left:20px;
}
li
	{
	margin-top:10px;
	line-heigh:150%;
	}
#main2col1
	{
	margin-top:12px;
	width:420px;
	}
#main1col
	{
	margin-top:12px;
	}
#main2col2
	{
	width:300px;
	}
#main2col2.right
	{
	text-align:right;
	}
#content h2
	{
	margin:13px 0px 10px 0px;
	}

#highlightIMG img
	{
	padding:3px;
	border:#ccc 1px solid;
	}

#highlightIMG h2
	{
	text-transform:uppercase;
	color:#333;
	}

#highlightIMG p
	{
	color:#666;
	}

p.getmore
	{
	text-align:right;
	margin-right:20px;
	}

p.getmore a
	{
	color:#004480;
	text-decoration:none;
	}

p.getmore a:hover
	{
	color:#486000;
	text-decoration:underline;
	}

p.report
	{
	font-style:italic;
	font-weight:bold;
	font-size:13px;
	padding:0;
	}
/* top-of-page feature specs and background graphics*/
#feature
	{
	clear:both;
	width:1000px;
	height:314px;
	display:block;
	text-align:center;	
	margin-bottom:25px;
	}

#feature img
	{
	margin-top:10px;
	}

#featureMenu
	{
	margin-top:5px;
	display:block;
	}

#featureRight
	{
	padding-top:5px;
	}

#featureRight img
	{
	float:right;
	}

#featureRTall
	{
	width:730px;
	height:295px;
	text-align:center;
	float:right;
	background-color:#FFFFFF;
	margin-bottom:15px;
	}

#featureRTall img
	{
	margin-top:10px;
	}
	
/*style for <BODY>*/	
#bluefeature, #bluefeaturemenu
	{
	background: transparent url(images/bluebggrad.png) repeat-x scroll 0 0;
	}
#bluefeature2
	{
	background: transparent url(../stylesheets/images/bluebggrad2.png) repeat-x scroll 0 0;
	}
#bluefeaturemenu div#content
	{
	border:none;
	}

#bluefeaturemenu ul#glocalnav
	{
	margin-top:-8px;
	}
	
#bluefeaturemenu ul#glocalnav li
	{
	border-bottom:#fff 1px solid;
	}

#brownfeature
	{
	background: url(images/brownbggrad.png) repeat-x;
	}


/* Body table specs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

table.stdBorderless
	{
	border-width:0px;
	}
table.stdBorderless td
	{
	padding:3px;
	}
	
	
table.courselist
	{
	border-width:0px;
	}
table.courselist tr
	{
	vertical-align:top;
	}
table.courselist td
	{
	padding:8px;
	}


.tinyfont
	{
	font-size:9px;
	}
	
.2emspacer
	{
	width: 2em;
	}


/* Three- and Five-column Top specs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#content
{
	width:960px;
}
#legend
{
	width:960px;
}
#feature3col
	{
	width:100%;
	}

.topbox
	{
	float:left;
	width:320px;
	text-align:left;
	background: url(images/topbox.png) top left no-repeat;
	margin-bottom:-15px;
	}

.topbox4
	{
	float:left;
	width:230px;
	height:170px;
	text-align:left;
	background: url(../stylesheets/images/topbox4.png) top left no-repeat;
	margin:0px 10px 10px 0px;
	}

.topbox5
	{
	float:left;
	width:184px;
	height:170px;
	text-align:left;
	background: url(../stylesheets/images/topbox5.png) top left no-repeat;
	margin:0px 10px 10px 0px;
	}

.topbox h3, .topbox4 h3, .topbox5 h3
	{
	margin-left:3px;
	}

.topbox p
	{
	width:290px;
	display:block;
	margin-left:3px;
	}

.topbox div.image
	{
	width:301px;
	height:195px;
	float:none;
	}

.topbox div.image a
	{
	border:none;
	}

.topbox div.image img
	{
	width:282px;
	height:147px;
	margin-top:12px;
	margin-left:13px;
	border:none;
	}

#topbox4last, #topbox5last
	{
	margin-right:0px;
	}

.topbox4 p
	{
	width:180px;
	display:block;
	margin-left:3px;
	}

.topbox4 div.image
	{
	width:220px;
	height:160px;
	float:none;
	}

.topbox4 div.image a
	{
	border:none;
	}

.topbox4 div.image img
	{
	width:220px;
	height:160px;
	margin-top:5px;
	margin-left:5px;
	border:none;
	}

.topbox5 p
	{
	width:180px;
	display:block;
	margin-left:3px;
	}

.topbox5 div.image
	{
	width:174px;
	height:160px;
	float:none;
	}

.topbox5 div.image a
	{
	border:none;
	}

.topbox5 div.image img
	{
	width:174px;
	height:160px;
	margin-top:5px;
	margin-left:5px;
	border:none;
	}
	
/* events/calendar + misc styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#upcomingEvents
{
	background:url(../stylesheets/images/upcomingEventsPanel.jpg) no-repeat;
	width:250px;
	min-height:250px;
}
#upcomingEventsContent
{
	padding-top:40px;
	padding-right:5px;
	padding-left:10px;
}
#eventSummary
	{
	border-top-style:dotted;
	border-top-width:thin;
	border-top-color:#CCCCCC;
	padding-top:10px;
	}

#eventListing
	{
	margin-top:10px;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	border-bottom-color:#CCCCCC;
	}
#eventNotes
	{
	color:#666666;
	font-style:italic;
	border-top-style:dotted;
	border-top-width:thin;
	border-top-color:#CCCCCC;
	padding-top:10px;
	font-size:11px;
	}
span.eventDate,
h4.eventDate
	{
	color:#486000; 
	font-weight:bold;
	}
	
table.eventTable
	{
	margin-top:10px;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:10px;
	}
table.eventTable td.c1
	{
	width:85px;
	}

table td a
	{
	color:#004480;
	}
	
option.seatingAvailable
	{
	color:inherit;
	}
option.seatingLimited
	{
	color:#FF0000;
	}
option.seatingClosed
	{
	text-decoration:line-through;
	}

#publicationNotes
	{
	color:#222222;
	font-style:normal;
	border-top-style:dotted;
	border-top-width:thin;
	border-top-color:#CCCCCC;
	padding-top:10px;
	font-size:12px;
	}

/* member benefits table */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
table.memberBenefits
	{
	border-collapse:collapse;
	border-spacing:0;
	}
table.memberBenefits th
	{
	background-color:#DDDDDD;
	font-weight:bold;
	border:1px solid #CCCCCC;
	padding:5px;
	}
table.memberBenefits td
	{
	background-color:#F5F5F5;
	border:1px solid #CCCCCC;
	padding:5px;
	}
	
/* image placement and rotating image slideshow */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#rotator
	{
	margin: -0px auto 20px;
	position: relative;
	width:950px;
	height:35px;
	}
#rotator.home
	{
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#666666;
	margin-top:-22px;
	}
#rotator img
	{
	width:950px;
	height:35px;
	}
#rotator img
	{
	display: none;
	position: absolute;
	}
#static
	{
	margin: -6px auto 20px;
	position: relative;
	}

/* features in main body column*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
div.bncFeatures 
	{
	background:transparent url(../stylesheets/images/featuresframe.jpg) no-repeat scroll left top;
	padding:30px 20px 20px;
	}
div.bncFeaturesIMG 
	{
	border:1px solid #EEEEEE;
	float:left;
	height:154px;
	margin-right:10px;
	padding:4px;
	width:154px;	
	}
	
/* misc tweaks from core style sheets */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#casedotsearchSubmit
	{
	top:-15px;
	}
	
/* footer positioning */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

#footerAddressBox
	{
	float:left;
	}