/**** College of Arts and Sciences Base Stylesheet ****
 *
 *    This style sheet should be the THIRD sheet loaded on each page.  The order of stylesheets
 *    should go as follows:
 *       Case UMC - Core
 *       Case UMC - Layout
 *       A&S - Base
 *       Site Specific Custom(s)
 *   
 *		This stylesheet is meant to expand and touch up UMC's stylesheets with a base set of
 *    style rules.
 *
 *    This stylesheet SHOULD NOT be edited by any single department and should only be handled
 *    by Arts and Sciences technical staff.
 *
 *
 */
 
 
#wrapper {
	width: 1000px;
}
 
/* Hide Subsite - Not used anymore */
#subsite { display: none; }
 
b, strong {
	font-weight: bold;
}
 
.arrows {
	color:#0a304e;
	font-family:Arial,Helvetica,sans-serif;
	font-size:25px;
	font-weight:normal;
	line-height:15px;
}

/* Font Colors */

/* No longer green! */
.greenText {
	color: #222222;
}

/* Header Definitions */

h1 {

}
	h1 a {
		color:#fff;
	}
	
	h1 a:visited {
		color:#fff;
	}
	
	h1 a:hover{
		color:#004388;
	}
	
	h1.pageHeadline {
		color:#252525;
		font-family:Helvetica,Aria,sans-serif;
		font-weight:normal;
		line-height:1.3;
		font-size: 30px;
		margin:0;
	}


h2 {
	color: #0a304e;
	font-size: 28px;
}

h3 {
	font-size: 24px;
	color: #004480; 
}

h4 {
	font-weight: bold;
	font-size: 22px;
	color: #333;
}
	h4 a {
		color:#004488;
	}

	h4 a:hover {
		color:#486000;
	}

h5 {
	font-weight: bold;
	font-size: 20px;
	color: #333;
}

h6 {
	font-weight: bold;
	color: #333;
	font-size: 18px;
}
 

a {
	color: #004480;
}

a:hover {
	color: #486000;
}
 
 
/* Paragraph Definitions */

p {
	font-size: 13px;
  color: #000;
  font-weight: normal;
}
	p a {
		color:#004480;
	}
	
	p a:hover {
		color:#486000;
	}


/* Special Links */

#legend {
	clear:both;
	margin-bottom:0px;
}

#legendLEFT {
	width: 600px;
}


	#legend h2 a span.subsitename {
		color:#252525;
		font-family:Helvetica,Aria,sans-serif;
		font-weight:bold;
		font-size: 22px;
	
	}
	
	#legend h2 a:hover span.subsitename {
		color:#68abd0;
	}
	
	#legend h2 span.pagename {
		font-size: 22px;
		font-weight: normal;
		letter-spacing: -0.01em;
		color: #0A304E;
	}
	
	#legend .subsiteSpacer {
		font-size: 22px;
		font-weight: normal;
		color: #252525;
	}
		
	#legend h2 span.pagename2 {
		font-size: 22px;
		font-weight: normal;
		letter-spacing: -0.01em;
		color:#0A304E;
	}	
	
	#legend h2 a:hover span.pagename {
		color:#aaa;
	}

	
		

span.extralink, span.green {
	color:#97b657;
}
	span.extralink a {
		color:#004480;
	}


#main2col1 {
	margin-top: 10px;
}


table.courseList  {
	color: #333;
	width: 100%;
	border: 0px;
}
	table.courseList tr {
		border: 0px;
	}
	table.courseList td {
		padding: 5px;
		border-bottom: 1px dotted #ccc;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	table.courseList th {
		padding: 5px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-left: none;
		border-right: none;
	}


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

/*Default menu aligns left*/
#glocal
	{
	float:left;
	font-size: 12px;
	/***for right-aligned navigation: set float to right***/
	/*float:right;*/
	}

#glocalnav, #glocalnav ul 
	{
	float:left;
	/***for right-aligned navigation listing: set float to right***/
	/*float:right;*/
	}

#glocalnav li:hover ul 
	{
	left: auto;
	/***for right-aligned navigation: set right:auto***/
	/*right:auto;*/
	}

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

/*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:none;
	}

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

.whitemenu ul li a:hover
	{
	color:#658550;
	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;
	}
/*End menu tweaks*/


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

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

