@charset "utf-8";
/**
 * CSS files
 **/
@import url("../styles/reset.css");
@import url("../styles/typography.css");
@import url("../styles/forms.css");

body{background: #333 url(../images/backgrounds/site_bg.png) repeat-x;}
#container{ margin: 10px auto; width: 960px; }

/**
 * header code
 **/
#header{
	margin:0 auto;
	padding:1px 0 20px 0;
	width:100%;
	height:220px;
	background: #333;
	text-align:center;
	line-height:220px;
	color:#ECECEC;
}
#header h1,#header h2,#innerhead span.site-title h2,#innerhead span.sub-title h3{color:#ECECEC;}
#head2{
   margin:20px auto;
   height:200px; 
   background:url(../images/backgrounds/gradientblue.png) repeat-x;
   border-top: 1px #c0c0c0 solid;
   border-bottom: 1px #c0c0c0 solid;
}
#innerhead{
	background: url(../images/backgrounds/header-final2.png) no-repeat center;
	height:200px;
	width:100%;
	text-align:left;
	margin:0 auto;
}
.DMhotspot{
	position:absolute;
	top:-3px;
	width:303px;
	height:77px;
}
.site-title{
	position:absolute;
	top:111px;
	height:189px;
	width:auto;
}
.site-title h2{
	margin: 20px 0 5px 9px;
	font-size:2em;
}
.site-title h3{
	margin:-95px 0 0 85px;
	font-size:1.3em;
	font-weight:bold;
	color:#ECECEC;
}
/**
 * end of header code
 *
 * navigation bar code start
 **/
#nav-bar{
	border: none;
	height:30px;
	/*background:#CC3333;*/
/*	background:#a92b2b;*/
background:#188bea;
	margin: 15px 0 10px 0;
	padding: 10px 0 0 0;
	/* < CSS 3 code > */
	-moz-box-shadow: 1px 1px 20px #333;
	-webkit-box-shadow: 1px 1px 20px #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/* </ CSS 3 code > */
}
#navbar ul{display:block;}
#nav-bar ul li{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.6em; 
	color:#fff; 
	list-style:none; 
	display:inline;
	margin: 0 35px 0 -5px;
}
#nav-bar ul li a{color:#FFF;text-decoration:none;}
#nav-bar ul li a:hover{border-bottom:2px #FFF solid;}
/**
 * content styles
 **/
