/**
 * Site Template - all css from the site template (header.php/footer.php) is 
 * defined here. Additionally, this file should ONLY define styles referenced 
 * by the template files.
 * 
 * Copyright 2008 iMarc LLC  http://www.imarc.net
 * 
 */


/* --------------------------------------------------------------------- */
/* Special
/* --------------------------------------------------------------------- */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }

/* --------------------------------------------------------------------- */
/* Body
/* --------------------------------------------------------------------- */
html { 
	font-size: 84%;
	background: url("/sup/images/template/body_background.jpg") top repeat-x #ebe1d8;
}

body {
	width: 873px;
	margin: 0 auto;
	padding: 0;
	font-family: Georgia, Times, Serif;
	color: #6a7c86;
	line-height: 1.3em;	
}

form, input {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------- */
/* Header
/* --------------------------------------------------------------------- */

#header {
	margin-top: 1em;
	border-top: .3em solid #697584;
	background: url("/sup/images/template/header_background.jpg") repeat-x #768b6a;
}

#header #logo {
	float: left;
	width: 33%;
	height: 106px;
	background: transparent;
	color: #eee;
	margin-bottom: 0;
	padding: 0 0 0 1em;
}

#header #logo a { 
	color: #eee; 
	text-decoration: none; 
}


/* --------------------------------------------------------------------- */
/* Minor Navigation
/* --------------------------------------------------------------------- */

#header #minor_navigation {
	float: right;
	padding: 0 1em 0 0;
	overflow: hidden;
}

#header #minor_navigation input {
	margin: 0;
	padding: 0;
}

#header #minor_navigation a:link, 
#header #minor_navigation a:visited { 
	color: #ecf5d4;
	text-decoration: none;
}

#header #minor_navigation ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
	#header #minor_navigation ul li {
		font-size: .9em;
		list-style: none;
		float: left;
		margin: 0;
		padding: 1em 0 0 0;
		text-transform: uppercase;
	}

#header #minor_navigation a.first {
	border-left: none;
	padding-left: 0;
}

#header #minor_navigation a {
	border-left: 1px solid #ecf5d4;
	padding: 0 0 0 1em;
	margin: .2em .5em;
}

#header #minor_navigation form#global_search {
	clear: both;
}

#header #minor_navigation form#global_search fieldset { 
	border: none; 
	padding: 2.4em 0 0 5px; 
	margin: 0; 
	width: 310px;
}

#header #minor_navigation form#global_search input {
	background-color: #e5e9e3;
	border: 1px solid #737871;
	vertical-align: bottom;
	color: #959794;
	font-size: .8em;
	padding: .5em;
	width: 70%;
	font-family: Georgia,Times,Serif;
	float: left;
}

#header #minor_navigation form#global_search input.search {
	background-color: #ced7c1;
	color: #555f76;
	padding: .4em;
	width: auto;
	text-transform: uppercase;
	border: 1px solid #6a7879;
	float: right;
	margin-right: .5em;
	display: inline;
}

#header #minor_navigation a:hover   { color: #fff;}

/* --------------------------------------------------------------------- */
/* Major Navigation
/* --------------------------------------------------------------------- */

#major_navigation {
	background-color: #6a7c86;
	border-top: 1px solid #f3f1ed;
	width: 100%;
	min-height: 2em;
	clear: both;
	padding: .5em 0;
}
#major_navigation a:link, 
#major_navigation a:visited { 
	color: #f9f6d8;
	text-decoration: none;
}

#major_navigation ul { list-style: none; margin: 0 0 0 2em; padding: 0; }
#major_navigation ul li {
	list-style: none;
	float: left;
	margin: .3em 0 0 0;
	padding: 0 .5em;
	text-transform: uppercase;
	border-left: 1px solid #9fa4b5;
}
#major_navigation li.first {
	border-left: none;
	padding-left: 0;
}
#major_navigation a {
	padding: .2em .5em;
}
#major_navigation a:hover  { color: #fff;}

#major_navigation a.active {
	background-color: #909ea5;
}

#major_navigation p.contact { 
	margin: 3px 0 0 0; 
	padding: 0 1.5em 0 0;
	float: right;
	color: #ffdcc7;
}



/* --------------------------------------------------------------------- */
/* Section Navigation
/* --------------------------------------------------------------------- */

#section_navigation {
	display: block;
	margin: 0;
	padding: 1em 0;
	font-size: 12px;
}
#section_navigation.blank { /* spacer when there's no section links */
	padding: .7em 0;
}

#section_navigation a:link, 
#section_navigation a:visited { 
	color: #6a7c86;
	text-decoration: none;
}

#section_navigation ul { list-style: none; margin: 0 0 0 2em; padding: 0; }
#section_navigation ul li {
	list-style: none;
	float: left;
	margin: .3em 0 0 0;
	padding: 0 .5em;
	border-left: 1px solid #6a7c86;
}

#section_navigation li.first {
	border-left: none;
	padding-left: 0;
}

#section_navigation a {
	padding: .2em .5em;
}

#section_navigation a.sub_active {
	background-color: #bfbbb2;
}

#section_navigation a:hover   { color: #bebbb1;}

#major_navigation a.active:link,
#major_navigation a.active:visited,
#section_navigation a.sub_active:link,
#section_navigation a.sub_active:visited {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}


/* --------------------------------------------------------------------- */
/* Torso
/* --------------------------------------------------------------------- */
#torso {
	overflow: hidden;
	background-color: #ffffff;
	background: #fff url("/sup/images/template/interior_header.jpg") no-repeat top right;
	padding-bottom: 1em;
	width: 100%;
}

