@import url("/design/css/mini/top-link.css");
/**************  Global Resets   ******************/

* {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img,
hr { border:0; }
ol,
ul { list-style:none; }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
/**************************************************/

body {
	font:12px/1.6 Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fff;
}
/* General */

.library_instructions {
	color:red;
	padding-top:20px;
	margin-bottom:20px;
}
h3 {
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
}
h4 {
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
}
h5 {
	font-weight:bold;
	letter-spacing:1px;
}
h6,
.col_header {
	font-weight:bold;
	padding-bottom:3px;
}
.header_gray,
.sub_header_gray {
	color:#666;
	font-weight:bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
.site_title,
.header_blue,
.header_gray,
.sub_header_blue,
.sub_header_gray,
.col_header {
	line-height:1.2;
	padding-bottom:5px;
}
#main_content ul.list_main {
	padding-bottom:10px;
	width:420px;
}
#main_content ul.list_main ul {
	margin:0;
	padding:0;
}
#main_content ul.list_main li {
	padding-bottom:5px;
	list-style-type:disc;
	margin-left:30px;
	color:#333;
}
/*	Unordered Lists in Main Content
	Known cascading style issue with color-specification on lists nested beyond 3 levels
	-- MC */
#main_content ul li {
	margin:0;
	padding:0;
	line-height:1.875em;
	list-style-type: none;
}
#main_content ol li {
	margin:0 0 0 30px;
	padding:0 0 0 0;
	line-height:1.875em;
}
#main_content ul,
#main_content ol {
	margin:0 0 1em 0;
	padding:0;
}
#main_content ul ul,
#main_content ol ol { margin:0; /* Remove linefeed beneath nested lists */ }
#main_content ul li { /* Default lists use a dark grey square bullet
	background: url(/Design/images/bullets/list_main-grey.gif) no-repeat left .75em; */ }
#main_content ul.grey li,
#main_content ul ul.grey li,
#main_content ul ul ul.grey li {
	background: url(/Design/images/bullets/list_main-grey.gif) no-repeat left .75em;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
#main_content ul.blue li,
#main_content ul ul.blue li,
#main_content ul ul ul.blue li {
	background: url(/Design/images/bullets/list_main-blue.gif) no-repeat left .75em;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
#main_content ul.orange li,
#main_content ul ul.orange li,
#main_content ul ul ul.orange li {
	background: url(/Design/images/bullets/list_main-orange.gif) no-repeat left .75em;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
#main_content ul.teal li,
#main_content ul ul.teal li,
#main_content ul ul ul.teal li {
	background: url(/Design/images/bullets/list_main-teal.gif) no-repeat left .75em;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
p { padding-bottom:10px; }
ul li li { list-style-type:disc; }
ul li li li { list-style-type:circle; }
ol li { list-style-type:decimal; }
ol ol li { list-style-type:lower-alpha; }
ol ol ol li { list-style-type:lower-roman; }
a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color:#6886b3;
	text-decoration: none;
}
a:hover {
	color:#06c;
	text-decoration: underline;
}
.bold_text { font-weight:bold; }
.clearfloat { clear:both; }
.singleline { padding:0; }
.blockelem { display:block; }
/* 
-----------------------------------*/	


/* UCSF Main Nav */

#ucnav {
	background:#666;
	width:798px;
	float:left;
	margin:0;
	height:30px;
	overflow:hidden;
}
#ucnav li {
	float:left;
	color:#fff;
	list-style:none;
	margin-top:5px;
	padding-right:5px;
}
#ucnav li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
#ucnav #logo { margin-top:0; }
/* 
-----------------------------------*/

/* som nav and search
-----------------------------------*/

#main_nav {
	height:36px;
	position:relative;
}
#main_nav,
#main_nav h1,
#main_nav ul#nav,
#main_nav form { float:left; }
#main_nav #som_logo {
	height:18px;
	float:left;
	padding:10px 15px 0 5px;
}
#main_nav ul#nav { padding-top:13px; }
#main_nav ul#nav ul {
	font-size:85%;
	line-height:1.2em;
}
#main_nav form { padding:8px 0 0 22px; }
#main_nav li {
	display:inline;
	border-right:1px dotted #999;
	padding:0 5px 0 12px;
}
#main_nav li.no_pipe { border-right:none; }
#main_nav a {
	font-weight:bold;
	color:#d86219;
	font-size:90%;
}
#main_nav a.nav_l1 { height:20px; }
#main_nav a:hover { color:#d86219; }
#search_go { margin-bottom:-4px; }
/* dropdown menu */

