body {
	padding: 0;
	margin: 0;	
	background-image:url("http://campuslifeservices.ucsf.edu/inc/i/cls_all/bg_grad.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
	font-family: verdana, arial, helvetica, sans-serif;
	color:#333333;
	}

/* Paragraphs
----------------------------------------------- */
p {
	margin:0 0 10px 0;
	padding:0;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 14px;
	font-size: 10px;
	color: #333333;
	}
p.error {
	margin:0 0 10px 0;
	padding:0;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 14px;
	font-size: 10px;
	color: #CC6600;
	}
P.body1	{ 
		margin:0 0 4px 0;
		padding:0; 
		font-family: verdana, arial, helvetica, sans-serif; 
		line-height: 14px; 
		font-size: 10px; 
		color: #333333; }
P.body2	{ 
		margin-top:0px; margin-bottom:0px; 
		font-family: verdana, arial, helvetica, sans-serif; 
		line-height: 12px; 
		font-size: 10px; 
		color: #333333;}

/* img
----------------------------------------------- */
img {color: #666666;}

/* Lists
----------------------------------------------- */
OL {
	margin: 0 0 8px 16px;
	padding: 0;
 	}
OL LI {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 12px; 
	font-size: 10px; 
	color: #333333;
}
OL LI STRONG {
	display:block;
	margin: 0;
	padding: 0;
	line-height: 12px; 
	font-size: 10px;
	font-weight:bold; 
	color: #333333; 
}

ul {
	margin: 0 0 8px 0px;
	padding: 0;
	list-style-type: square;
 	}
ul li {
	margin: 0 0 4px 28px;
	padding: 0;
	line-height: 14px; 
	font-size: 10px; 
	color: #333333;
}
ul li h1 {
	margin: 0;
	padding: 0;
	font-size: 10px; 
	color: #333333; 
	font-weight:bold;
}
ul li strong {
	font-weight:bold;
}

ul#links {
	margin: 0 0 12px 0px;
	padding: 0;
 	list-style-type: none;
 	}
ul#links li {
	margin: 0 0 0 28px;
	padding: 0;
	line-height: 14px; 
	font-size: 10px; 
	color: #333333;
}

UL#list1 {
	margin: 0 0 8px 16px;
	padding: 0;
	list-style-type: square;
 	}

UL.ulist1	{
		margin: 0 0 8px 0px;
		padding: 0;
		list-style-type: square;
		color: #333333;
}

LI.ulist1	{
	margin: 0 0 4px 28px;
	padding: 0;
	line-height: 14px; font-size: 10px; color: #333333;
}

H1		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 18px; color: #666666;}

H2		{ margin:12px 0px 2px 0px; padding:0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: bold;}

H3		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}

TABLE	{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}

