/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

a:link
{
	color: #8b0304;
}

a:visited
{
color: #639;
}

a:hover
{
	color: #5999B2;
	text-decoration: none;
}

a:active
{
	color: #000;
}


body 
{
	margin: 0 auto;
	padding: 0;
	background: url("../images/site-bk.jpg") repeat top left;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	font-size: 75%;
	letter-spacing: .05em;
}

#floatpage
{
	text-align: left;	
	width: 850px;
	margin: 0 auto;
	position: relative; /*to fix jumping side navigation in IE7 */
}

/* fixes print-friendly in FF and IE7 - you need the element to have some value to make the rest work, not sure why??? */
#skiplink
{
	border-top: 1px solid #3f68a3;
}

#skiplink p
{
	left: -1000px;
	position: absolute;
}

#sitetitles
{
	left: -1000px;
	position: absolute;
}

/*** banner ***/
#header 
{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #fff;
	border-bottom: 2px solid #fff;
	background: url("../images/masthead/banner.gif") no-repeat top left;
	background-color: #fff;	
}

#header img
{
	border: 0;
}

#ucsf
{
	background: #666; 
	float: left; 
	width: 100%; 
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: .9em;
}

#ucsf img
{
	float: left;
	border: 0;
}

#ucsf p
{
	float: left; 
	width: auto; 
	margin-top: 5px; 
	margin-left: 10px; 
	color: #fff;
}

#ucsf a, #ucsf a:link, #ucsf a:visited, #ucsf a:hover
{
	color: #fff;
}

.lang
{
	float:right; 
	background-color: #8b0304; 
	padding:5px; 
	margin: 5px; 
	font-weight: bold;
}

.lang a, .lang a:link, .lang a:visited, .lang a:hover
{
	color: #fff;
	text-decoration: none;
}
/*** end banner  ***/

/*** content sub-navigation  related resources***/
#threecolcontainerhome 
{
	padding-right: 280px;     /* RC fullwidth + CC padding */
	margin-bottom:0;
	padding-bottom:0;
}

#threecolcontainer 
{
	padding-left: 173px;      /* LC fullwidth */
	padding-right: 216px;     /* RC fullwidth + CC padding */
	padding-bottom: 30px;
}

#nocolcontainer 
{
	padding-right: 40px;     /* RC fullwidth + CC padding */
  padding-bottom: 30px;
	background-color: #fff;
}

#leftcolcontainer 
{
	padding-left: 173px;      /* LC fullwidth */
	padding-right: 40px;     /* RC fullwidth + CC padding */
  padding-bottom: 30px;
}

#rightcolcontainer 
{
	padding-right: 216px;      /* RC fullwidth + CC padding */
  padding-bottom: 30px;
}

#container 
{
	padding-left: 173px;      /* LC fullwidth */
	padding-right: 176px;     /* RC fullwidth + CCW padding */
  padding-bottom: 30px;
}


#content-target
{
	clear: both;
	background-color: #fff;
}

/*** faux columns ***/
#leftfauxcol
{
	width: 100%;
	float: left;
	background: url("../images/columns/left.gif") repeat-y top left;
	background-color: #fff;
}

#rightfauxcol
{
	width: 100%;
	float: left;
	background: url("../images/columns/right.gif") repeat-y top right;
}

/* to fix a opposite column showing at the bottom */
#leftfauxcol #leftcolcontainer 
{
	background: url("../images/columns/left.gif") repeat-y top left;
	background-color: #fff;
}

#rightfauxcol #rightcolcontainer 
{
	background: url("../images/columns/right.gif") repeat-y top right;
	background-color: #fff;
}
/* end fix */

#content 
{
	padding: 20px 20px;       /* CC padding */
	width: 100%;
	background-color: #fff;
}

#contentwrapper
{
	padding: 0;
	width: 100%;
	background-color: #fff;	
}

#contentwrapper #content
{
	width: auto;
}

