/******************************************************* // site-specific layout // *****************************************************/

/* General LINK styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
h1 a
	{
	color:#fff;
	}

h1 a:visited
	{
	color:#fff;
	}

h1 a:hover
	{
	color:#004388;
	}

h3 a, h4 a, h5 a:hover
	{
	color:#004488;
	}

h3 a:hover, h4 a:hover, h5 a
	{
	color:#486000;
	}

p a, ul li a
	{
	color:#004480;
	}

p a:hover
	{
	color:#486000;
	}

/*"BREADCRUMB" or section or page name area links and styles*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#legend
	{
	clear:both;
	margin-bottom:20px;
	}

/* name of site or subdirectory*/	
#legend h2 a span.subsitename
	{
	color:#5c6f7b;
	}

#legend h2 a:hover span.subsitename
	{
	color:#68abd0;
	}

/* WHEN NECESSARY: name of subdirectory or dir of subdirectory*/
#legend h2 a:hover span#subsitename2
	{
	color:#1c4257;
	}

/* Page name listed after site or subdirectory name */
#legend h2 span.pagename
	{
	color:#004480;
	}

#legend h2 a:hover span.pagename
	{
	color:#486000;
	}

/* Right-aligned extra links */
span.extralink, span.green
	{
	color:#97b657;
	}

span.extralink a
	{
	color:#004480;
	}

/* Heading styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

h2
	{
	color:#d1d9dc; 
	}

h3					
	{
	color:#004480;
	font-weight:normal;
	}

h4
	{
	color:#333; 
	font-weight:bold;
	}

h5
	{
	color:#666;
	}

h6
	{
	color:#486000;
	}

/* Content-specific heading specs or other individual heading styles */
/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

/* Adjust color, size, spacing for selected headings here*/
h2.bigheading
	{
	font-size:50px;
	letter-spacing:-2px;
	}

h2.bigheading
	{
	margin:5px 0px 0px 0px;
	}

#highlighted h2
	{
	text-transform:uppercase;
	color:#333;
	}

#highlighted h2.highlight
	{
	font-size:40px;
	}

#highlightBox h3, #highlightPic h3
	{
	margin:15px 0px 5px 17px;
	color:#333;
	text-transform:lowercase;
	font-size:25px;
	font-weight:bold;
	}

/* SITE-SPECIFIC NAVIGATION styles and configuration */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*Default menu aligns left*/
#glocal
	{
	float:left;
	/***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:-20px 0px 0px 185px;
	/***for right-aligned navigation: change the spacing***/
	/*margin:-20px 185px 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:#486000;
	text-decoration:underline;
	}

/*Colors and borders for navigation blow-outs*/

#glocalnav li
	{
	font-size:1.1em;
	padding-top:3px;
	padding-bottom:5px;
	}

#glocalnav li ul 
	{
	background-color:#426c8f;
	border:none;
	}

#glocalnav li ul li
	{
	font-size:12px;
	border-bottom: 1px dotted #fff;
	}

#glocalnav li ul li a
	{
	color:#fff;
	}

#glocalnav li ul li a:hover
	{
	color:#a3c362;
	}
/*End menu tweaks*/


/*Nav Bar*/
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

/* BODY specs and FEATURE adjustments */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/


/*Optional top-of-page feature specs and background graphics*/
#feature
	{
	clear:both;
	width:960px;
	height:300px;
	background-color:#fff;
	display:block;
	text-align:left;
	margin-bottom:20px;
	color: #CDE5EA;
	}

#feature img
	{
	margin-top:7px;
	margin-left:10px;
	color: #011E3F;
	}
	
/*style for <BODY>*/
/*use these backgrounds (or your own) when using a big image or graohic at the top of a landing page*/	
#bluefeature
	{
	background: url(http://www.case.edu/stylesheets/images/bluebggrad.png) repeat-x;
	}

#darkbluefeature
	{
	background: url(http://www.case.edu/stylesheets/images/bluebggrad.png) repeat-x;
	}

#grayfeature
	{
	background: url(http://www.case.edu/stylesheets/images/graybg.png) repeat-x;
	}

/* Sidebars */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*Right-aligned "read more" type of links at end of content*/
p.getmore
	{
	text-align:right;
	margin-right:10px;
	}

p.getmore a
	{
	color:#004480;
	text-decoration:none;
	}

p.getmore a:hover
	{
	color:#486000;
	text-decoration:underline;
	}

/*Specs for image-holder box with specific dimensions; graphic looks like quote box*/	
#highlightPic	
	{
	background: url(images/colbox300.png) top left no-repeat;
	width:300px;
	margin-top:10px;
	}

#highlightPic img
	{	
	width:274px;
	height:147px;
	margin-top:12px;
	margin-left:13px;
	border:none;
	}

/*adjustable height box*/	
#highlightBox
	{
	background: url(images/boxsides.png) repeat-y;
	float:left;
	width:300px;
	text-align:left;
	}

#highlightBoxTop
	{
	background: url(images/boxtop.png) no-repeat;
	display:block;
	width:300px;
	height:13px;
	}

#highlightBoxBottom
	{
	background: url(images/boxbot.png) no-repeat;
	display:block;
	width:300px;
	height:33px;
	}
	
#highlightPic h3, #highlightPic p
	{
	margin-left:13px;
	}
	
#highlightBox h3 span.arrows, #highlightPic h3 span.arrows
	{
	color:#c8d597;
	font-size:25px;
	line-height:15px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

#highlightBox h3 span.lightgray, #highlightPic h3 span.lightgray
	{
	color:#a1cde4;
	}

#highlightBox ul
	{
	border-top:#ccc 1px dotted;
	list-style:none;
	width:267px;
	padding:0px;
	margin:0px 0px 0px 17px;
	}

#highlightBox ul li
	{
	background:url(images/arrows.png) 0px 10px no-repeat;
	border-bottom:#ccc 1px dotted;
	padding:7px 0px 7px 12px;
	line-height:1.1em;
	}

#highlightBox ul li span.date
	{
	color:#666;
	margin-right:2px;
	}

#highlightBox ul li a
	{
	color:#333;
	}

#highlightBox ul li a:hover
	{
	color:#004480;
	}

#highlightBox p.getmore
	{
	margin-right:20px;
	margin-top:10px;
	}

/* Additional content specs or styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#main2col1 ul li a
	{
	color:#004480;
	text-decoration:underline;
	}

#main2col1 ul li a:hover
	{
	color:#486000;
	}
	
#main2col2
	{
	margin-top:0px;
	}
	
/* Expandable list menu */
.treemenu {
margin : 0px 20px;
padding : 10px;
list-style : none; 
}

.treemenu h2 
color: #004090;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small; 
text-align: left;
font-weight: bold; 
margin-top: 5px;
margin-bottom: 5px;
}

.treemenu UL {
list-style : none;
}

.treemenu LI {
display : inline;
}

.treemenu A {
text-decoration: underline;
}

ol
	{
	margin:0px 0 18px 25px;
	}


/* Footer */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

