body {
	padding: 0;
	margin: 0;	
	background-image:url(/inc/i/cls_all/bg_grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-family: helvetica, arial, verdana, times new roman;
	color:#666666;
	}
	
hr {
	border-top:1px;
	height:0;
}

/* Paragraphs
----------------------------------------------- */
p {
	margin:6px 0 6px 0;
	padding:0;
	font-family: helvetica, arial, verdana, times new roman;
	color: rgb(113, 113, 115);
	line-height: 14px;
	}
p.error {
	margin:0 0 6px 0;
	padding:0;
	font-family: helvetica, arial, verdana, times new roman;
	line-height: 14px;
	font-size: 11px;
	color: #CC6600;
	}
p.body1	{ 
		margin:0 0 4px 0;
		padding:0; 
		font-family: helvetica, arial, verdana, times new roman; 
		line-height: 14px; 
		font-size: 11px; 
		color: #333333; }
p.body2	{ 
		margin-top:0px; margin-bottom:0px; 
		font-family: helvetica, arial, verdana, times new roman; 
		line-height: 12px; 
		font-size: 11px; 
		color: #333333;}

/* Generic Links
----------------------------------------------- */
a:link, a:active {
	color: #990000;
	text-decoration: underline;
	}
a:visited {
	color: #660000;
	text-decoration: underline;
	} 
a:hover {
	color: #990000;
	text-decoration: none;

} 


/* Links
----------------------------------------------- */
a.body:link, a.body:active {
	color: #990000;
	text-decoration: underline;
	}
a.body:visited {
	color: #660000;
	text-decoration: underline;
	} 
a.body:hover {
	color: #990000;
	text-decoration: none;
	} 
a.topnav, a.topnav:link, a.topnav:visited {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	} 
a.topnav:hover {
	color: #000000;
	} 

/* img
----------------------------------------------- */
img {color: #666666; margin-bottom: -3px;}

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

ul {
	margin: 0 0 8px 10px;
	padding: 0;
	list-style-type: square;
 	}
ul li {
	margin: 0 0 0 28px;
	padding: 0;
	line-height: 14px; 
	font-size: 11px; 
	color: #333333;
}
ul li h1 {
	margin: 0;
	padding: 0;
	font-size: 11px; 
	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: 11px; 
	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.yuimenuitem{
	list-style-type: none;
}
LI.ulist1	{
	margin: 0 0 4px 28px;
	padding: 0;
	line-height: 14px; 
	font-size: 11px; 
	color: #333333;
}


/* Headers
----------------------------------------------- */
h1 {
    margin:12px 0 8px 0;
    padding:0;
    font-size: 26px;
    color: rgb(119, 153, 187);
    font-weight: normal;
    font-family: helvetica, arial, verdana, times new roman;
	}
h1.alert {
    margin:12px 0 8px 0;
    padding:0;
    font-size: 26px;
    color: rgb(153, 0, 0);
    font-weight: normal;
    font-family: helvetica, arial, verdana, times new roman;
}
h2 {
	margin:0 0 7px 0;
	padding:0 0 0 0px;
	font-size: 18px;
	color: rgb(153, 0, 0);
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	}
h3 {
	margin:0 0 7px 0;
	padding-top:5px;
	font-size: 18px;
	color: rgb(204, 102, 0);
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	}
a.h3link, a.h3link:link, a.h3link:active, a.h3link:visited {
	margin:0 0 7px 0;
	padding:0;
	font-size: 18px;
	color: rgb(204, 102, 0);
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	text-decoration: none;
	}
a.h3link:hover {
	margin:0 0 7px 0;
	padding:0;
	font-size: 18px;
	color: rgb(204, 102, 0);
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	text-decoration: underline;
	}


TABLE	{ font-family: helvetica, arial, verdana, times new roman; font-size: 11px; padding-bottom: 0;}

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; }

TR		{ font-family: helvetica, arial, verdana, times new roman; font-size: 11px;}
TD		{ font-family: helvetica, arial, verdana, times new roman; font-size: 11px;}

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_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(/inc/g/gryline.gif);}
TD.horiz_divide {background-image: url(/inc/g/gryline.gif);}
TD.dotlinebg_horiz {background: #FFFFFF url(/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: 11px; line-height: 16px;}

TD.navdivider  {background: url(/inc/g/white.gif) repeat-x top;}

td.bannergrey {
       border-top: none;
       border-bottom: 1px solid #333;
       padding-bottom: 0;
       background: #666666;
}

td.topnav {
        background-image: url(http://campuslifeservices.ucsf.edu/inc/roll/red.gif);
        background-position: top left;
	background-repeat: repeat-x;
}

/* ----------- Left Nav ----------------- */
a.leftnav_off1:link, a.leftnav_off1:hover, a.leftnav_on1, a.leftnav_on1:hover, a.leftnav_on1:visited, a.leftnav_off1:visited {
		text-transform:uppercase;
		text-decoration: none;
		font-size: 10px;
		font-family: helvetica, arial, verdana, times new roman;
		line-height: 13px;
		}
a.leftnav_off1:link, a.leftnav_off:visited { color: #FFFFFF; }
a.leftnav_off1:hover { color: #993300;}

a.leftnav_on1:link, a.leftnav_on1:visited { color: #000000;}
a.leftnav_on1:hover { color: #993300;}

a.leftnav_off2, a.leftnav_off2:hover, a.leftnav_on2, a.leftnav_on2:hover, a.leftnav_on2:visited, a.leftnav_off2:visited {
		text-decoration: none;
		font-size: 10px; 
		font-family: helvetica, arial, verdana, times new roman;
		line-height: 12px; 
		padding-left: 9px;
		}
a.leftnav_off2, a.leftnav_off2:visited { color: #FFFFFF; }
a.leftnav_off2:hover { color: #000000; }

a.leftnav_on2 { color: #000000; }
a.leftnav_on2:hover { color: #000000; }

a.leftnav_off3, a.leftnav_off3:hover, a.leftnav_on3, a.leftnav_on3:hover {
		line-height: 13px;
		font-size: 10px; 
		font-family: helvetica, arial, verdana, times new roman;
		text-decoration: none;
		padding-right: 9px;
		}
a.leftnav_off3 { color: #FFFFFF; }
a.leftnav_off3:hover { color: #993300; }

a.leftnav_on3 { color: #993300; }
a.leftnav_on3:hover { color: #993300; }

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

a.leftnav2   {line-height: 13px; color: #FFFFFF; font-size: 10px; text-decoration: none;}
a.leftnav2:hover   {line-height: 13px; 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.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;
}


/* ---------------------------------------------------------------------------------------------------------------- 
									CLS CSS V.2 developed November 2007 by j.lofgreen
   ---------------------------------------------------------------------------------------------------------------- */

#container-banner {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 649px;
}

/* -----------------------------------------------
			Main and/or Welcome Content
   ----------------------------------------------- */

/* Image Boxes + Links -- */
.imgleft {
	height:82px;
	width:220px;
	padding-right: 5px;
}
.imgright {
	height:82px;
	width:220px;
	padding-left: 5px;
}
.bluebox {
	padding:5px 0px 5px 10px;
	margin:3px 0 0px 0px;
	background-color: rgb(119, 153, 187);
	text-align: left;
	width:210px;
}
a.bluebox, a.bluebox:link, a.bluebox:visited {
	font-size: 14px;
	padding:0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: helvetica, arial, verdana, times new roman;
	line-height: 18px;
	} 
a.bluebox:hover {
	font-size: 14px;
	padding:0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: underline;
	font-family: helvetica, arial, verdana, times new roman;
	line-height: 18px;
	}
/* Generic Portal Page Image Boxes -- */
.imgleft-gen {
	width:220px;
	padding-right: 3px;
}
.imgright-gen {
	width:220px;
	padding-left: 3px;
}
/* Welcome Paragraph -- */
#contentbox {
	padding:0px 20px 10px 15px;
	margin: 0px;
	background-color: #FFFFFF;
}


/* -----------------------------------------------
					Teasers
   ----------------------------------------------- */
a.search, a.search:link, a.search:active, a.search:visited {
	margin:0 0 7px 0;
	padding:0;
	font-size: 14px;
	color: rgb(153, 0, 0);
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	text-decoration: underline;
	}
a.search:hover {
	margin:0 0 7px 0;
	padding:0;
	font-size: 14px;
	color: rgb(153, 0, 0);
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	text-decoration: none;
	}

/* -----------------------------------------------
					Teasers
   ----------------------------------------------- */
#teaser {
	margin:0px 0 0 0px;
	padding:0;
	width: 220px;
	color: #666666;
}
/* Content Placement within Teaser Box 	background-color: rgb(229, 239, 247);
 -- */
#teasebox-left {
	padding:0px;
	margin:5px 0px 0 0px;
	width: 220px;
	color: #666666;
}
/* Content Placement within Teaser Box 	background-color: rgb(229, 239, 247);
 -- */
#teasebox-right {
	padding:0px;
	margin:5px 0 0 0px;
	width: 220px;
	color: #666666;
}
TD.color_blue1 {
	background-color: rgb(229, 239, 247);
}
TD.color_blue2 {background-color: rgb(206, 221, 239);}

td.bg_blue1 {
	background-color: rgb(229, 239, 247);
}
.whitespace {
	background-color: #FFFFFF;
	width: 220px;
}
.whitespace2 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* Content Placement within Teaser Box 	background-color: rgb(229, 239, 247);
 -- */
.teasebox2 {
	padding:3px 5px 5px 15px;
	margin:0px;
	width: 190px;
	color: #666666;
}

/* Teaser Box Text-Link Formatting -- */
p.tease {
	margin:0 10px 10px 10px;
	padding:0;
	font-family: helvetica, arial, verdana, times new roman;
	line-height: 14px;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
.teasesubhead {
	margin:0 0 4px 0;
	padding:0;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	font-family: helvetica, arial, verdana, times new roman;
}
a.txtlink, a.txtlink:link, a.txtlink:visited {
	text-decoration: none;
	color: #666666;
}
a.txtlink:hover {
	text-decoration: underline;
	color: #666666;
}

/* Teaser Box Blue Arrow Links at Bottom -- */
.teaselinkbox {
	text-align: right;
	background:url(/inc/g/teaselink1.gif) repeat;
	height:18px;
	margin:10px 0 0 0px;
/*	width: 220px;	*/
}
.teasearrow {
	background:url(/inc/g/teaselink2.gif);
	background-position: left;
	height:18px;
	background-repeat:no-repeat;
}
a.arrowlink, a.arrowlink:link, a.arrowlink:visited {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	text-transform: lowercase;
	color: rgb(153, 0, 0);
	padding:0px 8px 0px 0px;
	text-decoration: underline;
	line-height: 18px;
	} 
a.arrowlink:hover {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	text-transform: lowercase;
	color: rgb(153, 0, 0);
	padding:0px 8px 0px 0px;
	text-decoration: none;
	line-height: 18px;
	}

/* Teaser Gallery Formatting -- */
div.gallery {
	background-color: rgb(204, 102, 0);
	width: 190px;
	height: 145px;
	padding:0px;
}
img.gallery {
	border: 2px solid #FFFFFF;
	margin: 8px 6px 8px 6px;
	height: 96px;
	width: 174px;
}
a.gallerylink, a.gallerylink:link, a.gallerylink:visited {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	font-family: helvetica, arial, verdana, times new roman;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding-left:6px;
	} 
a.gallerylink:hover {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	font-family: helvetica, arial, verdana, times new roman;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	padding-left:6px;
	}


/* -----------------------------------------------
					Immediate Bar
   ----------------------------------------------- */
#container-immediate {
	margin:0px 0 0px 0px;
	padding:0px;
	background-color: #FFFFFF;
}
div.immediate {
	margin:0px;
	padding:0px 10px 10px 10px;
	}

a.carrots1:link, a.carrots1:active {
	color: #666666;
	text-decoration: none;
	background: url(/inc/g/carrots.gif) 0 2px no-repeat ;
	padding-left: 14px;
	padding-bottom: 1px;
	font-weight: normal;
	line-height: 16px;
	}
a.carrots1:visited {
	color: #666666;
	text-decoration: none;
	background: url(/inc/g/carrots.gif) 0 2px no-repeat ;
	padding-left: 14px;
	padding-bottom: 1px;
	font-weight: normal;
	line-height: 16px;
	}
a.carrots1:hover {
	text-decoration: underline;
	color: #666666;
	background: url(/inc/g/carrots.gif) 0 2px no-repeat ;
	padding-left: 14px;
	padding-bottom: 1px;
	font-weight: normal;
	line-height: 16px;
	}

a.carrots2:link, a.carrots2:active {
	color: #333333;
	text-decoration: none;
	background: url(/inc/g/carrots.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 16px;
	font-weight: bold;
	}
a.carrots2:visited {
	color: #333333;
	text-decoration: none;
	background-image: url(/inc/g/carrots.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 16px;
	font-weight: bold;
	}
a.carrots2:hover {
	text-decoration: none;
	color: #666666;
	background-image: url(/inc/g/carrots.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 16px;
	font-weight: bold;
	}

/* Immediate Bar Rounded Corner Box -- */
#liquid-round {
	width:100%;
	margin:0px auto;
	background:#fff url(/inc/g/leftside.gif) repeat-y left top;
}
.top {
	width:100%;
	height:11px;
	background:url(/inc/g/top.gif) no-repeat left top;
}
.top span {
	display:block;
	position:relative;
	height:11px;
	background:url(/inc/g/rightside.gif) no-repeat right top;
}
.bottom {
	width:100%;
	height:1px;
	background:url(/inc/g/bottom.gif) no-repeat left bottom;
}
.bottom span {
	display:block;
	position:relative;
	height:1px;
	background:url(/inc/g/rightside.gif) no-repeat right top;
}
.center-content {
	position:relative;
	background:url(/inc/g/rightside.gif) repeat-y right top;
	padding:0px;
	margin:0px 0 0px;
}

/* Immediate Bar Orange Arrow Links at Bottom -- */
.immdlinkbox {
	text-align: right;
	background:url(/inc/g/immdlink1.gif) repeat;
	height:18px;
	margin:10px 0 0 0px;
}
.immdarrow {
	background:url(/inc/g/immdlink2.gif);
	background-position: left;
	height:18px;
	background-repeat:no-repeat;
}
a.immdlink, a.immdlink:link, a.immdlink:visited {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	text-transform: lowercase;
	color: rgb(153, 0, 0);
	padding:0px 8px 0px 0px;
	text-decoration: underline;
	line-height: 18px;
	} 
a.immdlink:hover {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	text-transform: lowercase;
	color: rgb(153, 0, 0);
	padding:0px 8px 0px 0px;
	text-decoration: none;
	line-height: 18px;
	}

/* Form Arrow and Form Links on Form Page -- */
.formlinkbox {
	text-align: left;
	background:url(/inc/g/formlink1.gif) repeat;
	height:18px;
	margin:0px 0 0 0px;
}
.formarrow {
	background:url(/inc/g/formlink2.gif);
	background-position: left;
	height:18px;
	background-repeat:no-repeat;
}
a.formlink, a.formlink:link, a.formlink:visited {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: rgb(153, 0, 0);
	padding:0px 0px 0px 25px;
	line-height: 18px;
	} 
a.formlink:hover {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: rgb(153, 0, 0);
	padding:0px 0px 0px 25px;
	text-decoration: none;
	line-height: 18px;
	}

/* Immediate Bar Calendar -- */
a.calendar, a.calendar:link, a.calendar:visited {
	font-family: helvetica, arial, verdana, times new roman;
  font-size: 11px;
  text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
a.calendar:hover {
	text-decoration: underline;
	color: #666666;
  padding: 4px;
}
.calendar {
		border: 1px #FFFFFF solid;
    background-color: transparent;
}
.calheading {
    background-color: rgb(232, 125, 29);
    color: #FFFFFF;
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 6px 2px 6px 2px;
}
.calnavleft {
    background-color: rgb(232, 125, 29);
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 4px;
    cursor: pointer;
}
.calnavright {
    background-color: rgb(232, 125, 29);
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-align:  right;
    padding: 4px;
    cursor: pointer;
}
.caldayheading {
    background-color: rgb(243, 173, 111);
    color: #FFFFFF;
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 6px 2px 6px 2px;
}
.caldaycells{
    color: #FFFFFF;
    background-color: rgb(243, 173, 111);
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    border: 1px #E0E5F1 solid;
    cursor: pointer;
}
.caldaycellhover{
    color: #FFFFFF;
    background-color: #CC6600;
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    border: 1px #E0E5F1 solid;
    cursor: pointer;
}
.caldayselected{
    color: #FFFFFF;
    background-color: #CC6600;
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 11px;
    text-align: center;
    padding: 3px;
    border: 1px #E0E5F1 solid;
    cursor: pointer;
}
.calblanktop {
    background-color: #FFFFFF;
    padding: 4px;
}
.calblankbot {
    background-color: #FFFFFF;
    padding: 4px;
}

/* Immediate Bar Orange Scroll Footer -- */
td.color_orange3 {
	background-color: #CC6600;
	padding:0px;
	margin:0px;
}
td.color_orange4 {
	background-color: #CC9966;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/* ---------------------------------------
			Item Page Formatting
   --------------------------------------- */
h1.component {
    margin:12px 0 8px 0;
    padding:0;
    font-size: 20px;
    color: rgb(119, 153, 187);
    font-weight: normal;
    font-family: helvetica, arial, verdana, times new roman;
    }
h4 {
    margin:12px 0 4px 0;
    padding:0;
    font-size: 20px;
    color: rgb(119, 153, 187);
    font-weight: normal;
    font-family: helvetica, arial, verdana, times new roman;
	}
h4.class {
    margin:12px 0 8px 0;
    padding:0;
    font-size: 14px;
    color: rgb(119, 153, 187);
    font-weight: bold;
    font-family: helvetica, arial, verdana, times new roman;
    }
h5 {
	margin:0 0 5px 0;
	padding:0;
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	font-family: helvetica, arial, verdana, times new roman;
	}
h5.bold {
	margin:0 0 5px 0;
	padding:0;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	font-family: helvetica, arial, verdana, times new roman;
	}
.subhead1 {
  padding:0px;
	font-size: 12px;
  color: #666666;
  font-weight: normal;
  font-family: helvetica, arial, verdana, times new roman;
}
.header1 {
	margin:12px 0 4px 0;
	padding:0;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	font-family: helvetica, arial, verdana, times new roman;
	line-height: 26px;
}
.headerwhite {
    color: #FFFFFF;
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
}
img.article {
	padding-right:10px;
	padding-bottom:10px;
}
table.item {
    font-family: helvetica, arial, verdana, times new roman;
    font-size: 14px;
    width:410px;
    background-color: rgb(229, 239, 247);
    color: #666666;
    margin-top:10px;
}
td.itempage {
    font-family: helvetica, arial, verdana, times new roman;
    background-color: rgb(229, 239, 247);
    color: #666666;
    background-position: top;
    padding: 10px;
}

/* ---------------------------------------
			Calendar Page Formatting
   --------------------------------------- */
table.cal {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 11px;
	width:450px;
	background-color: #FFFFFF;
	color: rgb(119, 153, 187);
}
div.calmonth {
	text-align: left;
	margin-left:15px;
	margin-bottom:15px;
}
td.caldays {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 11px;
	background-color: #FFFFFF;
	color: rgb(119, 153, 187);
	text-align: left;
	width:60px;
	margin-right:5px;
	margin-top:5px;
	padding-left:5px;
	font-weight: bold;
}
td.calnumbers {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 11px;
	background-color: #FFFFFF;
	color: rgb(119, 153, 187);
	text-align: left;
	width:60px;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

.caldivider {
	width:445px;
	height: 1px;
	margin:3px 0px 3px 0px;
	padding:0px;
	background-color: rgb(119, 153, 187);
}
table.calbox1 {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #666666;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid rgb(119, 153, 187);
	border-left: 1px solid rgb(119, 153, 187);
}
tr.caltitle {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 11px; 
	background-image: url(/inc/g/bgcal1.gif);
	padding:0px; 
	margin:0px; 
 }
tr.calrow1 {
	font-family: helvetica, arial, verdana, times new roman; 
	font-size: 11px; 
	background-color: #FFFFFF; 
	padding:0px; 
	margin:0px; 
 }
tr.calrow2 {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 11px;
	padding:0px;
	margin:0px;
	background-image: url(/inc/g/bgcal2.gif);
}
td.calcell {
	padding: 5px;
	border-bottom: 1px solid rgb(119, 153, 187);
	border-right: 1px solid rgb(119, 153, 187);
}
td.calcellgray {
	padding: 5px;
	border-bottom: 1px solid rgb(119, 153, 187);
	border-right: 1px solid rgb(119, 153, 187);
	background-color: rgb(222, 222, 222);
}
td.carrots {
	padding-top:1px;
}
.calheader { font-family: helvetica, arial, verdana, times new roman; font-size: 16px; color: #666666; margin:0px; padding:0px;}
.header-date {
	font-family: helvetica, arial, verdana, times new roman;
	font-size: 16px;
	color: #666666;
	margin:0px;
	padding:0px;
	font-weight: normal;
}
a.callink, a.callink:link, a.callink:visited {
	font-weight: bold;
	text-decoration: none;
	color: rgb(119, 153, 187);
}
a.callink:hover {
	text-decoration: underline;
	color: rgb(119, 153, 187);
}

.rolloverPopTitle {
	color: rgb(204, 102, 0);
	font-weight: bold;
	font-family: helvetica, arial, verdana, times new roman;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}
#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}
#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}
#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}
.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}
#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JT_copy p{
	margin:3px 0;
}
#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.jTip{
cursor:help;
}

.defaultCenter {
 text-align:        center;
}

/* ---------->>> YUI <<<---------------------------------------------------------------*/
div.yui-b p {
	margin: 0 0 .5em 0;
  color: #CC6600;
}
            
div.yui-b p strong {
	font-weight: bold;
  color: #FFFFFF;
}
            
div.yui-b p em {
	color: #000;
}            
  
.yuimenuitemlabel {

    text-align: left;
    white-space: nowrap;
}

        
a.yuimenuitemlabel {
		text-transform:uppercase;
		text-decoration: none;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 13px;
		padding-left: 9px;
}


/* -----------------------------------------------
					New Header
   ----------------------------------------------- */
#container {
	padding-top: 30px;
	margin: 0;	
	background-image:url(/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: 0;
	padding-bottom: 5px;
}


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

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