/* This style is heavily dependent on the circles-1.0 layout, and templates that reference this stylesheet also use stylesheets from circles-1.0.
	This file contains complex layout definitions
	Refer to screen.css for basic font/color formatting 
	and other comments 
	
	Known Bugs
	===================
	???
*/


/*=============== Page Layout Definitions ====================*/
body { 
	background:#a0a0a0 url(/siteresources/style/circles-1.0/USP-LittleGrayGrid-Dark.gif);
	min-width:550px;
	width:47em;
	margin:0 auto;
	padding:0 auto;
}
.usp-Delimiter {display:none;}
.usp-SkipLink { text-indent:-9999em; height:0; overflow:hidden;}
/* 
	Obsolete - this is no longer needed now that the wrapper is in its own formatting
	context.  It has been removed in the 1.1 version of the template (look for the HTML
	comment on line 3 in the html file for the exact version. 
	
	It used to function as a clear element to makes sure the content div  is extended to
	include the full height of the menu even if the content is really short and the menu
	is really long. */
.usp-Clear { clear:both; height:1px; overflow:hidden;  }

/* ===== Misc. Stuff =====*/
#usp-wai img { border:0 }

/*==== Header Area ====*/
#usp-Header {	
	background: #336699 url(/siteresources/style/circles-1.0/USP-Header-Background.jpg) repeat-x;	
	margin:0;
	height:100px;
	border-bottom:thick solid  #3C374D; }
#usp-Header h1 {
	margin:0;
	padding:0;
	height:100px;
	float:left;}
#usp-Header h1 a {
	margin:0; padding:0;
	display:block;
	height:100px;
	width:273px;
	text-indent:-9999em;
	background: transparent url(/siteresources/style/circles-1.0/USP-Header-Logo.jpg) no-repeat top left;
	text-decoration:none; }

	
/*==== Search Box ====*/
#usp-Search { 
	font-size:75%; 
	text-align:right;
	vertical-align:middle;
	float:right;
	margin:0;
	padding:10px 15px 0 0;
	color:white;
	min-width:210px; /* ie.css */
	min-height:90px; /* ie.css */
	background: transparent url(/siteresources/style/circles-1.0/USP-Header-Right.jpg) no-repeat top right;}
#usp-Search label{ display:none;}
#usp-Search .usp-SearchBox {border:1px solid black; font-size:100%; padding:0.2em;}
#usp-Search .usp-SearchButton {
	color:white;
	background-color:#3E344D;
	border:0;
	font-weight:bold; font-size:100%; padding:0.2em; }

/* === Wrapper === */
#usp-Wrapper  {
	clear:both;
	margin: 0; /* 5px makes the white line between the footer and end of content */
	/*
		float the wrapper left to put it in its own formatting context.  This way it will extend to include
		both the left nav and content areas.  Otherwise it will shrink up to a single line since
		both of the contained elements are floats themselves
	*/	
	float:left;width:100%;
	border-bottom:5px solid #999999; 
	background:white url(/siteresources/style/circles-1.0/USP-BigGrayGrid.gif) top right repeat;}

/*==== Global Nav Links ====*/
#usp-GlobalNavigation {
	float:right; /* ie.css double margins */
	width:35em;
	line-height:1.8em;
	/* uncomment the following line to force the global nav to be limited to one line.
		Except in IE because it does not obey the height restriction */
	/*height:1.8em;*/
}
.usp-wide #usp-GlobalNavigation { 
	width:45em;
	margin-left:1em} 
#usp-GlobalNavigation a {
	padding:0 1em;	margin:0;
	text-decoration:none;
	display:block;
	color:#171717;
}
#usp-GlobalNavigation a:hover { background:#1C9769; color:white; }

#usp-GlobalNavigation ul {
	float:left;
	width:34em;
	background:#87CFFB;
	border-left:thin solid #33CCFF;
	border-right:thin solid #33CCFF;
	color: #171717;
	font-weight:bold;
	margin:0;
	padding:0;
	list-style: none;}
	
#usp-GlobalNavigation li {
	font-size:80%;
	display:block;
	padding:0;
	margin:0;
	border-right:thin solid white;
	vertical-align:middle;
	float:left;}

/* ===== Left Navigation =======*/
/*
	Left navigation should fit into 12em.  See
	leftnav-graduate.css or leftnav-osdss.css for
	the two different styles of left navigation.  
	
	These styles are included in the screen.css file, so you have to check 
	which screen file the templates are pointing too
*/

/*==== Content ====*/



#usp-Content { 
	float:left; /* ie.css double margins */
	width:32em;	
	background:white;
	padding:0 1em;
	border-left:thin solid #33CCFF;
	border-right:thin solid #33CCFF;
	/* this keeps the bottom of the white area pinned to the top
		of the footer.  Otherwise sometimes it inserts a margin
		where the light gray grid shows through.
		
		Not sure if this is still needed since it now is in its own formatting context */
	border-bottom:1px solid white;}

.usp-wide #usp-Content { margin-left:1em; width:43em;}
/*==== Footer ====*/
#usp-Footer {
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color:#333333; 
	padding-left:3em;
	padding-right:3em;
	margin-bottom:0; 
	margin-top:0px;
	/* border-top: 5px solid #ffffff; Adds a 5px border to the top of the footer. */
}
#usp-Footer p, #usp-Footer address {
	margin:0;
	padding:5px 0 0 85px;
	color: white;
	background: transparent url(/siteresources/style/circles-1.0/USP-FooterLogo.gif) no-repeat top left;
	min-height:35px; /* ie.css */
	text-align: left;
}
#usp-Footer br { display:none; }
#usp-Footer a { color:white; margin-top: 0px; }

/* General Layout Styles */
table {
	background-color:#FFFFFF;
}
p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
h1 {
	font-size: 1.55em;
	text-align: center;
}
h2 {
	font-size: 1.25em;
	background-color: #3E6A99;
	color: #FFFFFF;
	margin-left: -6px;
	padding-left: 4px;
	clear: left;
}
h3 {
	font-size: 1.05em;
	margin-bottom: .2em;
	font-style: normal;
}
#contentWrapper {
	position: relative;
	height: 100%;
}
#content {
	padding: 1.5em;
	text-align: left;
}
#borderLeft {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFAB27;
	background-image: url(/siteresources/style/events/shadow-left.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-position: right top;
}
#borderRight {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFAB27;
	background-image: url(/siteresources/style/events/shadow-right.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-position: left top;
}
.subtitle {
	color: #999999;
}
.sidebar {
	float: right;
	width: 35%;
	background-color: #ECE9D8;
	list-style-type: disc;
	padding: 6px;
	font-size: .9em;
	border: 1px solid #639769;
	margin-top: 6px;
	margin-right: -8px;
	margin-bottom: 6px;
	margin-left: 6px;
}
.sidebar ul {
	margin: 0px;
	padding: 0px;
}
.sidebar ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.sidebar h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
	background-color: #639769;
	margin-top: -5px;
	margin-right: -5px;
	margin-left: -5px;
	padding-left: 4px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.sidebar .subtitle {
	color: #007785;
}
h2.subtitle {
	background-color: #FFFFFF;
	clear: none;
}
.location {
	margin-top: 0px;
	padding-top: 0px;
}