#nav li:hover ul,
#nav li.sfhover ul { display:block; }
#nav li ul { display:none; }
#subnav1,
#subnav2,
#subnav3 { font-size:13px; }
#subnav1_ul {
	position:absolute;
	top:22px;
	left:283px;
}
#subnav2_ul {
	position:absolute;
	top:22px;
	left:430px;
}
#subnav3_ul {
	position:absolute;
	top:22px;
	left:516px;
}
#subnav1_ul li,
#subnav2_ul li,
#subnav3_ul li {
	border:none;
	padding:0;
}
#nav li ul li a {
	display:block;
	background:#f7f7f7;
	color:#666;
	padding:5px;
	width:135px;
	font-weight:normal;
}
#nav li ul li a:hover { background:#eee; }
/* 
-----------------------------------*/


/* som branding */
#som_brand {
	/*height:36px;*/
	background:#e6e6e6;
	float:left;
	width:798px;
	height:25px;
	padding:7px 0 2px 0;
	_padding-bottom:2px; /*IE6 Hack*/
}
#som_logo { float:left; /*padding-top:10px;*/
	}
#som_brand form {
	padding-right:30px;
	float:right;
	/*height:25px;*/
	margin-top:-5px;
}
#search_go { /*margin-bottom:-4px;*/	
	}
/* 
-----------------------------------*/

/* Content Area */

	
#wrapper {
	width:798px;
	margin:0 auto;
}
#left_col div,
#main_content div,
#right_col div,
#left_col blockquote { margin-bottom:10px; }
/* fixes arrow alignment in left nav */
td.tvbluemedium div,
td.tvorangemedium div,
td.tvtealmedium div { margin-bottom:0 !important; }
#left_col {
	width:152px;
	float:left;
	margin-right:25px;
	margin-top:10px;
	line-height:1.2;
	font-size:11px;
}
#left_col #left_nav {
	display:block;
	margin-bottom:20px;
}
#left_col #left_nav td { padding:3px; }
#main_content {
	width:430px;
	float:left;
	margin-right:25px;
	margin-top:10px;
}
#right_col {
	width:166px;
	float:right;
	line-height:1.4;
	font-size:11px;
	margin-top:10px;
}
#rssreader { padding:10px 0; }
/* Table Styles */

.main {
	border-top:1px solid #666;
	border-left:1px solid #666;
	margin-bottom:10px;
}
.main td,
.main th {
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	padding:3px;
	font-size:10px;
}
.main th {
	background:#6886b3;
	color:#fff;
}
.odd_row td { background:#f6f6f6; }
/* Library Items */
	
	
.lt_gray_box {
	background:#f6f6f6;
	padding:10px;
}
.bio_info {
	height:115px;
	min-height:115px;
	padding-top:5px;
}
.bio_info h5 { padding-top:25px; }
.bio_info p { padding-bottom:0; }
.bio_info img {
	float:left;
	padding:0 5px 0 0;
}
.photo {
	border:1px solid #999;
	width:144px;
}
.caption {
	padding:5px;
	background:#f6f6f6;
	padding:5px;
	margin:0;
	border-top:1px solid #999;
}
.notify_gray {
	padding:5px;
	border:1px solid #999;
	width:140px;
}
.date {
	color:#85884c;
	display:block;
}
.divider {
	border-top:1px solid #eee;
	margin-top:5px;
}
.divider_main {
	border-top:1px dashed #6886b3;
	margin-top:10px;
	padding-bottom:5px;
}
.col_list { padding-bottom:10px; }
.col_list li {
	list-style:none;
	padding:0 0 5px 10px;
	margin-left:10px;
	background:#fff url(/design/redesign/global/images/bullet.gif) 0 9px no-repeat;
}
.box_promo {
	padding:5px;
	width:140px;
	color:#fff;
	background:#6886b3;
	font-weight:bold;
}
/* 
-----------------------------------*/


/* Footer */

#footer {
	clear:both;
	width:780px;
	text-align:center;
	padding-top:50px;
	padding-bottom:30px;
}
#footer ul li {
	list-style:none;
	padding-left:10px;
	display:inline;
}
.footer {
	font-size: 10px;
	color: #6886B3;
	text-decoration: none;
}
a.footer:link,
a.footer:visited,
a.footer:hover,
a.footer:active {
	color: #6886B3;
	text-decoration: underline;
}
/* 
-----------------------------------*/