table.content {border-bottom:#999999 solid 1px; border-left:#999999 solid 1px; border-collapse:collapse;}
td.content {border-right:#999999 solid 1px; border-top:#999999 solid 1px; margin:6px; padding:6px; }

table.content2 {border-bottom:#333333 solid 1px; border-left:#333333 solid 1px; border-collapse:collapse;}
td.content2 {border-right:#333333 solid 1px; border-top:#333333 solid 1px; margin:6px; padding:6px; }

TR		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}
TD		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}

TD.color_orange1 {background-color: #CC6600;}
TD.color_orange2 {background-color: #CC9966;}

TD.color_red1 {background-color: #990000;}
TD.color_red2 {background-color: #CC9999;}

TD.color_green1 {background-color: #666633;}
TD.color_green2 {background-color: #B5B486;}

TD.color_blue1 {background-color: #8091A5;}
TD.color_blue2 {background-color: #A6B2C0;}

TD.color_yellow1 {background-color: #B58C30;}
TD.color_yellow2 {background-color: #E5B13E;}

TD.color_purple1 {background-color: #8E7187;}
TD.color_purple2 {background-color: #B19CAB;}

TD.para_delim {background-image: url("http://campuslifeservices.ucsf.edu/inc/g/gryline.gif");}
TD.horiz_divide {background-image: url("http://campuslifeservices.ucsf.edu/inc/g/gryline.gif");}
TD.dotlinebg_horiz {background: #FFFFFF url("http://campuslifeservices.ucsf.edu/inc/g/dotlinebg_horiz.gif") repeat-x center;}

TD.tablebg1 {background-color: #F1F1F1; color: #000000;}
TD.tablebg2 {background-color: #CCCCCC; color: #000000;}

TD.normal    {color: #666666; font-size: 10px; line-height: 16px;}


a:link    {font-family: verdana, arial, helvetica, sans-serif; color: #990000; }
a:visited {font-family: verdana, arial, helvetica, sans-serif; color: #CC0000; } 
a:active  {font-family: verdana, arial, helvetica, sans-serif; color: #CC0000; } 

a.topnav        {font-family: verdana, arial, helvetica, sans-serif;  font-size: 10px; color: #333333; text-decoration: none; } 
a.topnav:hover  {font-family: verdana, arial, helvetica, sans-serif;  font-size: 10px; color: #000000; text-decoration: none; } 
a.brand   {color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.brand:hover   {color: #CCCCCC; font-size: 10px; text-decoration: none;}
a.nav2_off   {color: #990000; font-size: 10px; text-decoration: none;}
a.nav2_off:hover   {color: #333333; font-size: 10px; text-decoration: none;}
a.nav2_on   {color: #000000; font-size: 10px; text-decoration: none;}
a.nav2_on:hover   {color: #333333; font-size: 10px; text-decoration: none;}

a.img1   {color: #666666; text-decoration: none;}
a.img1:hover   {color: #FFFFFF; text-decoration: none;}

a.leftnav_off1   {line-height: 14px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav_off1:hover   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_on1   {line-height: 14px; color: #000000; font-size: 10px; text-decoration: none;}
a.leftnav_on1:hover   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_off2   {line-height: 12px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav_off2:hover   {line-height: 12px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_on2   {line-height: 12px; color: #000000; font-size: 10px; text-decoration: none;}
a.leftnav_on2:hover   {line-height: 12px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_off3   {line-height: 14px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav_off3:hover   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_on3   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}
a.leftnav_on3:hover   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_off4   {line-height: 12px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav_off4:hover   {line-height: 12px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav_on4   {line-height: 12px; color: #993300; font-size: 10px; text-decoration: none;}
a.leftnav_on4:hover   {line-height: 12px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav1   {line-height: 14px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav1:hover   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav2   {line-height: 14px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav2:hover   {line-height: 14px; color: #993300; font-size: 10px; text-decoration: none;}

a.leftnav3   {line-height: 12px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav3:hover   {line-height: 12px; color: #993300; font-size: 10px; text-decoration: none;}

a.bodylink1   {color: #990000; font-size: 10px; text-decoration: underline;}
a.bodylink1:hover   {color: #990000; font-size: 10px; text-decoration: none;}
a.bodylink2   {color: #990000; font-size: 10px; text-decoration: underline;}
a.bodylink2:hover   {color: #990000; font-size: 10px; text-decoration: none;}

a.bodylink1_off   {color: #990000; font-size: 10px; text-decoration: underline;}
a.bodylink1_off:hover   {color: #990000; font-size: 10px; text-decoration: none;}
a.bodylink1_on   {color: #333333; font-size: 10px; text-decoration: none;}
a.bodylink1_on:hover   {color: #333333; font-size: 10px; text-decoration: none;}

a.go   {display:block; margin:0; padding:0; color: #990000; font-size: 10px; text-decoration: underline;}
a.go:hover   {text-decoration: none;}

a.more   {color: #333333; font-size: 10px; text-decoration: underline;}
a.more:hover   {color: #333333; font-size: 10px; text-decoration: none;}

a.social   {color: #333333; font-size: 10px; text-decoration: none;}
a.social:hover   {color: #333333; font-size: 10px; text-decoration: underline;}

a.mainnavlink        {font-family: verdana, arial, helvetica, sans-serif;  font-size: 10px; color: #FFFFFF; text-decoration: none; } 
a.mainnavlink:hover  {font-family: verdana, arial, helvetica, sans-serif;  font-size: 10px; color: #000000; text-decoration: none; } 

a.floatbox {
	float:right;
	width:150px;
	padding:4px;
	margin:0 0 4px 4px;
	border:1px solid #eee;
	text-align:center;
}

a.floatbox strong {
	display:block;
	font-weight:bold;
	margin:0 0 4px 4px;
	}

a.floatbox:link, a.floatbox:visited {
	display:block;
	color:#333;
	font-size:10px;
	text-decoration:none;
	}

a.floatbox:hover, a.floatbox:active {
	color:#000;
	border:1px solid #ccc;
}

a.floatbox img  {
	margin:4px;
	padding:0;
	border:0;
}

/* Miscellaneous
----------------------------------------------- */

.wht_sm    {color: #FFFFFF; font-size: 10px; line-height: 16px}
.smblk    {color: #000000; font-size: 10px;}

.topnavbar {
	color: #666666;
	font-size: 10px;
	}
.footer {
	color: #FFFFFF;
	font-size: 10px;
	}

.mainnavbar    {color: #FFFFFF; font-size: 10px;}
.normal    {color: #666666; font-size: 10px;}
.event_head1    {color: #333333; font-size: 10px;}
.event_info1    {color: #000000; font-size: 10px;}
.headline1    {color: #666666; font-size: 18px;}
.headline2    {color: #666666; font-size: 10px; font-weight: bold;}
.style1	{font-family: verdana, arial, helvetica, sans-serif; line-height: 16px; font-size: 10px; color: #333333; margin-top:0px;margin-bottom:0px;}

#infobox {
	margin:4px 0 10px 0;
	padding:8px 0 4px 0;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	background:none;
}
#infobox H1 {
	margin:0 0 0 8px;
	padding:0;
	font-size: 12px; color: #666666; font-weight: bold;
}
#infobox H2 {
	margin:0 0 0 8px;
	padding:0;
	font-size: 10px; color: #666666; font-weight: bold;
	
}
#infobox P {
	margin:0 0 10px 8px;
	padding:0;
	font-size: 10px; color: #333;
	
}
#infobox a.doclink {
	display:block;
	margin:0 0 8px 9px;
	padding:2px 0 4px 18px;
	background: url("http://campuslifeservices.ucsf.edu/inc/g/icon_msword.gif") no-repeat;
	font-size: 10px; color: #990000;
}
#infobox a.link {
	display:block;
	margin:0 0 8px 9px;
	padding:2px 0 4px 18px;
	background: url("http://campuslifeservices.ucsf.edu/inc/g/icon_link.gif") no-repeat;
	font-size: 10px; color: #990000;
}

#infobox a.pdflink {
	display:block;
	margin:6px 0 8px 7px;
	padding:2px 0 4px 22px;
	background: url("http://campuslifeservices.ucsf.edu/inc/g/icon_pdf_sm.gif") no-repeat;
	font-size: 10px; color: #990000;
	
}

/* Links w/ icons
----------------------------------------------- */


a.pdf, a.word, a.excel, a.powerpoint, a.qt, a.wmv, a.external, a.internal, a.podcast {
	display:block;
	border-left: 6px solid #999;
	margin:0 0 2px 0;
	padding:6px 0 7px 28px;
	font-size: 10px;
	color: #900;
	background-color:#eee;
}
a.pdf:hover, a.word:hover, a.excel:hover, a.powerpoint:hover, a.qt:hover, a.wmv:hover, a.external:hover, a.internal:hover {
	border-left: 6px solid #CCC;
}

a.pdf {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_pdf.gif");
	background-repeat: no-repeat;
	background-position:5px center;
}
* html a.pdf {background-position: 11px center;}

a.word {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_word.gif");
	background-repeat: no-repeat;
	background-position: 9px 50%;
}
* html a.word {background-position: 15px 50%;}

a.excel {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_excel.gif");
	background-repeat: no-repeat;
	background-position: 9px 50%;
}
* html a.excel {background-position: 15px 50%;}

a.powerpoint {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_powerpoint.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
* html a.powerpoint {background-position: 11px 50%;}

a.qt {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_qt.gif");
	background-repeat: no-repeat;
	background-position: 9px 50%;
}
* html a.qt {background-position: 15px 50%;}

a.wmv {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_wmv.gif");
	background-repeat: no-repeat;
	background-position: 6px 50%;
}
* html a.wmv {background-position: 12px 50%;}

a.external {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_external.gif");
	background-repeat: no-repeat;
	background-position: 7px 50%;
}
* html a.external {background-position: 13px 50%;}

a.internal {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_internal.gif");
	background-repeat: no-repeat;
	background-position: 7px 50%;
}
* html a.internal {background-position: 13px 50%;}


a.link_ex {
	display:block;
	margin:0 0 0 0;
	padding:4px 0 5px 34px;
	font-size: 10px;
	color: #900;
	background: url("http://campuslifeservices.ucsf.edu/inc/g/icon_external.gif") no-repeat 13px 50%;
}
a.link_in {
	display:block;
	margin:0 0 0 0;
	padding:4px 0 5px 34px;
	font-size: 10px;
	color: #900;
	background: url("http://campuslifeservices.ucsf.edu/inc/g/icon_internal.gif") no-repeat 18px 50%;
}

a.podcast {
	background-image: url("http://campuslifeservices.ucsf.edu/inc/g/icon_podcast.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
* html a.podcast {background-position: 11px 50%;}




/* -----------------------------------------------
					New Header
   ----------------------------------------------- */
#container {
	padding-top: 30px;
	margin: 0;	
	background-image:url("http://campuslifeservices.ucsf.edu/inc/i/cls_all/bg_green.gif");
	background-repeat:repeat-x;
	background-position:top;
}

#content {
	width: 814px;
	margin: 0 auto;
	border: #f1f1f1 2px solid;
	overflow:hidden;
	vertical-align: top;
	background-color: #FFF;
	padding: 10px;
}

/*	UCSF TOP BANNER	
----------------------------------------------- */
.ucsfBannerLink:link,
.ucsfBannerLink:visited,
.ucsfBannerLink:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	margin-top: 0px;
	vertical-align: auto;
}

.ucsfBannerSpacer {
	margin:0 7px;
}

#ucsfBanner {
	background:#555750;
	border-bottom:#d8af23 6px solid;
	height:35px;
	color:#FFFFFF;
	font-size: 11px;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height: 35px;
}

/* Top Navigation Header
----------------------------------------------- */
.topNavHeader {
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 16px;
	color: #656668;
	font-weight: normal;
	line-height: 40px;
	margin-left: 10px;
}

.topNavSection {
	border-left: 1px #b4b6b9 solid;
	float: left;
	height: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #FFF;
}

a.unit:link, a.unit:active, a.unit:visited
{
	font: 12px arial;
	color:rgb(103, 154, 201); 
	text-decoration: none;
	padding:0 5px 15px 0;
}

a.unit:hover
{
	color: rgb(30, 104, 173);
	font-weight: bold;
}

ul.unit {
	list-style: none;
	padding: 5px 2px;
}

ul.unit li
{
	margin-left: 10px;
	padding-bottom: 5px;
}


/* new top nav menu */
#topNavFirst {
	width: 185px;
	float: left;
/*	margin-left: 5px;	*/
}

#topNavSecond {	
	width: 150px;
	float: right;
}


a.footer   {color: #FFFFFF; font-size: 11px; text-decoration: none;}
a.footer:hover   {color: #FFFFFF; font-size: 11px; text-decoration: underline;}

#footer {
	border-top:#d8af23 6px solid;
	background-color: #323433;  
	color: #FFFFFF;
	font-size:10px;
	padding: 0;
	height: 28px;
}