/* Campus Life Services Web Redesign CSS
Developed: October 2009
Last Edited: October 2009
*/

body {
	padding: 0;
	margin: 0;	
	background-image:url(/inc/i/cls_all/bg_grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-family: arial, sans-serif, verdana;
	color:#666;
	font-size: 12px;
	overflow-y: scroll;
}

hr {
	float:none;
	clear:both
}

#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: 1012px;
	margin: 0 auto;
	border: #f1f1f1 2px solid;
	overflow:hidden;
	vertical-align: top;
	background-color: #FFF;
	padding: 10px;
}


#mainContent {
	width: 1012px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow:hidden; 
	background:url(/inc/i/cls_all/mainContentBackground.png) center center repeat-y;
}

#mainContent #mainContentLeft {
	width:800px;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	overflow:hidden; 
}

#mainContent #mainContentRight {
	width:201px;
	float:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	overflow:hidden; 
}

#bodyFooter {
	width: 1012px;
	height:16px;
	float:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.clearFloat {
	float:none;
	clear:both;
}

/* General Text Formatting
----------------------------------------------- */
p {
	margin:0px 0px 11px 0;
/*	padding:0px 30px 0px 25px; */
	font-family: arial, sans-serif, verdana;
	line-height: 16px;
	font-size: 12px;
	color: #666;
}
h1 {
	font-family: helvetica, arial, sans-serif, verdana;
	margin:0px 0px 8px 0px;
	padding:30px 0px 0px 0px;
	font-size: 22px;
	color: #666;
	font-weight: normal;
}
h2 {
	font-family: helvetica, arial, sans-serif, verdana;
/*	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;	*/
	font-size: 16px;
/*	color: rgb(30, 104, 173);  */
	color: #666;
	font-weight: normal;
}

h3 {
	padding:16px 0px 0px 15px;
	margin:0px 0px 7px 0px;
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
}
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;
}
h5 {
	font-family: helvetica, arial, sans-serif, verdana;
/*	margin:0px 0px 8px 0px;
	padding:8px 0px 0px 25px;	*/
	font-size: 16px;
	color: #666;
	font-weight: normal;
}


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

.ucsfBannerSpacer {
	margin:0 7px;
}

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

.ucsfLeft {
	width: 70%;
	margin:0 auto;
	float: left;
}

.ucsfRight {
	width: 30%;
	margin:0 auto;
	float: right;
}

/* CLS Link Styles [Top Right Corner]
----------------------------------------------- */
a.clsLink:link, a.clsLink:active, a.clsLink:visited {
	color: #666;
	background-image:url(/inc/i/cls_all/clsGreyBar.jpg);
	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-image:url(/inc/i/cls_all/buttonShop.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
a.shopLink:hover {
	text-decoration: underline;
}


/* 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: 12px;
	color:#1e68ad;
	background-color:#e6eff6;
}
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 {
	display:block;
	border-left: 6px solid #999;
	margin:0 0 2px 0;
	padding:6px 0 7px 28px;
	font-size: 12px;
	color:#1e68ad;
	background-color:#e6eff6;
	background-image: url(/inc/i/cls_all/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position:5px center;
}
* html a.pdf {background-position: 11px center;}


/* Top Nav Styles
----------------------------------------------- */
#topNav {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFF;
	z-index:99;
}

/* Department Header Styles
----------------------------------------------- */
#deptHeader {
	background-color:#FFF;
	background-position:0;
	height:185px;
	margin:0 0;
	padding:0 0;
}

#deptHeaderBG {
	float:left;
	background-image: url(/inc/i/cls_all/bannerDeptBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:185px;
	width:573px;
	padding: 0;
}

#deptHeaderPhoto {
	float:left;
	height:167px;
	width:167px;
	padding: 0px 26px 5px 0px;
}

#deptHeaderIntro {
	position: relative;
	height:167px;
	padding: 0px 25px 0px 0px;
}



