/* Level 2 Styles  *****************
this includes any style that is non-color specific includes general typography,
main structure, red header with logo, header text styles, directions link,
main and subnavigation, general content and sidebar styles (not color specific styles), 
and footer style  *************
 ****************************** */

/* main body/html settings */

body, html {
    margin:0;
    padding:0;
    background:#FFF;
    color:#666;
    }
	
/* set body min-width to same as main wrapper for smaller browser windows */
body { min-width: 780px;  }

p, h1, h2, h3, h4, h5, h6, td, li, fieldset { 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	color: #666666; }

p, td, li, fieldset { font-size: 11px; }

a:link, a:active, a:visited { 
	font-family: 'Verdana', Arial, Helvetica, Sans-Serif;
	font-size: 11px; 
	color:#606060;
	text-decoration: underline;
}

a:hover {
	color: #000; 
	text-decoration: underline;
}

/* main wrapper has a set width, margins set to auto will center the div on the page */
#wrap {
    text-align: left;
	background-color: white;
    margin: auto;  /* subtracts the window size from the width and 
					splits the diff between left and right margins */
    width: 780px;
	position: relative;
    }
	
#homewrap { text-align: left; background: url(/assets/homepage/homewrap_bg.gif) no-repeat bottom left; margin: auto; width: 780px; }

/* header div contains the clark logo, address text, directions link, and main navigation */	
#header {
	position: relative;
	background: #C03 url(/assets/headerimages/homeheader_bg.gif) no-repeat top left;
	border: 0;
	padding: 0;
	margin: 0;
	width: 780px;
	height: 135px;
    }

	
	/* homelinks are for the logo linking to the homepage */
	#homelink1 img { position: absolute; left: 0; top: 0; }
	#homelink2 img { position: absolute; left: 0; bottom: 0; }
	
	/* styling the headercontent.htm include */
	#header p {
		text-align: right;
		margin: 0;
		position: absolute;
		right: 13px;
		top: 15px; }

		

	/* directions link rollover effect */
			#header a.directions:link, a.directions:visited {
				display: block;
				width: 85px;
				height: 25px;
				background: url(/assets/homeimages/directions.gif) no-repeat;
				text-align: right;
				padding-top: 7px;
				color: #FC3;
				text-decoration: none;
				position: absolute; right: 0px; }
				
			#header a.directions:hover {
				background: url(/assets/homeimages/directions_over.gif) no-repeat;
				color: #FFF;  }

/* begin mainnavigation styles - hybrid CSS 2 level horizontal menu ********
***************************************************************************************
******************************* */		
		
#nav { 
	margin: 0; padding: 0; 
	font-size: 11px; 
	position: absolute;
	bottom: 0; right: 0;
	width: 655px; height: 46px;
	background-color: #000; 
	}

#nav ul { list-style-type: none; margin: 0px; padding: 0px; }

#nav ul li { 
	margin: 0px; padding: 0px; 
	list-style-type: none;
	float: left; 
	display: block;
	height: 23px;  }

#nav li a {
	color: #222222;
	display: block;
	height: 23px;
	float: left;
	line-height: 23px;
	border: 0;
	text-decoration: none;
	overflow: hidden; font-size: 10px !important; }

#nav li a:hover { color: #FFF; }

	#nav li a.home, #nav li a.students, #nav li a.alumni, #nav li a.admissions, #nav li a.academics, 
	#nav li a.research, #nav li a.calendars, #nav li a.resources { 
		background: #F3F3F4 url(/assets/hybridnavimages/mainnav_bg.gif) repeat-x; text-align: center; }

	a.home { width: 44px; } 
		#nav li a.home:hover { background: #A68B60 url(/assets/hybridnavimages/home_bg.gif) repeat-x; }
	a.students { width: 60px; } 
		#nav li a.students:hover { background: #24B5C9 url(/assets/hybridnavimages/students_bg.gif) repeat-x; }
	a.alumni { width: 106px; } 
		#nav li a.alumni:hover { background: #3F7AB2 url(/assets/hybridnavimages/alumni_bg.gif) repeat-x; }
	a.admissions { width: 75px; } 
		#nav li a.admissions:hover { background: #664593 url(/assets/hybridnavimages/admissions_bg.gif) repeat-x; }
	a.academics { width: 123px; }
		#nav li a.academics:hover { background:#7DA040 url(/assets/hybridnavimages/academics_bg.gif) repeat-x; }
	a.research { width: 62px; } 
		#nav li a.research:hover { background: #F3A03B url(/assets/hybridnavimages/research_bg.gif) repeat-x; }
	a.calendars { width: 118px; } 
		#nav li a.calendars:hover { background: #873C97 url(/assets/hybridnavimages/calendars_bg.gif) repeat-x; }
	a.resources { width: 67px; }
		#nav li a.resources:hover { background: #A02056 url(/assets/hybridnavimages/resources_bg.gif) repeat-x; }
	
