/* 
Developed: October 2009
Last Edited: October 2009
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif, verdana;
	color:#333333;
	font-size: 14px;
	overflow-y: scroll;
}
p {
	font-family: arial, sans-serif, verdana;
	line-height: 18px;
	font-size: 12px;
	color: #999;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.default #container {
	/*background-color:#FFF;*/
	width: 1012px;
	margin: 0 auto;
	text-align: left;
}
.default #mainContent {
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-y;
	background-position: left top;
}
.default #bodyFooter {
	width: 1012px;
	height:16px;
	float:left;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* Link Styles [Top Right Corner]
----------------------------------------------- */
a.clsLink:link, a.clsLink:active, a.clsLink:visited {
	color: #666;
	text-decoration: none;
	font-size:11px;
	text-align: left;
	padding:0px 9px 0px 4px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: right;
}
a.clsLink:hover {
	color: rgb(232, 127, 36);
	text-decoration: underline;
}
#endLink { background-image:none; }

a.shopLink:link, a.shopLink:active, a.shopLink:visited {
	color:#FFF;
	text-align:left;
	font-size:11px;
	text-decoration: none;
	padding:6px 30px 5px 8px;
	margin:0px 0px 0px -5px;
	background-repeat: no-repeat;
	background-position: left center;
}
a.shopLink:hover {
	text-decoration: underline;
}


/* Top Nav Styles
----------------------------------------------- */
#topNav {
	font-size: 12px;
	width:1012px;
	height:46px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Department Header Styles
----------------------------------------------- */
.default #deptHeader {
	/*background-color:#FFF;*/
	height:185px;
	width:1012px;
}
.default #deptHeaderBG {
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	height:185px;
	width:573px;
}
h1 {
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}


/* Alert Box
----------------------------------------------- */
#alertBox {
	float:left;
	color:#666;
	line-height:12pt;
	font-size:11px;
	padding:20px 18px 15px 18px;
	margin:0px 0px 0px 6px;
	height:150px;
	width:188px;
	background-repeat: no-repeat;
	background-position: left top;
}
h2 {
	font-family: helvetica, arial, sans-serif, verdana;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	color: rgb(118, 170, 211);
	font-weight: normal;
	}


/* Quick Links
----------------------------------------------- */
#quickLinksBox {
	width:201px;
	min-height:158px;
	margin:4px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	float:right;
	background-repeat: no-repeat;
	background-position: left bottom;
	/*background-color:rgb(249, 223, 200);*/
}
#quickLinksHead {
	width:201px;
	height:43px;
	background-repeat: no-repeat;
	background-position: left top;
}
h3 {
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 28px;
	font-weight: bold;
	color: #D9D9D9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-decoration: none;
	}
#quickLinkCenter { margin:5px 0px 0px 0px; }
.quick {
	padding:3px 15px 3px 15px;
	margin:0px 0px 5px 0px;
	background-color:rgb(255, 204, 153);
	background-repeat: no-repeat;
	background-position: 185px center;
}
.quick a {
	color: rgb(232, 127, 36);
	text-decoration: none;
	font-size:12px;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
}
.quick:hover {
	color: #666;
	text-decoration: none;
	/*background-color:rgb(252, 240, 228);*/
	background-repeat: no-repeat;
	background-position: 185px center;
}


/* Left Nav Links
----------------------------------------------- */
#leftNavBox {
	width:170px;
	margin:0px 0px 0px 0px;
	float:left;
}
#leftNavHead1 {
	width:170px;
	height:43px;
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNavHead2 {
	width:170px;
	height:43px;
	margin-top:15px;
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNavFoot {
	background-repeat: no-repeat;
	background-position: left top;
	width:170px;
	height:18px;
}
#leftNavCenter { margin:5px 0px 0px 0px; }
h4 {
	padding:16px 0px 0px 10px;
	margin:0px 0px 7px 0px;
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	}
.leftNav {
	padding:3px 15px 3px 10px;
	margin:0px 1px 5px 1px;
	/*background-color:rgb(255, 204, 153);*/
	background-repeat: no-repeat;
	background-position: 155px center;
	font-size:12px;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
}
.leftNav a { color: rgb(232, 127, 36); text-decoration: none; }
.leftNav:hover {
	color: #666;
	text-decoration: none;
	/*background-color:rgb(252, 240, 228);*/
	background-image:url(images/arrowGrey.gif);
	background-repeat: no-repeat;
	background-position: 155px center;
}


/* Center Drop Down Styles
----------------------------------------------- */
.default #centerContent {
	width:641px;
	float: left;
	position: relative;
	/* min-height: 400px; */
	height:auto !important;
	display: inline-block;
}


/* Features Etc. Links
----------------------------------------------- */
#featuresLinksBox {
	width:201px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
#featuresLinksHead1 {
	width:201px;
	height:47px;
	background-repeat: no-repeat;
	background-position: left top;
}
#featuresLinksHead2 {
	width:201px;
	height:43px;
	background-repeat: no-repeat;
	background-position: left top;
}
#featuresLinksFoot {
	background-repeat: no-repeat;
	width:201px;
	height:18px;
}
#featuresLinksCenter { margin:5px 0px 0px 0px; }
.featuresHeader {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 30px;
	font-weight: normal;
	color: rgb(189, 172, 50);
}
/*#BG1 { background-color:rgb(244, 233, 188); }
#BG2 { background-color:rgb(253, 250, 239); }*/
.features {
	font-size:20px;
	color:#666;
	margin-top: 0px;
	line-height: normal;
}
.features a {
	color: rgb(189, 172, 50);
	text-decoration: underline;
	font-weight: normal;
}
.features a:hover {
	text-decoration: none;
}


/* Body Links
----------------------------------------------- */
a.body:link, a.body:active, a.body:visited { color:rgb(136, 187, 187); text-decoration: underline; }
a.body:hover { text-decoration: none; } 


/* Bread Crumbs
----------------------------------------------- */
#breadcrumb { color:rgb(136, 187, 187); }
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited { color:#399; text-decoration: underline; }
a.breadcrumb:hover { text-decoration: none; } 


/* Lists
----------------------------------------------- */
ol {
	margin:10px 0 10px 0;
	padding:0 20px 0 38px;
	font-family: arial, sans-serif, verdana;
	line-height: 16px;
	font-size: 12px;
	color: #333333;
}

.simpleList {
	margin:0px 0px 8px 0px;
	padding:0px 20px 10px 38px;
	font-family: arial, sans-serif, verdana;
	line-height: 16px;
	font-size: 12px;
	color: #333333;
	list-style-type: decimal;
}

li.simpleList {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

.default #simpleList2 {
	margin:10px 0 0px 0;
	padding:0 20px 0 38px;
	font-family: arial, sans-serif, verdana;
	line-height: 16px;
	font-size: 12px;
	color: #333333;
	list-style-type: lower-alpha;
}


/* UCSF Footer
----------------------------------------------- */
#footer {
	width:1012px;
	height:40px;
	color: #ffffff;
	/*background-color:#FFF;*/
	font-size:10px;
	padding:10px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	float:none;
	clear:both;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
}