/* Alert Box
----------------------------------------------- */
#alertBox {
	float:left;
	color:#666;
	line-height:12pt;
	font-size:11px;
	padding:20px 10px 0 10px;
	margin:0px 0px 0px 10px;
	background:url(/inc/i/cls_all/alertBox.gif) left top no-repeat;
	height:157px;
	width:197px;
}

#alertBox p {
	padding:0;
}

/* Quick Links
----------------------------------------------- */
#quickLinksBox {
	width:201px;
	background-color:rgb(255, 204, 153);
	padding:0 0 0 0;
	margin:0 0 0 0;
	overflow:hidden;
}
#quickLinksFoot {
	background-image:url(/inc/i/cls_all/orangeFoot.jpg);
	background-repeat: no-repeat;
	width:201px;
	height:18px;
}

#quickLinksBoxFooter {
	width:201px;
	height: 15px;
	background:url(/inc/i/cls_all/quickLinksBoxFooter.gif) bottom right no-repeat;
	float:right;
	overflow:hidden;
}
#quickLinksHead {
	width:201px;
	height:43px;
	background-image:url(/inc/i/cls_all/orangeTabQuick.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#quickLinkCenter { margin:5px 0px 0px 0px; }
.quick {
	padding:3px 15px 3px 15px;
	margin:0px 0px 5px 0px;
	background-color:rgb(249, 223, 200);
}
.quick:hover {
	color: #666;
	background-color:rgb(252, 240, 228);
}
.quick a,
.quick a:link,
.quick a:visited {
	color: rgb(199, 93, 0);
	text-decoration: none;
	font-size:12px;
	text-align: left;
	font-weight: normal;
}
.quick:hover a,
.quick a:hover {
	color: #666;
	text-decoration: none;
}


/* Left Nav Links
----------------------------------------------- */
#leftNavBox {
	width:170px;
	background:#FFFFFF url(/inc/i/cls_all/orangeTileLeft.jpg);
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	/* overflow:hidden; */
}
#leftNavBoxFooter {
	width:170px;
	height: 15px;
	background:url(/inc/i/cls_all/leftNavFooter.gif) bottom left no-repeat;
	float:left;
}
#leftNavHead1 {
	width:170px;
	height:43px;
	background-image:url(/inc/i/cls_all/orangeTabLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNavHead2, #leftNavHead3 {
	width:170px;
	height:43px;
	margin-top:15px;
	background-image:url(/inc/i/cls_all/orangeTabLeft2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNavFoot {
	background-image:url(/inc/i/cls_all/orangeFootLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:170px;
	height:18px;
}
.leftNavCenter { margin:5px 0px 0px 0px; }

.leftNav {
	padding:3px 15px 3px 10px;
	margin:0px 1px 5px 1px;
	/*background-color:rgb(246, 206, 170);*/
	background-image:url(/inc/i/cls_all/arrowOrange.gif);
	background-repeat: no-repeat;
	background-position: 155px center;
	font-size:12px;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
}
.leftNav a:link, .leftNav a:visited { /*color: rgb(232, 127, 36); text-decoration: none;*/ }
.leftNav:hover {
	/*color: #666;
	text-decoration: none;
	background-image:url(/inc/i/cls_all/arrowGrey.gif);
	background-repeat: no-repeat;
	background-position: 155px center;*/
}


/* Center Page Styles
----------------------------------------------- */
#centerContent {
	width:630px;
	float: left;
	position: relative;
	/* min-height: 400px; */
	height:auto !important;
	display: inline-block;
}

#centerContentArticle {
	width: 575px;
	float: left;
/*	position: relative;  */
	padding:0px 30px 0px 25px;
	/* min-height: 400px; */
	height:auto !important;
	display: inline-block;
}

.featureslist {
	padding-top:10px;
}


/* Features Etc. Links
----------------------------------------------- */
#featuresLinksBox {
	width:201px;
	background:url(/inc/i/cls_all/yellowTile.jpg);
	padding-bottom: 0;
	margin-bottom: 0;
	overflow:hidden;
}