/* Right Nav */
#rightnav { padding-bottom:10px; }
#rightnav li {
	list-style:none;
	padding:0 0 5px 10px;
	margin-left:10px;
	background:#fff url(/design/redesign/global/images/bullet.gif) 0 9px no-repeat;
}
#rightnav li a {
	color: #000099;
	text-decoration: none;
}
#rightnav h4 {
	font-weight:bold;
	font-size:13px;
	color:#333;
}
/* 
-----------------------------------*/

/* Blue Template */
	
.header_blue,
.sub_header_blue,
.site_title_blue {
	color:#6886b3;
	font-weight:bold;
}
.lt_blue_box {
	background:#d1d9ec;
	padding:10px;
}
.notify_blue {
	padding:5px;
	border:1px solid #6886b3;
	width:140px;
	margin-bottom:10px;
}
.pullquote {
	padding-left:20px;
	background:#fff url(/Design/images/left_q.gif) top left no-repeat;
}
.pullquote p.tagline {
	padding:0 20px 0 5px;
	text-align:right;
	background:#fff url(/Design/images/right_q.gif) bottom right no-repeat;
	font-style:italic;
}
.two_col_main { width:430px; }
.left_main {
	width:180px;
	float:left;
	padding:10px;
}
.right_main {
	width:180px;
	float:right;
	background:#d1d9ec;
	padding:10px;
}
#main_content .two_col_main ul.list_main { width:100%; }
/* 
-----------------------------------*/

/* Orange Template */
	
.header_orange,
.sub_header_orange,
.site_title_orange {
	color:#d86219;
	font-weight:bold;
}
/*tree view controls*/
/*orange*/
.tvorangetitle td { width:146px; }
.tvorangetitle,
a.tvorangetitle:link,
a.tvorangetitle:active,
a.tvorangetitle:link,
a.tvorangetitle:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D86219;
}
a.tvorangetitle:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #D86219;
}
.tvorangedark,
a.tvorangedark:link,
a.tvorangedark:active,
a.tvorangedark:link,
a.tvorangedark:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #514949;
	text-decoration: none;
}
a.tvorangedark:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #333333;
	text-decoration: none;
	background-color: #FAF2E3;
}
.tvorangemedium,
a.tvorangemedium:link,
a.tvorangemedium:active,
a.tvorangemedium:link,
a.tvorangemedium:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	color: #333333;
	text-decoration: none;
}
.tvorangemedium:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #333333;
	text-decoration: none;
	background-color: #FAF2E3;
}
/*teal*/
.tvtealtitle td { width:146px; }
.tvtealtitle,
a.tvtealtitle:link,
a.tvtealtitle:active,
a.tvtealtitle:link,
a.tvtealtitle:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color: #ffffff;
	text-decoration: none;
	background-color:#669999;
}
a.tvtealtitle:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color: #ffffff;
	text-decoration: none;
	background-color:#669999
}
.tvtealdark,
a.tvtealdark:link,
a.tvtealdark:active,
a.tvtealdark:link,
a.tvtealdark:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #514949;
	text-decoration: none;
}
a.tvtealdark:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #333333;
	text-decoration: none;
	background-color: #669999;
}
.tvtealmedium,
a.tvtealmedium:link,
a.tvtealmedium:active,
a.tvtealmedium:link,
a.tvtealmedium:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	color: #333333;
	text-decoration: none;
}
.tvtealmedium:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #333333;
	text-decoration: none;
	background-color: #B2D4D4;
}
/*blue*/
.tvbluetitle td { width:146px; }
.tvbluetitle,
a.tvbluetitle:link,
a.tvbluetitle:active,
a.tvbluetitle:link,
a.tvbluetitle:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#6886B3
}
a.tvbluetitle:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#6886B3;
}
.tvbluedark,
a.tvbluedark:link,
a.tvbluedark:active,
a.tvbluedark:link,
a.tvbluedark:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.tvbluedark:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #6886B3;
}
.tvbluemedium,
a.tvblueemedium:link,
a.tvbluemedium:active,
a.tvbluemedium:link,
a.tvbluemedium:visited {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	color: #514949;
	text-decoration: none;
}
.tvbluemedium:hover {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #B4C0D3;
}
/*end tree view controls*/

/* ==================================
Miscellaneous
================================== */
.important { color:#f00 !important; }


/* ==================================
EOF
================================== */