/*Optional top-of-page feature specs and background graphics*/
#feature {
	width: 1000px;
	position: relative;
	overflow: hidden;
	margin: 0;
}
#featureHolder {
	position:relative;
	width:1000px;
	background:#fff;
	margin:0;
	margin: auto;
	height: 285px;
	
}	


#feature #slider { /*important*/
	width: 1000px;
	margin: auto;
	position: absolute;
}


#sliderHolder {
	position: absolute;
	overflow: hidden;
}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
    text-indent:-8000px;
}			
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li { 
	width:1000px;
	height:285px;
	overflow:hidden;
	
}	
#prevBtn, #nextBtn, #slider1next, #slider1prev { 
	display:block;
	width:46px;
	height:54px;
	position:absolute;
	left:-43px;
	top:115px;
	z-index:1000;
}	
#nextBtn, #slider1next { 
	left:1000px;
}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { 
	display:block;
	position:relative;
	width:60px;
	height:62px;
	background:url(/images/prevBtn.png) no-repeat 0 0;
	
}	
#nextBtn a, #slider1next a { 
	background:url(/images/nextBtn.png) no-repeat 0 0;	
}
.bBorder {
	border-bottom-width: 1px;
	padding-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
}

#featureHolder {
	background:#FFFFFF none repeat scroll 0 0;
	height:285px;
	margin:auto;
	position:relative;
	width:1000px;
}

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

.backgroundFeature {
	background: url(images/background-feature.png) repeat-x;
}
	.backgroundFeature #legend {
		display: none;
	}

.backgroundNoFeature {
	background: url(images/background-nofeature2.png) repeat-x;
}
	

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


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

#artsciNoFeature {
	background: url(images/artsci-no-feature-bg.png) repeat-x;
}

#nofeatureSimpleBg {
	background: url(images/cas-no-header-simple-bg.png) repeat-x;
}

#bluefeature, #bluefeaturemenu
	{
	background: url(images/bluebggrad.png) repeat-x;
	}

#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;
	}
	
#standardfeature {
		background: url(images/artsciStandardBG.png) repeat-x;
}

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

#newArtsciBlue {
	background: url(/artsci/images/bg/artsci-bg-brown.png) repeat-x;
}

#newArtsciBlue {
	background: url(/artsci/images/bg/artsci-bg-brown.png) repeat-x;
}

#newArtsciShort {
	background: url(/artsci/images/bg/artsci-bg-brown-short.png) repeat-x;
}

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

#greenfeature {
		background: url(images/artsciGreenBg.png) repeat-x;
}
	
#highlightPic {
background:transparent url(images/colbox300.png) no-repeat scroll left top;
margin-top:10px;
width:300px;
}
#highlightPic img {
border:medium none;
height:147px;
margin-left:13px;
margin-top:12px;
width:274px;
}
#highlightBox {
background:transparent url(images/boxsides.png) repeat-y scroll 0 0;
float:left;
text-align:left;
width:300px;
}
#highlightBoxTop {
background:transparent url(images/boxtop.png) no-repeat scroll 0 0;
display:block;
height:13px;
width:300px;
}
#highlightBoxBottom {
background:transparent url(images/boxbot.png) no-repeat scroll 0 0;
display:block;
height:33px;
width:300px;
}
#highlightPic h3, #highlightPic p {
margin-left:13px;
}
#highlightBox h3 span.arrows, #highlightPic h3 span.arrows {
color:#C8D597;
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:normal;
line-height:15px;
}
#highlightBox h3 span.lightgray, #highlightPic h3 span.lightgray {
color:#A1CDE4;
}
#highlightBox ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0px;
padding:0;
width:267px;
}
#highlightBox ul li {
background:transparent url(images/arrows.png) no-repeat scroll 0 10px;
border-bottom:1px dotted #CCCCCC;
line-height:1.1em;
padding:7px 0 7px 12px;
}
#highlightBox ul li span.date {
color:#666666;
margin-right:2px;
}
#highlightBox ul li a {
color:#333333;
}
#highlightBox ul li a:hover {
color:#004480;
}
#highlightBox p.getmore {
margin-right:20px;
margin-top:10px;
}	

/* Three- and Five-column Top specs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#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(images/topbox4.png) top left no-repeat;
	margin:0px 10px 10px 0px;
	}

.topbox5
	{
	float:left;
	width:184px;
	height:170px;
	text-align:left;
	background: url(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;
	}
	
blockquote { 
	color: #ccc;
	font-size: 13px;
	margin-left: 40px; 
	margin-right: 40px 
}