#featuresLinksBoxFooter {
	width:201px;
	height: 15px;
	background:url(/inc/i/cls_all/featuresLinksBoxFooter.gif) bottom right no-repeat;
	float:right;
	overflow:hidden;
}

.featuresLinksHead {
	width:201px;
	height:47px;
	background-image:url(/inc/i/cls_all/yellowTabTop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.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: 13px;
	font-weight: normal;
	color: rgb(188, 128, 5);
}

.features {
	font-size:11px;
	line-height:14px;
	color:#666;
	padding:7px 15px 8px 15px;
	margin:0px 1px 5px 1px;
}

.featuresBG1 {
	font-size:11px;
	line-height:14px;
	color:#666;
	padding:7px 15px 8px 15px;
	margin:0px 1px 5px 1px;
	background-color:rgb(253, 250, 239);
}

.featuresBG2 {
	font-size:11px;
	line-height:14px;
	color:#666;
	padding:7px 15px 8px 15px;
	margin:0px 1px 5px 1px;
	background-color:rgb(246, 237, 201);
}

.featuresBG1 a:link,
.featuresBG1 a:visited {
	color: rgb(188, 128, 5);
	text-decoration: underline;
	font-weight: normal;
}
.featuresBG2 a:link,
.featuresBG2 a:visited {
	color: rgb(188, 128, 5);
	text-decoration: underline;
	font-weight: normal;
}
.featuresBG1 a:hover,
.featuresBG2 a:hover
{
	text-decoration: none;
}
.seeall {
	text-align:right;
}


/* Body Links
----------------------------------------------- */
a:link, a:active, a:visited { color:rgb(118, 170, 211); text-decoration: underline; }
a:hover { text-decoration: none; } 


/* Bread Crumbs
----------------------------------------------- */
#centerContent #breadcrumb { color:rgb(118, 170, 211); margin-top:10px; }
#centerContent #breadcrumb a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited { text-decoration: underline; }
#centerContent #breadcrumb a#breadcrumb:hover { text-decoration: none; }

#centerContent p.breadcrumb { color:rgb(118, 170, 211); margin-top:10px; }

#centerContent a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited
{
	 margin-top:10px;
	 text-decoration: underline;
}

#centerContent a.breadcrumb:hover { text-decoration: none; }

/* Lists
----------------------------------------------- */
ul {
	margin:0px 0px 10px 5px;
	padding:0px 0px 0px 0px;
	font-family: arial, sans-serif, verdana;
	line-height: 16px;
	font-size: 12px;
	color: #666;
}

li {
	margin:5px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
#simpleList {
	margin:0px 0px 8px 0px;
	padding:0px 35px 10px 50px;
	font-family: arial, sans-serif, verdana;
	line-height: 16px;
	font-size: 12px;
	color: #666;
}
li.simpleList {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}


#centerContentArticle ul {
margin: 0px;
padding: 0px;
list-style-type: disc;
}

#centerContentArticle ul li {
margin: 5px 0 5px 20px;
padding: 0px;
list-style-type: disc;
}

#centerContentArticle ul.circle {
margin: 0px;
padding: 0px;
list-style-type: circle;
}

#centerContentArticle ul.circle li.circle {
margin: 5px 0 5px 20px;
padding: 0px;
list-style-type: circle;
}

#centerContentArticle ol {
margin: 0px;
padding: 0px;
list-style-type: decimal;
}

#centerContentArticle ol li {
margin: 5px 0 5px 20px;
padding: 0px;
list-style-type: decimal;
}

#centerContentArticle ol.letter {
margin: 0px;
padding: 0px;
list-style-type: lower-alpha;
}

#centerContentArticle ol.letter li {
margin: 5px 0 5px 20px;
padding: 0px;
list-style-type: lower-alpha;
}


#centerContentArticle ol.roman {
margin: 0px;
padding: 0px;
list-style-type: lower-roman;
}

#centerContentArticle ol.roman li.roman {
margin: 5px 0 5px 20px;
padding: 0px;
list-style-type: lower-roman;
}

