/***********************************************/
/*Main Body Area                                */
/***********************************************/
body{margin:0; background:#F5F5F5;}
body,td,th,input,select,textarea,input {font-family: Arial, Helvetica, sans-serif; color:#666666;}
body,td,th,input,select,textarea,input {font-size:11px; line-height:14px;}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a img{border:none;}

h1{font-size:24px;font-weight:normal;color:#e2383f; padding:0px 0px 5px; margin:0px; line-height:28px;}
h2{font-size:16px;font-weight:normal;color:#0053a0; margin:0px; padding:0; }

.size14text{font-size:14px; line-height:1.2em;}
.size16text{font-size:16px; line-height:1.2em;}
.size20text{font-size:20px; line-height:1.2em;}
.size22text{font-size:22px; line-height:1.2em;}
.size24text{font-size:24px; line-height:1.2em;}

a{color: #0066cc; text-decoration:none;} 
a:hover {color: #999999; text-decoration:underline;}
strong{ font-weight:bold;}


.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

#wrapper{width:998px; background:url(../images/bg-main.jpg) repeat-y; margin:0 auto;position:relative;}

#tblACMAdminToolbar{z-index:1000;}

/***********************************************/
/*Header Area                                  */
/***********************************************/
#header{ background:url(../images/bg-header.gif) repeat-x; height:133px; margin:0 4px;}
#header img{padding:20px 0 0 25px;}

/***********************************************/
/*Hero Area                                    */
/***********************************************/
#hero{width:970px; height:462px; border:#e5e5e5 1px solid; margin:5px 0 0 8px;}

/***********************************************/
/*Conten Area                                  */
/***********************************************/
#message{ width:971px; height:223px; margin:0 0 0 9px;}

.content-table{ width:980px; margin:15px 0 15px 9px;}
.locations{padding:0 15px 0 0; border-right:#e5e5e5 1px solid;}
.newsletters{padding:0 15px; border-right:#e5e5e5 1px solid;}
.citylogo{ position:absolute; top:2px; right:20px;}

#locations{ border:#e5e5e5 1px solid; background:#f5f5f5 url(../images/bg-locations.gif) no-repeat bottom right; width:286px; padding:10px;}
	#locations ul{margin:5px 15px;padding:0;list-style:none;}
	#locations ul li{padding:0 0 5px 0;margin:0 0 5px 0; border-bottom:#cccccc 1px dotted;}
	#locations strong{color:#fc7e00; font-weight:bold;}
	
#newsletters-content{width:275px; padding:0 15px;}
	#newsletters-content strong{color:#fc7e00; font-weight:bold;}
	#newsletters-content img{ float:left; width:auto; padding:0 10px 5px 0;}


/***********************************************/
/*Footer Area                                  */
/***********************************************/
#footer{ background:#e2383f; width:990px; color:#FFFFFF; margin:0 4px; height:75px;}
	#footer a{color:#ffffff; text-decoration:underline; font-size:10px;}
	#footer a:hover{ color:#ffffff; text-decoration:none;}
	
#footer-content{float:left; width:auto; padding:30px 0 0 15px;}
#footer-logo{float:right; width:auto; padding:20px 15px 0 0;}

/***********************************************/
/*Main Navigation                              */
/***********************************************/		
		
#navarea{height:34px; margin:0 14px;position:relative;z-index:100;}
		
		#nav{position:absolute;bottom:0;left:0;font-size:11px;z-index:100}
			#nav ul {padding:0;margin:0;list-style: none;list-style-image:none;line-height: 1;z-index:100}
			#nav ul li {float: left;list-style: none;list-style-image:none;margin:0;z-index:100; font-weight:bold; text-transform:uppercase;}
			#nav ul li a{display:block;text-decoration:none}
		
			/* Level 1 */
			#nav ul li div{ background:url(../images/nav-off.gif) no-repeat; width:120px;}
			#nav ul li div a{color:#ffffff; padding:13px 0 9px; text-align:center;}
			#nav ul li div a:hover{background:url(../images/nav-on.gif) no-repeat; width:120px; color:#00539f;}
			
			#nav ul li.ipf-parent div a{color:#ffffff; padding:13px 0 9px; text-align:center;}
			#nav ul li.ipf-parent div a:hover{background:url(../images/nav-on.gif) no-repeat; width:120px; color:#00539f;}
			#nav ul li.ipf-parent div li a{background: none}
			#nav ul li.ipf-parent div li a:hover{background:none}
		
			/* Level 2 */
			#nav ul li ul{margin:0;position: absolute;background: #0080c2;width: 190px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;left: -999em;}
			#nav ul li ul li a{border-bottom:1px solid #e5e5e5;width:170px;padding:5px 10px;text-indent:0;color:#999999;font-size:11px; background:#ffffff;}
			#nav ul li ul li a:hover{background: #00539f; color:#ffffff;}
			#nav ul li ul li.ipf-parent a{background: url(../images/obx/nav-arrow.gif) right no-repeat}
			#nav ul li ul li.ipf-parent a:hover{background: #225283 url(../images/obx/nav-arrow.gif) right no-repeat}
		
			/* Level 3 */
			#nav ul li ul li ul {margin: -23px 0 0 190px;}
			#nav ul li ul li ul li a{background:none !important;}
			#nav ul li ul li ul li a:hover{background: #225283 !important;}
		
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
			#nav li:hover, #nav li.hover {position: static;}
			
		#updatestab {position:relative; top:-19px; height:34px; float:right; z-index:100;}