#sub-navigation 
{
	width: 170px;             /* LC width */
	padding: 0;          /* LC padding */
	padding-bottom: 30px;
	margin-left: -100%;
	left: -213px;
	background-color: #e0eaba;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

#related-resourceshome
{
	width: 240px;             /* RC width */
	padding: 0;          /* RC padding */
	padding-bottom: 30px;
	margin-right: -280px;     /* RC fullwidth + CC padding */
	background-color: #8b0304;
}

#related-resources 
{
	width: 170px;             /* RC width */
	padding: 0;          /* RC padding */
	padding-bottom: 30px;
	margin-right: -240px;     /* RC fullwidth + CC padding */
	background-color: #ededab;
	border-right: 3px solid #fff;	
	border-left: 3px solid #fff;	
}

#container #sub-navigation 
{
	width: 170px;             /*LC width */
	left: -173px;
}
/*** end content sub-navigation  related resources ***/

/* IE7 needs to display side navigation override in print media with visible */
#container, #leftcolcontainer, #rightcolcontainer, #nocolcontainer, #threecolcontainer, #threecolcontainerhome
{
	overflow: hidden;
}

#threecolcontainer .column, #threecolcontainerhome .column
{
	position: relative;
	float: left;
	/*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}

#leftcolcontainer .column
{
	position: relative;
	float: left;
	/*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}

#rightcolcontainer .column
{
	position: relative;
	float: left;
	/*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}

#nocolcontainer .column
{
	position: relative;
	float: left;
	/*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}

#container .column
{
	position: relative;
	float: left;
	/*padding-bottom: 1001em;      X + padding-bottom
	margin-bottom: -1000em;     X */
}
/*** end equal-height columns ***/

/*** footer ***/
#footer 
{
	clear: both;
	width: 810px;
	float: left;
	color: #333;
	background-color: #fff;
	font-size: .9em;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footerhome
{
	clear: both;
	width: 830px;
	float: left;	
	color: #333;
	font-size: .9em;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	padding-bottom: 10px;
	padding-left: 20px;
	background: url("../images/columns/right.gif") repeat-y top right #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#footer a, #footer a:link, #footer a:visited, #footerhome a, #footerhome a:link, #footerhome a:visited
{
	padding: 10px 0;
	color: #333;
	text-decoration: none;
}

#footer a:hover
{
	color: #333;
	text-decoration: none;
}

#footerhome .footerlinks
{
	width: 550px;
}

.footerlinks
{
	padding-top: 5px;
	border-top: 2px solid #ccc;
	margin-bottom: 10px;
}

/*** end footer ***/


/*** Print-version ***/
@media print 
{
	body
	{
		background-color: #fff;
	}
	
	#floatpage
	{
		text-align: left;	
		min-width: 0;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		position: relative; /*to fix jumping side navigation in IE7 */
	}	

	.printtools
	{
		display: none;
	}	
	
	#header 
	{
		float: none;
		width: 100%;	
		background: #fff;
		min-height: 0;
		height: auto
	}

	#sitetitles
	{
		text-align: left;
		left: 0;
		position: relative;		
	}

	.sitename
	{
		margin: 0;
		padding: 0;
		font-size: 18pt;
		font-family: Myriad Pro, Arial, Helvetica, sans-serif;
		color: #004d99;
	}

	.sitebyline
	{
		margin: 0;
		padding: 0;
		font-size: 13pt;
		font-family: Myriad Pro, Arial, Helvetica, sans-serif;
		color: #004d99;
	}

	.siteurl
	{
		margin: 0;
		padding: 0;
		font-size: 10pt;
		font-family: Myriad Pro, Arial, Helvetica, sans-serif;
		color: #004d99;
	}
	
	#bannersearch
	{
		display: none;
	}

	#bannersearch fieldset
	{
		border: none;
	}

	#bannersearch legend
	{
		display: none;
	}

	#bannersearch label
	{
		display: none;
	}

	#site-navigation
	{
		display: none;
	}		
	
	/*** content sub-navigation  related resources***/
	#threecolcontainer 
	{
		padding: 0;
	}

	#nocolcontainer 
	{
		padding: 0;
	}

	#leftcolcontainer 
	{
		padding: 0;
	}

	#rightcolcontainer 
	{
		padding: 0;
	}

	#container 
	{
		padding: 0;
	}
	
	#container, #leftcolcontainer, #rightcolcontainer, #nocolcontainer, #threecolcontainer
	{
		overflow: visible;
	}	
	
	#sub-navigation 
	{
		display: none;
	}

	#related-resources 
	{
		display: none;
	}	

	#leftfauxcol
	{
		float: none;
		background: url("none.gif") repeat-y top left;
	}

	#rightfauxcol
	{
		float: none;
		background: url("none.gif") repeat-y top right;
	}	

	.column
	{
		float: none;
	}

	.crumb
	{
		display: none;
	}
	
	#footer, #footerhome
	{
		float: none;
		border-top: 1px solid #3f68a3;		
		color: #000;
		background-color: #fff;	
	}

	#footer a
	{
		color: #000;
	}
	
	.footerlinks
	{
		display: none;
	}	

	#footersponsors a
	{
	display: none;
	}

	#footersponsors p
	{
		display: block;
		margin: 0;
	}
}