/* UCSF Footer
----------------------------------------------- */
#footer {
	border-top:#d8af23 6px solid;
	background-color: #323433;  
	color: #FFFFFF;
	font-size:10px;
	padding:10px 0px 0px 0px;
}

#footerLinkBox {
	width: 1012px;
	color: #FFFFFF;
	padding:3px 15px 3px 15px;
	margin:0px 0px 5px 0px;
}

#copyright {
	height:21px;
	color: #939598;
	font-size:10px;
	padding:10px 0px 0px 0px;
	margin: 0 auto;
	text-align:left;
	width: 1012px;
}

a.footerLinkHeader:link,
a.footerLinkHeader:visited {
	font-size:11px;
	text-decoration: none;
	font-weight: normal;
	color:#FFFFFF;
}

a.footerLinkHeader:hover {
	text-decoration: underline;
	font-weight: normal;
	color:#666;
}

a.footerLink:link,
a.footerLink:visited {
	font-size:11px;
	text-decoration: none;
	font-weight: normal;
	color:#d1d2d4;
}

a.footerLink:hover {
	text-decoration: underline;
	font-weight: normal;
	color:#666;
}


/*	Center Content
-------------------------------*/

.centerContentItem {
	width:621px;
	margin:0 0 6px 8px;
	z-index:50;
}
.centerContentTop {
	background:url(/inc/i/cls_all/centerContentTop.gif) center bottom no-repeat;
	height:10px;
}
.centerContentBody {
	background:url(/inc/i/cls_all/centerContentBody.gif) center center repeat-y;
	padding:0 15px;
	height: 65px;
	overflow:hidden;
}
.centerContentBottom {
	background:url(/inc/i/cls_all/centerContentBottom.gif) center top no-repeat;
	height:10px;
}

.centerContentLinks {
	margin:5px 0 0 0;
	background-color:rgb(221, 233, 242);
	padding:5px;
}

.centerContentLinks a,
.centerContentLinks a:link,
.centerContentLinks a:visited {
	color:rgb(30, 104, 173);
	text-decoration:none;
}
.centerContentLinks a:hover {
	text-decoration:underline;
}

.centerContentText {
	margin:0 0 12px 0;
	color:#87888A;
	font-size:12px;
}

a.centerContentMore,
a.centerContentMore:link,
a.centerContentMore:visited {
	text-decoration:underline;
	color:rgb(30, 104, 173);
}

a.centerContentHeader,
a.centerContentHeader:link, 
a.centerContentHeader:visited {
	text-decoration:none;
	color:rgb(30, 104, 173);
	font-size:16px;
}

a.centerContentHeader:hover {
	text-decoration:underline;
}

.centerContentExpand {
	cursor:pointer;
	text-decoration:none;
	color:rgb(30, 104, 173);
	font-size:11px;
}

.centerContentListOne {
	background:url(/inc/i/cls_all/centerContentBody.gif) center center repeat-y;
	padding:5px 0;
}
.centerContentListTwo {
	padding:5px 0;
}

div.dashed_divider {
	margin:10px 0;
	border-bottom:#CCCCCC 1px dashed;
}

div.subhead {
	font-weight:bold;
	margin-bottom:10px;
}

div.pointer {
	line-height:1.5em;
}
	
div.pointerIndent {
	margin:5px 0 0 00px;
}

.jumpLink:link {
	color:rgb(118, 170, 211);
	text-decoration: underline;
	padding: 0;
}

.jumpLink:hover {
	text-decoration: none;
	padding: 0;
}

.jumpBack:link {
	float: right;
	color: rgb(188, 128, 5);
	text-align :right;
	font-weight: normal;
}

.error {
	color:#C00;
}

.gallery {
	background-image:url(/inc/i/cls_all/gallery.png);
	background-repeat: no-repeat;
	background-position:2px center;
	background-color:#f1f6fa;
	min-height:48px;
	padding:5px 0 5px 65px;
}

.galleryIntro {
	position:relative;
	margin-top:auto;
	margin-bottom:auto;
	padding:5px 0;
}