#torso #primary_content { 
	padding: 0 2em 1em 2em;
}

#torso #primary_content.with_related {
	float: left;
	width: 68%;
	padding-right: 0;
}


/* --------------------------------------------------------------------- */
/* Related Column
/* --------------------------------------------------------------------- */

#torso #related {
	float: right;
	width: 25%;
	padding-top: 2em;
}

#related div.related_list, 
#related div.related_info  {
	margin-bottom: 2em;
	padding: 0;
	width: 205px;
	background: #f8f6f5;
	border-bottom: 1px solid #b8acb2;
}

#related div.related_list .info,
#related div.related_info .info {
	border-bottom: none;
	margin: .5em 0;
}

#related div.related_info ul.icons   { margin: .5em .5em .5em 1em; padding: 0;}

#related div.related_list .error {
	padding: .8em;
}
#related div.related_list h4, 
#related div.related_info h4, 
#related div.related_callout h4,
h4#past_program_year {
	background: url("/sup/images/content/box_header_background.jpg") bottom repeat-x #fefefe;
	border: 1px solid #aaaebb;
	color: #54617b;
	padding: .8em .2em .8em 1em;
	margin-bottom: 0;
	line-height: 1em;
	font-size: .9em;
	letter-spacing: 0;
}
#related div.related_list p, 
#related div.related_info p, 
#related div.related_callout p {
	padding-left: 1em;
	padding-right: .5em;
	margin: 1em 0;
}

#related div.related_callout {
	border: 1px solid #a3a3a3;
	margin-bottom: 2em;
	width: 190px;
	height: 297px;
	padding: 5px;
	background: #fff;
}

#related div.related_media_sponsor {
	padding: 0 .5em 1em .5em;
}

#related div.related_media_sponsor img {
	padding: .5em;
}

#related div.related_list ul {
	line-height: 2;
	margin: 0;
	padding: .5em 1em 1em 1em;
	list-style-type: none;
}
#related div.related_list ul li {
	background: url("/sup/images/content/relatedbox_bullet.jpg") no-repeat left 7px;
	padding-left: 1.75em;
	font-size: 95%;
	line-height: 1.5;
}
#related div.related_list ul li a {
	display: block;
	background: url("/sup/images/content/relatedbox_arrow.jpg") no-repeat right 7px;
	padding-right: 2em;
	margin-top: .6em;
}
	#related div.related_list ul.slideshows { }
	#related div.related_list ul.slideshows li {
		background-image: none;
		padding: 0;
		margin: 0;
		overflow: hidden;
		width: 100%;
	}
	#related div.related_list ul.slideshows li img {
		width: 80%;
		float: left;
		padding: 5px;
		margin-bottom: 1em;
		border: 1px solid #CCCCCC;
	}
	#related div.related_list ul.slideshows li p {
		margin: 0;
		padding: .5em 0 0 0;
		line-height: 1.3;
		float: right;
		width: 55%;
	}
	#related div.related_list ul.slideshows li a {
		display: inline;
		background-image: none;
		padding-right: 0;
	}
	#related div.related_list ul.slideshows li .collection {
		float: left;
		display: block;
		width: 40%;
	}
	
#related div.related_info {
	font-size: 95%;
}

#related div.related_info ul {
	list-style-position: outside;
	margin: .5em .5em .5em 2em;
	padding: 0;
}

#related div.related_info ul li.space {
	padding: 1em 0 0 0;
}

#related div.related_info li.nobullet {
	list-style-image: none;
}

/* --------------------------------------------------------------------- */
/* Social links
/* --------------------------------------------------------------------- */

.social a {
	display: block;
	line-height: 20px;
	padding: 0 0 0 28px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.social .facebook {
	background-image: url(/sup/images/icons/facebook_on_white.png);
}

/* --------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------- */
#footer {
	color: #f3efe9;
	margin: 2em 0 .2em 0;
	padding: .5em 2em;
	font-size: .9em;
	border-bottom: 5px solid #acbba3;
	background-color: #677d86;
	border-top: 1px solid #f3f1ed;
	clear: both;
}

#footer p.footer {
	float: left;
	margin: 0 0 1em 0;
	line-height: 20px;
}

#footer .social {
	float: right;
}
	#footer .social p {
		margin: 0 0 5px 0;
		line-height: 20px;
		padding: 0 28px 0 0;
	}
	#footer .social p.facebook {
		background: url(/sup/images/icons/facebook.png) 100% 0 no-repeat;
	}
	#footer .social p.twitter {
		background: url(/sup/images/icons/twitter.png) 100% 0 no-repeat;
	}
	
#footer a:link, 
#footer a:visited { 
	color: #f9f6d8;
	text-decoration: none;
}

#footer a:hover, 
#footer a:focus,
#footer a:active {
	text-decoration: underline;
}


#footer #footer_navigation {
	overflow: hidden;
	clear: both;
	padding: .5em 0 2em 0;
}

#footer #footer_navigation ul { list-style: none; margin: 0; padding: 0; }
#footer #footer_navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
	#footer #footer_navigation ul li a {
		border-left: 1px solid #9fa4b5;
		padding: 0em .5em;
	}
	#footer #footer_navigation ul li.first {
		padding-left: 0;
	} 
	#footer #footer_navigation ul li.first a {
		border-left: none;
		padding-left: 0;
	}

	#footer #footer_navigation ul li.privacy {
		float: right;
	}
	#footer #footer_navigation ul li.privacy a {
		padding-right: 0;
	}
	#footer #footer_navigation ul li.admin {
		float: right;
	}
	#footer #footer_navigation ul li.admin a {
		border-left: none;
		padding-left: 0;
	}