a:link
{
	color: #233974;
}

a:visited
{
color: #639;
}

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

a:active
{
	color: #000;
}


body 
{
	margin: 0 auto;
	padding: 0;
	background: url("../images/site-bk.gif") repeat-x top left #3f68a3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 75%;
}

	#ucsf {
	    background: #666;
	    float: left;
	    width: 100%;
	    height: 35px;
	    font-family: Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    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;
	    text-decoration: none;
	}


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

	min-width: 980px;
}

/* 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%;
	min-height:138px;
	color: #fff;
	border-bottom: 3px solid #fff;
	background: url("../images/masthead/banner.png") no-repeat top left;
	background-color: #3f68a3;	
	text-align: right;
}

#bannersearch
{
	float: right;
	width: 100%;
	margin: 0;
	margin-top: 35px;
	margin-bottom: 6px;
	height: 50px;
}

#bannersearch fieldset
{
	border: none;
}

#bannersearch legend
{
	display: none;
}

#bannersearch a
{
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#bannersearch a:hover
{
	color: #ff9;
	text-decoration: none;
}

#searchbtn
{
	background-color: #25548c;
	border: none;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 2px;
}

#searchbtn:hover
{
	background-color: #69c;
	cursor: pointer;
}

/*** end banner  ***/

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

#nocolcontainer 
{
  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 
{
	clear:both;
	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-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
{
	overflow: hidden;
}

#threecolcontainer .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;
	float: left;
	border-top: 3px solid #fff;	
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	background-color: #3f68a3;	
	margin-bottom: 25px;
	padding-bottom: 10px;
	width: 100%;
}


#footer a
{
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}

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

#footertext
{
	margin: 10px 0 0 10px;
	float: left;
}

#footersponsors
{
	margin: 20px 10px 0 0;
	float: right;
}

#footersponsors p
{
display: none;
}
/*** end footer ***/


/*** Print-version ***/
@media print 
{
#ucsf {
    display:none;
}
	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 
	{
		float: none;
		border-top: 1px solid #3f68a3;		
		color: #000;
		background-color: #fff;	
		position:relative;
	}

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

	#footersponsors a
	{
	display: none;
	}

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

}