#main-content{
	/*padding: 35px 0 0 10px;*/
	padding: 18px;
	background: #FFF url(../images/backgrounds/content_bg.png) top repeat-x;
	min-height:300px;
	/* < CSS 3 code > */
	-moz-box-shadow: 1px 1px 20px #111;
	-webkit-box-shadow: 1px 1px 20px #333;
	overflow:auto;
	/* </ CSS 3 code > */
}
#main-content h2{
	color: #111;
	border-bottom: 2px solid #111;
	padding: 0 0 10px 0;
}
#main-content span.left-heading h2{
	color: #111;
	border-bottom: 2px solid #111;
}
#main-content span.right-heading h2{
	width:280px;
	float:left;
	clear:right;
}
/* < widget styles > */
.left-widget, 
.right-widget,
#fac-widget,
.ex-content,
.citycontent{background:#F1F1F1; border: 1px solid #D5D5D5;}
/* < widget styles > */

.left-widget{ float:left; width:680px; }
.right-widget{
	margin: 0 0 15px 20px;
	float:left;
	width:180px;
	height:auto;
	clear:right;
}
.right-widget ul{
	font-size:1.3em;
	color:#333;
	list-style:none;
	margin:10px 15px 10px 15px;
}
.right-widget ul li{
	padding:10px 0 10px 0;
}
.right-widget a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.right-widget a:hover{
	/*border-bottom: #C00 2px solid;*/
	color:#a92b2b;
}

.reg_widget{
	opacity: .70;
	filter: alpha(opacity=70);
	float:right;
	height:100px;
	width:220px;
}
.reg_widget:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

.reg_widget img{ margin:0 0 0 -10px; padding:0; }
.fac_dir{ margin:15px 0 0 15px; float:left; background:url(../images/faculty/drum.png) no-repeat; width:93px; height:120px; }
.left-widget p{margin: 15px 15px 15px 15px;}
.right-widget p{font-weight:bold; margin:15px;}

#fac-widget{ background:#F1F1F1; border: 1px solid #D5D5D5; list-style:none; width:680px; margin:0;}
#fac-widget li{ margin:20px 15px 20px 43px; display:inline-block; width:100px;}
#fac-widget li div{text-align:center; font-weight:bold;}
#fac-widget li img{border:3px solid #555; margin:0 0 3px 0;}
#fac-widget a:hover img{  border: 3px solid #a92b2b;}
#fac-widget a{ color:#333; text-decoration:none;}
#fac-widget a:hover{ color:#a92b2b;}
/**
 * < faculy page only>
 **/
.fac-content { background:#FFF; margin:15px 0 0 0;width:auto; }
.fac-content p{margin:15px; text-align:justify;}
.fac-content img{margin:0 10px -1px 0; float:left; border: 3px solid #333;}
/**
 * </ faculy page only>
 * < breadcrumbs >
 **/
.breadcrumbs{ margin:5px 0 10px 0; font-size:1.2em; list-style: none; display:block; }
.breadcrumb li{ display:inline; }
.breadcrumbs a{ text-decoration:none; color:#a92b2b; font-weight:bold; }
.breadcrumbs a:hover{ color:#333; }
/**
 * </ breadcrumbs >
 * <footer>
 **/
#footer-container{
	margin: 10px 0 10px 0; padding: 10px 0 0 0;
	background: #E3E3E3;
	height: 30px;
	text-align: center;
	border: 1px black solid;

	/* < CSS 3 code > */
	-moz-box-shadow: 1px 1px 20px #111;
	-webkit-box-shadow: 1px 1px 50px #333;
	/* </ CSS 3 code > */
}
#footer-container ul{display:block;}
#footer-container ul li{
	margin: 0 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	color:#111;
	line-height:20px;
	list-style:none; 
	display:inline;
}
#footer-container ul li a{color:#111;text-decoration:none;}
#footer-container ul li a:hover{border-bottom:2px #CC3333 solid;}
#footer-container ul li span.nav-spacer{ margin:0 20px 0 20px;}
#bottom-footer{ background:url(../images/headers/bottom_header.png); height:26px; width:252px; margin: 15px auto 40px; }
/**
 *  </footer>
 **/
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;}
.subhead{ float:left; width:682px; margin: 10px 0 15px 0; }
.reg_list li{ margin: 0 0 15px 40px; line-height:20px; }
.reg_list p{ margin: 15px 0 15px 0; }
/**
 * < agenda >
 **/
.agenda-header{margin: 5px 0 10px 0; font-weight:bold;text-align:center;}
.agenda-widget-menu{ float:left; background:#F1F1F1; border: 1px solid #D5D5D5; margin: 33px 0 15px 0px; float:left; width:120px; height:auto; }
.agenda-widget-menu ul{	list-style:none; margin:10px 0 10px 15px; font-size:1.3em; color:#333; }
.agenda-widget-menu ul li{ padding:10px 0 10px 0; }
.agenda-widget-menu ul li span{ vertical-align:super; font-size:.7em; }
.agenda-widget-menu a{ color:#333; font-weight:bold; text-decoration:none; }
.agenda-widget-menu a:hover{ color:#a92b2b; }
.agenda-widget-content{float:left; margin: 0 0 15px 20px; background:#F1F1F1; border: 1px solid #D5D5D5; width:576px; height:auto;}
.agenda-widget-content table{margin:15px 0 5px 0; font-size:1em;}
.agenda-widget-content table td{min-width:100px; margin:0; padding:0;}
.agnenda-widget-content-cellOne{text-align:center;}
/**
 * </ agenda >
 * < print icon & text >
 **/
.printIcon{ background:url(http://dev.hawaiianesthesia.com/images/icons/print.png) no-repeat; width:32px; height:32px; float:left; margin:0 0 0 10px; }
.printTxt{ float:left; margin:10px 0 0 5px; }
.pf_wig{ float:right; margin:15px 0 0 0; padding: 15px 0 15px 0; }
/**
 * </ print icon & text >
 *
 * < exhibitors >
 *
 **/
.ex-content{ width:920px; margin:0 0 0 0px;}
.ex-content p{ margin:15px; }
.ex-content p a{ text-decoration:none; font-weight:bold; color:#a92b2b; }
.ex-content p a:hover{ color:#333; }
/**
 * </ exhibitors > 
 *
 **/
 
 /**
  * < city highlights >
  **/
.citycontent{ width:680px; }
.citycontent p{ margin:15px; }
.citycontent p a{ text-decoration:none; font-weight:bold; color:#a92b2b; }
.citycontent p a:hover{ color:#333; }
#cityImages{ float:right; width:221px; }
#cityImages img{border:2px #666 solid; margin:0 0 15px 0;}