/* Promotion Page Styles
----------------------------------------------- */
.promotionItem {
	width:630px;
	margin:0 0 6px 15px;
	height:auto !important;
}
.promotionTop {
	background:url(/inc/i/cls_all/promotionTop.gif) left bottom no-repeat;
	padding:4px 0 0 6px;
	width:615px;
	height:26px;
}
.promotionBottom {
	background:url(/inc/i/cls_all/promotionBottom.gif) left top no-repeat;
	width:615px;
	height:11px;
}
.promotionHeader {
	background:url(/inc/i/cls_all/promotionHeader.gif) left Top repeat-y;
	color: #ccdbed;
	padding: 10px 60px;
	font-size: 24px;
	height:auto !important;
}
.promotionHeaderBottom {
	background:url(/inc/i/cls_all/promotionHeaderBottom.gif) left top no-repeat;
	width:615px;
	height:17px;
}
.promotionHighlight {
	color: #fff;
}

.promotionBody {
	background:url(/inc/i/cls_all/promotionBody.gif) left top repeat-y;
	padding: 10px 60px;
	height:auto !important;
}
.promotionLinks {
	margin:5px 0 0 0;
	background-color:rgb(221, 233, 242);
	padding:5px;
}
.promotionImage {
	width:168px;
	height:184px;
	background-position: right top;
	overflow:hidden;
	position: relative;
}
.promotionImageMask {
	height:184px;
	width:168px;
	background:url(/inc/i/cls_all/promotionImageMask.png) center center no-repeat;
	background-position: right top;
	position: relative;
}
.promotionActionTop {
	background:url(/inc/i/cls_all/promotionActionTop.gif) left top no-repeat;
	width:615px;
	height:20px;
}
.promotionActionBottom {
	background:url(/inc/i/cls_all/promotionActionBottom.gif) left top no-repeat;
	height:40px;
}
.promotionActionBody {
	background:url(/inc/i/cls_all/promotionActionBody.gif) left top repeat-y;
}

.promotionActionHeader {
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 16px;
	color: #666;
	font-weight: normal;
}
.promotionActionBottom {
	background:url(/inc/i/cls_all/promotionLinkBottom.gif) left top no-repeat;
	height:40px;
}
.promotionActionLink {
	background:url(/inc/i/cls_all/promotionLink.gif) left Top repeat-y;
	padding: 10px 60px;
	height:auto !important;
}
.promotionBody a,
.promotionBody a:link,
.promotionBody a:visited {
	color:#679ac9;
	text-decoration:none;
}
.promotionBody a:hover {
	text-decoration:underline;
}
.promotionActionLink a,
.promotionActionLink a:link,
.promotionActionLink a:visited {
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}
.promotionActionLink a:hover {
	text-decoration:underline;
}

/* Social Media & Mobile Page Styles
----------------------------------------------- */
table.special {
	border: solid #dbe6f3 2px;
	background-color: #FFFFFF;
	border-collapse:collapse;
	margin-top: 4px;
	margin-bottom: 12px;
}

td.th {
	background-color: #edf3f9;
	color: rgb(118, 170, 211);
	padding: 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
}

td.special, td.more {
	padding: 4px 4px;
	vertical-align: middle;
}

td.more {
	border-bottom: dashed #edf3f9 2px;
}

img.special {
	border: solid 4px;
	border-color: #d1d2d4;
}

img.left {
	float: left;
	margin-right:10px;
}

img.right {
	float: right;
	margin-left:10px;
}

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

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

ul.unit, li
{
	list-style: none;
	padding: 0 0 5px 5px;
	margin: 0 0 0 0;
}


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

#topNavFirst ul li {
	margin: 0;
	padding: 0;
}

#topNavFirst ul li a {
	width: 175px;
	font: 12px arial;
	color:rgb(103, 154, 201); 
	text-decoration: none;
	display: block;
	padding: 3px 5px;
	margin: 0;
}