#nav li.off ul, #nav li.on ul { 
	position: absolute;
	top: 23px; left: 0;
	height: 23px;
	 _height: 24px; 
	width: 655px;
	display: none;  }

#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

#nav li.on a { color: #FFF; }
	
	#nav li.on a.home { background: #B59970 url(/assets/hybridnavimages/home_bg.gif) repeat-x; }
	#nav li.on ul.subhome { background: #B59970 url(/assets/hybridnavimages/subhome_bg.gif) repeat-x;  display: block; }
	#nav li.off:hover a.home { background: #B59970 url(/assets/hybridnavimages/home_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subhome { background: #B59970 url(/assets/hybridnavimages/subhome_bg.gif) repeat-x; z-index: 6000; color: #FFF; }
	
	#nav li.on a.students { background: #24B5C9 url(/assets/hybridnavimages/students_bg.gif) repeat-x; }
	#nav li.on ul.substudents { background: #24B5C9 url(/assets/hybridnavimages/substudents_bg.gif) repeat-x;  display: block; }
	#nav li.off:hover a.students {background: #24B5C9 url(/assets/hybridnavimages/students_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.substudents { background: #24B5C9 url(/assets/hybridnavimages/substudents_bg.gif) repeat-x; z-index: 6000; }
	
	#nav li.on a.alumni { background: #3F7AB2 url(/assets/hybridnavimages/alumni_bg.gif) repeat-x; }
	#nav li.on ul.subalumni { background: #3F7AB2 url(/assets/hybridnavimages/subalumni_bg.gif) repeat-x; display: block; }
	#nav li.off:hover a.alumni { background: #3F7AB2 url(/assets/hybridnavimages/alumni_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subalumni { background: #3F7AB2 url(/assets/hybridnavimages/subalumni_bg.gif) repeat-x; z-index: 6000; }
	
	#nav li.on a.admissions { background: #664593 url(/assets/hybridnavimages/admissions_bg.gif) repeat-x; }
	#nav li.on ul.subadmissions { background: #664593 url(/assets/hybridnavimages/subadmissions_bg.gif) repeat-x; display: block; }
	#nav li.off:hover a.admissions { background: #664593 url(/assets/hybridnavimages/admissions_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subadmissions { background: #664593 url(/assets/hybridnavimages/subadmissions_bg.gif) repeat-x;  z-index: 6000; }
	
	#nav li.on a.academics { background: #7DA040 url(/assets/hybridnavimages/academics_bg.gif) repeat-x; }
	#nav li.on ul.subacademics { background: #7DA040 url(/assets/hybridnavimages/subacademics_bg.gif) repeat-x; display: block; }
	#nav li.off:hover a.academics { background: #7DA040 url(/assets/hybridnavimages/academics_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subacademics { background: #7DA040 url(/assets/hybridnavimages/subacademics_bg.gif) repeat-x; z-index: 6000; }
	
	#nav li.on a.research { background: #F3A03B url(/assets/hybridnavimages/research_bg.gif) repeat-x; }
	#nav li.on ul.subresearch { background: #F3A03B url(/assets/hybridnavimages/subresearch_bg.gif) repeat-x; display: block;  }
	#nav li.off:hover a.research { background: #F3A03B url(/assets/hybridnavimages/research_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subresearch { background: #F3A03B url(/assets/hybridnavimages/subresearch_bg.gif) repeat-x; z-index: 6000; }
	
	#nav li.on a.calendars { background: #873C97 url(/assets/hybridnavimages/calendars_bg.gif) repeat-x; }
	#nav li.on ul.subcalendars {  background: #873C97 url(/assets/hybridnavimages/subcalendars_bg.gif) repeat-x; display: block; }
	#nav li.off:hover a.calendars { background: #873C97 url(/assets/hybridnavimages/calendars_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subcalendars { background: #873C97 url(/assets/hybridnavimages/subcalendars_bg.gif) repeat-x; z-index: 6000; }
	
	#nav li.on a.resources { background: #A02056 url(/assets/hybridnavimages/resources_bg.gif) repeat-x; }
	#nav li.on ul.subresources {  background: #A02056 url(/assets/hybridnavimages/subresources_bg.gif) repeat-x; display: block; }
	#nav li.off:hover a.resources { background: #A02056 url(/assets/hybridnavimages/resources_bg.gif) repeat-x; color: #FFF; }
	#nav li.off:hover ul.subresources { background: #A02056 url(/assets/hybridnavimages/subresources_bg.gif) repeat-x; z-index: 6000; }

