/**********************************************************************************
*
*	UC Hastings 
*	built by WebSight Design
*	06/15/09
*
***********************************************************************************/

*{padding:0px; margin:0px;}

html{ height:100%;}

body{
	height: 100%; text-align: center; background:#f0ebe1 url('../../../images/issues/2009fall/body_bg.jpg') repeat-x top center; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;
}

.wrapper{
	width: 860px;  margin:0px auto; background: url('../../../images/top_bg.gif') no-repeat top center; text-align: center; padding:51px 0px 0px 0px;
	min-height: 100%; height:auto !important; height:100%; border:#000 0px solid;
}

.header{
	width: 750px; height: 74px; margin:0px auto; 
}

.footer{
	height:90px; width: 750px; margin:10px auto; text-align: left; color:#809ead; 
}

.footer a{
	color:#809ead; text-decoration: none;
}

.footer a:hover{text-decoration:underline;}
.footer a:active{color:#ff6600;}

.logo_div{
	float: left; width:385px; height:74px; background: url('../../../images/issues/2009fall/logo.png') no-repeat top center !important; 
	background: url('../../../images/issues/2009fall/logo.gif') no-repeat top left ; cursor: pointer; 
}

.header_right{
	float: right; width:350px; height:63px; 
}

.nav{
	float: right; width:360px; height:20px; color:#fff; font-size: .94em; text-align:right; 
}

.nav a{
	color:#fff; text-decoration: none; margin:0px 4px 0px 4px;
}
.nav a:hover{text-decoration:underline;}
.nav a:active{color:#ff6600;}

.search_div{
	float: right; width:173px; height:19px; margin:6px 0px 0px 0px; background: url('../../../images/search_bg.gif') no-repeat top left; vertical-align: top;	padding:0px;	
}

.black{color:#000;}
.grey{color:#b1c0c9;}
.darkgrey{color:#6b747a; }
.blue{color:#148ece;}
.navy{color:#2781ae;}
.dark{color:#677171;}
.serif{font-family: Georgia, serif;}
.orange{color:#f26522;}


.f22{font-size:1.72em; margin:0px 0px 3px 0px; display: block;}
.f20{font-size:1.42em;}
.f18{font-size:1.3em;}
.f16{font-size:1.2em;}
.f14{font-size:1.1em;}
.f12{font-size:1.0em;}
.f10{font-size:.9em;}

.italic{ font-style: italic;}
.caps{text-transform:uppercase;}
.s10{ height:8px;}
.s16{ height:16px; line-height:16px;}
.l10{ line-height:.95em;}
.lowc{ text-transform: lowercase; }
.cap{ text-transform: capitalize; }
.clearer{clear:both;}
.bold{font-weight: bold;}


/*================================ Home Styles ======================================*/

.home_top{
	width:748px; height:314px; border:#fff 3px solid; margin:0px auto;
}

.home_top_left{
	width:490px; height:314px; background:#fff; float:left;
}

.home_top_left_top{
	width:483px; height:25px; background:#fff; float:left; text-align: left; padding:3px 0px 0px 7px;
}

.home_top_left_nav{
	width:100px; height:20px; float:left; margin:-30px 21px 0px 21px !important; color:#fff;  margin:-30px 11px 0px 10px; border:#fff 0px solid;
	z-index: 5; position: relative;
}

.home_top_left_bottom{
	width:491px; height:286px; background:none; border:#000 0px solid; }

.home_top_left_nav a { color:#fff; text-decoration: none;}
.home_top_left_nav a:hover{text-decoration:underline;}
.home_top_left_nav a:active{color:#ff6600;}

.home_top_right{
	width:258px !important; width:250px; height:314px !important; height:311px; float:left; background: url('../../../images/issues/2009fall/in_this_issue.gif') no-repeat top left; position: relative; padding:0px !important; padding:1px 0px 0px 0px;
}

.home_top_right_cover{
	width:100px; height: 100px;  margin:-17px 10px 0px 130px !important; margin:-17px 10px 0px 70px; 
	background: url('../../../images/issues/2009fall/cover_float.png') no-repeat top center !important; float:right; position: relative; z-index:5;
	font-size:.88em;  cursor:pointer; background: url('../../../images/issues/2009fall/cover_float.gif') no-repeat top center ;
}

.home_top_right_cover a {color:#000; text-decoration:none; font-variant: small-caps;}
.home_top_right_cover a:hover {color:#000; text-decoration:underline; font-variant: small-caps;}
.home_top_right_cover a:active {color:#000; }

.home_top_right_back{
	width:258px !important; width:257px; height:289px !important; height:287px; background:#fff; margin:-55px 0px 0px 0px !important;/* opacity:.5; -moz-opacity: .5;  filter:alpha(opacity=50); 	*/	float:right; position: relative; z-index:-5; margin:-67px 0px 0px 0px;
}

.home_top_right_bottom{
	position: absolute !important; z-index:5; width:208px;  margin:0px 0px 0px 0px !important; margin:-300px 20px 0px -200px; float:right; top: 100px; left: 20px; text-align:left; color:#000; 		position:relative;
}

.home_subhead{
	color:#c8531a; font-size: .95em; margin:5px 0px 5px 0px;
}

.home_bottom{
	border:#f00 0px solid; width:750px !important; width:780px; margin:42px auto 0px auto;  
}

.home_bottom_left{
	width:492px !important;   float:left;  border:#f90 0px solid; 
}

.home_bottom_right{
	width:248px;  float: left; border:#f90 0px solid; margin: 0px 0px 0px 10px !important; text-align:right; margin: 0px 0px 0px 10px;
}

.home_multimedia{
	width:490px; height:218px; background: #606636; border:#606636 1px solid; text-align: left;
}
.home_multimedia_top{ height: 29px; padding:3px 0px 0px 0px;}
.home_multimedia_top a{ color:#fff; text-decoration: none; font-weight: bold;}
.home_multimedia_top a:hover{text-decoration:underline;}
.home_multimedia_top a:active{color:#ff6600;}



.home_multimedia_div{
	width: 130px; height:92px; float:left; border-right:#9d9f7e 1px solid; margin:1px 0px 0px 5px !important; margin:1px 0px 0px 0px; padding:2px 17px 0px 10px; color:#fff; font-size:.90em; line-height:1.2em;
}

.home_multimedia a{ color:#fff; text-decoration: none; font-weight: bold;}
.home_multimedia a:hover{text-decoration:underline;}
.home_multimedia a:active{color:#ff6600;}

a.ask_icon{display: block; height:14px; background: url('../../../images/issues/2009fall/ask_icon.gif') no-repeat top left; padding:0px 0px 0px 18px;}
a.ss_icon{display: block; height:14px; background: url('../../../images/issues/2009fall/ss_icon.gif') no-repeat top left; padding:0px 0px 0px 18px;}
a.ve_icon{display: block; height:14px; background: url('../../../images/issues/2009fall/ve_icon.gif') no-repeat top left; padding:0px 0px 0px 18px;}

a.webex_ss{display: block; height:14px; font-size: .90em; background: url('../../../images/webex_ss.gif') no-repeat top left; padding:0px 0px 0px 18px;}
a.webex_ve{display: block; height:14px; font-size: .90em; background: url('../../../images/webex_ve.gif') no-repeat top left; padding:0px 0px 0px 18px;}
a.webex_ar{display: block; height:14px; font-size: .90em; background: url('../../../images/webex_ar.gif') no-repeat top left; padding:0px 0px 0px 18px;}
a.webex_ask{display: block; height:14px; font-size: .90em; background: url('../../../images/webex_ask.gif') no-repeat top left; padding:0px 0px 0px 18px;}

a.more_link{ display:block; color:#2781AE; display: block; height:14px; }
a.more_link:active, a.more_link:hover{ display:block; }

.home_webex{
	width:488px; height:307px;  border:#1e2a3e 2px solid; text-align: left; margin: 13px 0px 10px 0px;
	background:#fff url('../../../images/issues/2009fall/web_exclusives.gif') no-repeat top left; 
}

.home_webex a{ 
	color:#000; font-variant: small-caps; text-decoration: none; margin:3px 0px 2px 0px;
}
.home_webex a:hover{text-decoration:underline;}
.home_webex a:active{color:#ff6600;}

.webexlink_alt a{color:#148ece; font-family: Georgia, serif; font-size:1.1em; font-variant: normal;}

.home_webex_left{
	margin:20px 0px 0px 20px; width: 200px !important; float: left; width:160px; border:#f00 0px solid;
}

.home_webex_right{
	margin: 20px 20px 20px 0px !important; float: right; width:240px; text-align: left; margin: 15px 0px 20px 10px; border:#f00 0px solid;
}

.home_past_issues{
	float:right; width:245px; height:73px; border:#b5b5b5 2px solid; margin: 13px 0px 0px 0px; background: #fff url('../../../images/past_issues.gif') no-repeat 5px 5px; color:#467082;
}

.home_past_issues a{
	color:#467082; text-decoration: none;
}
.home_past_issues a:hover{text-decoration:underline;}
.home_past_issues a:active{color:#ff6600;}


.home_alumni{
	width:206px; height: 266px; background: #fff url('../../../images/issues/2009fall/alumni_events.gif') no-repeat top left; border:#636363 2px solid;text-align:left; 
	padding: 35px 15px 5px 25px !important; line-height:14px; font-size:11px; padding: 35px 0px 5px 25px;
}

.home_class{
	width:246px; height: 270px; background: #e1eff7 url('../../../images/issues/2009fall/class_notes.gif') no-repeat top left; border:#1e2a3e 2px solid; margin:13px 0px 0px 0px;
	font-size:.96em; line-height:14px; font-size:11px;
}

.home_class a{
	color:#2781ae; font-weight: normal; text-decoration: none;
}
.home_class a:hover{text-decoration:underline;}
.home_class a:active{color:#ff6600;}


.home_class_a{ 
	color:#467082; text-decoration: none; font-size:.9em; margin:12px 35px 0px 0px; display: block;
}

.home_class_div{
	width:206px; padding: 17px 15px 0px 25px; border:#000 0px solid; text-align: left; color:#677171;
}


/*================================ TOC Styles ======================================*/

.toc_nav{
	text-align:right; color:#fff; height:20px; width: 750px; margin: 0px auto; font-size:.9em;
}

.toc_nav a { color:#fff; text-decoration: none;}
.toc_nav a:hover{text-decoration:underline;}
.toc_nav a:active{color:#ff6600;}

.toc_top{ width: 750px; height:278px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/toc_header.gif') no-repeat top left; padding: 52px 0px 0px 0px;}

.toc_top_div{
	width:199px; height: 278px; border-right:#b8babc 1px solid; float:left; padding:0px 25px 0px 25px; text-align:left; color:#474749; 
}

.toc_me{
	width: 750px; height:155px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/toc_me.gif') no-repeat top left; padding:40px 0px 0px 0px; 
}
.toc_me a:hover{text-decoration:underline;}
.toc_me a:active{color:#ff6600;}

.toc_me_div{
	width: 130px; height: 150px; margin:0px; float:left;  color:#474749; text-align:left; padding:0px 25px 0px 25px;
}

.toc_me_div img{margin:0px 0px 5px 0px;}
.toc_me_div a{color:#a4a4a8; text-transform: uppercase; width:100px; text-decoration:none; }

.toc_briefings{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/toc_briefings.gif') no-repeat top left; padding:40px 0px 0px 0px; border:#000 0px solid;
}

.toc_briefings_div{
	width: 130px;  margin:0px; float:left;  color:#474749; text-align:left; padding:0px 25px 0px 25px; border:#000 0px solid;
}

a.toc_links{ color:#474749; text-transform: none;  }

/*================================ Class Notes Styles ======================================*/

.cn_top{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/cn_top.gif') no-repeat top left; padding: 8px 0px 0px 0px; text-align:right;color:#d9d19d;
	font-size: .93em;
}

.cn_top a{ color:#d9d19d; text-decoration: none;}
.cn_top a:hover{text-decoration:underline;}
.cn_top a:active{color:#ff6600;}

.cn_mid{
	width:748px; float:right; text-align:left; background: #fff url('../../../images/art_bg.gif') repeat-y top left; margin:28px 0px 0px 0px; color:#474749; text-transform:none;
	font-size:1.07em;
}

.cn_mid p{ margin: 5px 0px 2px 0px;}


.cn_left{ float:left; width:440px; padding:0px 20px 20px 25px; border:#000 0px solid;}

 

.cn_right{
	width:248px !important; float:right; height:500px; margin: 19px 0px 0px 0px; border:#000 0px solid; width:210px;
}

.class_table{
	color:#000; font-size:.83em; border:#000 0px solid;	
}
.class_table td{ padding:5px 0px 3px 0px;}

.class_table input{
	border:#000 1px solid; height:13px; width:130px; background:#fff;
}

.class_table textarea{
		border:#000 1px solid; height:95px; width:223px; background:#fff;
}
.class_table_alt input{ border:0px;}

/*================================ Article Styles ======================================*/
.article_top{
	width:750px; background:#fff; margin:0px auto;text-align: left;
}

.article_mid{
	width:750px; background:#fff url('../../../images/art_bg.gif') repeat-y top left;  border:#000 0px solid; margin:20px auto; text-align: left;
}

.article_mid_left{
	width:500px;  float:left; border:#000 0px solid; color:#000;
}

.article_mid_left ul{ color:#000; padding:3px 0px 10px 20px; }

.article_mid_right{
	width:250px;  float:right; border:#000 0px solid; color:#a69398;font-size:.9em;
}

.article_mid_right a{
	color:#467082; text-decoration:none;
}

.mid_left{ margin:0px 0px 20px 20px; border:#000 0px solid;}

.mid_left p{ margin:5px 5px 15px 0px; }

.mid_left_multi{
   margin:0px 0px 20px 20px; position:relative;
}	

.mid_left_multi p{
}

.article_sub_multi_1{
	float:right; position: static; top:0px; right:0px; margin: 5px 2px 10px 10px; background:#eeebe6; width:200px; color:#a69398; font-size:.9em; padding:8px;
	
}

.article_sub_multi_2{
	clear:right; float:right; position:relative; top:0px; right:0px; margin: 5px 2px 10px 10px; background:#eeebe6; width:200px; color:#a69398; font-size:.9em; padding:8px;
}

.mid_right{ background:#b1c0c9; width:200px; margin:20px 0px 0px 0px; padding:0px 25px 30px 25px; color:#a69398; }

.article_sub{
	float: right; margin: 5px 2px 10px 10px; background:#eeebe6; width:200px; color:#a69398; font-size:.9em; padding:8px;
}

.article_sub_box{
	width:216px; float:right; margin:0px 2px 0px 10px;
}

.article_sub_box img{ display: block;  }
/*================================ Alumni Services Styles ======================================*/

.as_top{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/alumevents.gif') no-repeat top left; padding: 18px 0px 0px 0px; text-align:right;color:#d9d19d;
	font-size: .93em;
}

.as_top p{ margin:3px 0px 16px 0px;}
.as_top a{ color:#437ea2; text-decoration: none;} 
.as_top a:hover{text-decoration:underline;}
.as_top a:active{color:#ff6600;}

.ac_top{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/alumconnex.gif') no-repeat top left; padding: 18px 0px 0px 0px; text-align:right;color:#d9d19d;	font-size: .93em;
}

.ac_top p{ margin:3px 0px 16px 0px;}
.ac_top a{ color:#437ea2; text-decoration: none;} 
.ac_top a:hover{text-decoration:underline;}
.ac_top a:active{color:#ff6600;}

.serv_top{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/alumsvcs.gif') no-repeat top left; padding: 18px 0px 0px 0px; text-align:right;color:#d9d19d;	font-size: .93em;
}

.serv_top p{ margin:3px 0px 16px 0px;}
.serv_top a{ color:#437ea2; text-decoration: none;} 
.serv_top a:hover{text-decoration:underline;}
.serv_top a:active{color:#ff6600;}

.slideshow_nav{text-align: right;}
.slideshow_nav a{
	color:#000;
}

/*================================ Web Exclusives Styles ======================================*/

.we_top{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/web_exclusives2.gif') no-repeat top left; padding: 18px 0px 0px 0px; text-align:right;color:#d9d19d;
	font-size: .93em;
}

.pi_top{
	width: 750px; margin: 0px auto; background: #fff url('../../../images/issues/2009fall/past-issues.gif') no-repeat top left; padding: 18px 0px 0px 0px; 
	text-align:right;color:#d9d19d;	font-size: .93em;
}



.webex_div{ margin:15px 0px 15px 0px; border:#000 0px solid; cursor:pointer;}

.webex_div a{
	color:#467082; text-decoration:none;
}

.webex_div_text{
	float:right; border:#000 0px solid; width:250px; padding:5px 0px 0px 0px; margin:0 5px 0 10px;
}

.galleria_container{width:460px;min-height:332px;} /* add ~32px height more than image size -- prevents jumping on first load (or set <img> W/H) */
.galleria{list-style:none;width:460px}
.galleria li{display:block;width:40px;height:40px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.photo_div input{
	height:20px; border:#000 0px solid;
}

.class_table select{
	font-size: 1em !important; font-size:.99em; height:1em; height:17px; border:#000 1px solid;
}

.ask_div{
	background:#ebebeb; border:#d4d4d4 1px solid; width:445px; padding:10px; text-align:left; margin: 0px 0px 0px 16px;
}

.ask_div_inner{
	background:#fff; border:#d4d4d4 1px solid; width:423px; padding:10px;	
}

.ask_q_div{ width:367px; display:block; font-style: italic; color:#000; font-size: .89em; background: url('../../../images/ask_bottom.gif') no-repeat bottom center; padding:0px 0px 15px 0px; }
.ask_a_div{ width:367px; color:#000; font-size: .89em; padding:10px 0px 10px 0px; display:block; }