#topNavFirst ul li a:hover {
	width: 165px;
	color: rgb(30, 104, 173);
	font-weight: bold;
}

#topNavFirst ul li ul {
	width: 180px;
	margin: -20px 0 0 -180px;
	padding: 0;
	background-color: #F5F9FC;
	border: 1px solid #FFF;
	position: absolute;
	z-index: 1000;
	left: -999em;
}

#topNavFirst ul li:hover ul, #topNavFirst ul li.sfhover ul {
	widows: 180px;
	background-color: #F5F9FC;
	left: auto;
}

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

#topNavSecond ul li ul {
	width: 180px;
	padding: 5px;
	margin: -20px 0 0 140px;
	background-color: #F5F9FC;
	border: 1px solid #B2B6B8;
	position: absolute;
	z-index: 1000;
	left: -999em;
}

#topNavSecond ul li:hover ul, #topNavSecond ul li.sfhover ul {
	left: auto;	
}

#topNavSecond ul li {
	width: 160px;
	display: block;
}

#topNavSecond ul li a {
	font: 12px arial;
	color:rgb(103, 154, 201); 
	text-decoration: none;
}

#topNavSecond ul li a:hover {
	color: rgb(30, 104, 173);
	font-weight: bold;
}

/* Social Media Share Buttons
--------------------------------------------*/
.article-share {
	height:32px;
	background-color:#f8f8f8;
}

.share-label {
	height:20px;
	margin:7px 15px 0 10px;
	font-size:14px;
	color:#999;
	float:left;
}

.share-buttons {
	height:24px;
	margin:5px 15px 0 10px;
	float:left;
}

img.print-link {
	height:24px;
	width:24px;
	color:transparent;
	margin-top:4px;
	margin-left:-10px;
/*	background:url(/inc/i/cls_all/print.png) no-repeat transparent;  */
}

.search-button {
	border:none;
	color:#FFF;
	background: url(/inc/i/cls_all/search.gif) no-repeat;
	width:19px;
	height:19px;
	vertical-align:middle;
}

#outerWrap {
	padding-bottom: 16px;
	background: url('/inc/i/cls_all/mainFooter.png') no-repeat center bottom;
}

/* leftmenu */
.leftmenu {
	margin: 0;
	padding: 0;
	width: 170px;
}
.leftmenu li {
	margin: 7px 0;
	padding: 0;	
	background-color: #FADFC8;
	padding: 3px 10px 3px 10px;
	position: relative;
}
.leftmenu li a {
	text-decoration:none;
	color: #C95C30;
	display: block;	
}

.leftmenu li:hover {
	background-color: #FCF0E4;
}
.leftmenu li.expandedmenu:hover,
.leftmenu li.expandedmenu:hover ul li {
	background-color: #FADFC8;	
}
.leftmenu li:hover a {
	color: #919191;
}
.leftmenu li.expandedmenu:hover a {
	color: #C95C30;	
}
.leftmenu li.expandedmenu a:hover {
	color: #919191;	
}
.leftmenu li.hassubmenu {
	background-image:url('/inc/i/cls_all/arrowOrange.gif');
	background-repeat:no-repeat;
	background-position: 155px 7px;
}
.leftmenu li.hassubmenu:hover,
.leftmenu li.hassubmenu.selected {
	background-image:url('/inc/i/cls_all/arrowGrey.gif');
}
.leftmenu li.selected > a {
	color: #919191 !important;
}

/* leftmenu second level */
.leftmenu li ul {
	display: none;
	margin-bottom: 0;
}
.leftmenu li:hover ul {
	display: block;
	position: absolute;
	width: 170px;
	top: 0;
	left:165px;
	z-index: 999;
	background-color: #FADFC8;
}
.leftmenu li.expandedmenu:hover ul {
	position: relative;
	top: auto;
	left: auto;
	width: auto;	
}

.leftmenu li.expandedmenu ul {
	display: block;	
}
.leftmenu li ul li {
	background-color: transparent;	
}
.leftmenu li ul li a:hover {
	color: #919191;
}