#nav li.off ul a, #nav li.on ul a, #nav li.over a
	{ color:#FFF; padding-right: 14px; overflow: hidden; }

	a.subhome1 { padding-left: 6px; }
		#nav li.off ul.subhome li a:hover, #nav li.on ul.subhome li a:hover { color:#E1D2BD; }	
	
	a.substudents1 { padding-left: 6px; }
		#nav li.off ul.substudents li a:hover, #nav li.on ul.substudents li a:hover { color: #A9DFE7;}
	
	a.subalumni1 { padding-left: 6px; }
		#nav li.off ul.subalumni li a:hover, #nav li.on ul.subalumni li a:hover { color: #A0BCD6;}
	
	a.subadmissions1 { padding-left: 6px; }
	#nav li.off ul.subadmissions li a:hover, #nav li.on ul.subadmissions li a:hover { color:#D0C7DE; }
	
	a.subacademics1 { padding-left: 6px; }
	#nav li.off ul.subacademics li a:hover, #nav li.on ul.subacademics li a:hover { color:#C3D2AB; }
	
	a.subresearch1 { padding-left: 6px; }
	#nav li.off ul.subresearch li a:hover, #nav li.on ul.subresearch li a:hover { color:#FDDEB9; }
	
	a.subcalendars1 { padding-left: 6px; }
	#nav li.off ul.subcalendars li a:hover, #nav li.on ul.subcalendars li a:hover { color:#DDCBE2; }
	
	a.subresources1 { padding-left: 6px; }
	#nav li.off ul.subresources li a:hover, #nav li.on ul.subresources li a:hover { color:#EAC4D5; }

	li#active a.subhome1, li#active a.subhome2, li#active a.subhome3, li#active a.subhome4, li#active a.subhome7, 
	li#active a.substudents1, li#active a.substudents2, 
	li#active a.subalumni1, li#active a.subalumni2, 
	li#active a.subadmissions1, li#active a.subadmissions2, li#active a.subadmissions3, li#active a.subadmissions4, 
	li#active a.subacademics1, li#active a.subacademics3, 
	li#active a.subresearch1, li#active a.subresearch2, li#active a.subresearch3, 
	li#active a.subcalendars1, li#active a.subcalendars2, 
	li#active a.subresources1, li#active a.subresources4  { 
		font-weight: bold; 
		color: #FFF !important; }


/*  end main navigation styles */





/* adds the shadow below the header */
#shadowbar {	background-image: url(/images/toplevelnavimages/bar_shadow_bg.gif);
	background-repeat: repeat-x; width: 780px; height: 11px; 
	margin: 0 0 10px 0;   }
	
/* sidebar div is floated right, allowing main content area to remain unfloated */
#sidebar {	background: #FFF; float: right; width: 252px; margin-bottom: 10px; line-height: 13px;    }

	#sidebar form { width: 252px; height: auto;	padding: 0;	margin: 0; }
	
	.sidebarimg {
		background-color: #F3F3F4;
		border: 1px #EAEAEB solid;
		padding: 6px 0px;
		text-align: center;
		width: 250px; }
		
		.sidebarimg p { padding: 0 4px; }
	
	.sidebarimgnoborder {
		text-align: center;
		width: 252px; }
			
	.sidebarimgfull { padding:0; margin:0; border:0; text-align: center; }
	
	#sidebar br { line-height: .35em; }

	.sidebarnav {
		width: 250px;
		background: #F3F3F4 url(/assets/sidebar/gray_bg.gif) no-repeat top left;
		border: 1px #EAEAEB solid;
		padding-bottom: 5px; }
		
			.sidebarnav h3 {
				margin-top: 0;
				margin-bottom: .85em;
				position: relative;
				top: 4px;
				left: 5px;
				font-size: 12px;
				color: #6A747C; }
			
			.sidebarnav p { 
				margin: 0;
				padding: 4px 10px 3px 15px; }
			
			.sidebarnav ul { margin: 0; padding: 4px 10px 3px 25px; list-style-type: none; }
				.sidebarnav ul li.reddownarrow { 
					background: url(/assets/specialtyimages/red_down_arrow_small.gif) no-repeat top left; 
					margin: 0; padding: 8px 0 0 22px; } 
			
			.sidebarnav a {
				font-size: 11px;
				color: #666;
				text-decoration: none; }
				.sidebarnav a:visited { text-decoration: none; }
			
			.sidebarnav a.special { text-decoration: underline; }
			
			.sidebarnav a:hover {
				color: #000;
				text-decoration: underline; }
				
			.sidebarnav table { 
				position: relative;
				left: 8px;
				margin-left: 10px;  }
			
			.sidebarnav tr { vertical-align: top; }
			
			.sidebarnav td {
				font-size: 11px;
				color: #666;
				padding-right: 6px; }

/* main content area  ************  note: topcontent styles are color specific and are 
included in the color specific stylesheets */

#content { 
	padding: 0;
	margin: 0 258px 10px 0;
	background: none; }

		/* topcontent styles would go here */

	#content h1 {
		font-size: 14px;
		color: #C03;
		letter-spacing: .06em;
		}
		
	#content h2 {
		font-size: 12px;
		color: #C03;
		font-weight: 400;
		margin: 15px 0 4px 0; 
		}
	
	#content h3 {
		font-size: 11px;
		color: #C03;
		font-weight: 400;
		margin: 20px 0 0 0; 
		}
	
	#content p { padding: 0 15px 0 0; margin: 5px 0 10px 0; }
	#content ul, #content ol { padding: 0 15px 0 25px; }

/* footer contains the privacy statement and copyright */
#footer {	
	clear: both; 
	background-color: #FFF;  
	color: #C0C0C3;
	text-align: right;
	line-height: 1.2; 
	padding-right: 10px;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif; margin: 10px 0;  }
	
	#footer a {
		color: #C0C0C3;
		text-decoration: none; }
	
	#footer a:hover {
		color: #000;
		text-decoration: underline; }



/*  ****************************************************** main typography styles */
p, h1, h2, h3, h4, h5, h6, td, li, fieldset { 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	color: #666666; }

p, td, li, fieldset { font-size: 11px; }

fieldset.search {
	margin: 0;
	padding: 0 0 4px 6px;
	border: 1px solid #999;  }
	
legend.search {
	font-size: 12px;
	color: #6A747C;
	font-weight: bold; 
	margin-bottom: 3px; }
	
label.search { display: block; margin-bottom: 2px; }
input.search { font-size: 11px; }



/* typography and link styles */

a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	font-size: 10px; 
	color: #FFF;
	text-decoration: none;
}

a.breadcrumb:hover {
	text-decoration: underline;
}

.address {
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
}

.subhead1 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.red { color: #C03; }

/* list styles */
 ul.redtriangle { list-style-type: none; padding: 10px; }
	ul.redtriangle li { 
		list-style-type: none; 
		background: url(/assets/specialtyimages/red_trianglearrow_small.gif) no-repeat top left; 
		padding: 3px 0 3px 15px; }
	ul.redtriangle li ol { margin: 8px 0; }
	ul.redtriangle li ol li { list-style-type:decimal; background: none; padding: 3px 5px 3px 0;  }