/* ------MAIN STYLES----- */

body{ margin:0; background:#000 url(../images/OBXSE/bg.jpg) repeat-x; color:#000;}
body,td,th,input,select,textarea,input{ font-family:Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input{ font-size:12px;}
p{ margin:0 0 1.5em 0;}
form{ margin:0; padding:0;}
/*h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}*/
a{ color:#da2128;}
a:hover{ color:#999;}
a img{ border:none;}


h1{ font-family:Georgia, Times New Roman, Times, serif; font-size:23px; font-weight:normal; margin:0; padding:0;}
h2{ font-family:Georgia, Times New Roman, Times, serif; font-size:16px; font-weight:normal; margin:0; padding:0;}
h3{ font-size:13px; font-weight:bold; margin:0; 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;}


#tblACMAdminToolbar { z-index:999;}

/* ------CLEARING FLOATS------*/

.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 STLYLS------ */

#wrapper { width:970px; margin:0 auto; padding:0 6px; background:url(../images/OBXSE/wrap-bg.gif) no-repeat;} 


/* ------HEADER STYLES------ */

#header { height:12px; padding:20px 0 12px; font-size:11px;}
#header a{ color:#fff; text-decoration:none;}
	#topnav { float:right;}
	#topnav a{ margin:0 0 0 8px; color:#fff; text-decoration:none;}
	#topnav a img{ padding:0 5px 0 0;}
	


/* ------HORIZONTAL NAVIGATION STYLES------ */
#primary_nav_area { height:38px; margin:4px 0 0; background:url(../images/OBXSE/nav-bg.jpg) repeat-x;}	
	#nav{ z-index:2; padding:1px 0;}
	#nav ul { margin:0; padding:0; list-style:none; list-style-image:none; line-height:1; z-index:2;}
	#nav ul li { margin:0; list-style:none; list-style-image:none; float:left; z-index:2;}
	
	/* Level 1 */
	#nav ul li a{ display:block; text-decoration:none; font-size:14px; color:#fff;}
	#nav ul li div{ color:#fff; padding:0 1px 0 0; background:url(../images/OBXSE/nav-fence.jpg) right top no-repeat;}
	#nav ul li div a{ padding:10px 32px;}
	#nav ul li#pageid22 div { background:none;}
	#nav ul li#pageid22 div a{ padding:10px 31px;}
	#nav ul li div a:hover{ background:#a6161c;}
	#nav ul li.ipf-active1 div a{ background:#a6161c;}
	
	#nav ul li.ipf-parent div a{background:url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
	#nav ul li.ipf-parent div a:hover{background:#a6161c url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
	#nav ul li.ipf-parent.ipf-active1 div a{background:#a6161c url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
	#nav ul li.ipf-parent div li a{background: none}
	#nav ul li.ipf-parent div li a:hover{background:#a6161c;}
	
	/* Level 2 */
	#nav ul li ul{ width:180px; margin:0 0 0 -1px; position:absolute; background:#d92127; border-top:1px solid #ca5e17; border-left:1px solid #ca5e17;border-right:1px solid #ca5e17; left:-999em; z-index:999;}
	#nav ul li ul li div { background:none;}
	#nav ul li ul li a{ width:160px; padding:6px 10px; text-indent:none; font-size:12px; color:#fff; border-bottom:1px solid #ca5e17;}
	#nav ul li ul li a:hover{ background:#a6161c;}
	#nav ul li ul li.ipf-parent a{ background:url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
	#nav ul li ul li.ipf-parent a:hover{background:#a6161c url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
	
	/* Level 3 */
	#nav ul li ul li ul { margin:-27px 0 0 140px;}
	#nav ul li ul li ul li a{}
	#nav ul li ul li ul li a:hover{}
	
	#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;}
	

/* ------HERO STYLES------ */

#hero { position:relative; height:229px;}
	#mask{ position:absolute; left:0; top:0; z-index:100;}
	#mask img{ behavior: url(/Sites/3/templates/images/iepngfix.htc)}
	#slideshow { text-align:right; vertical-align:top;}
	#slideshow img{ display:none;}
	#slideshow img.first{ display:block;}
	

/* ------CONTENT STYLES------ */

#content { padding:0 0 20px; min-height:500px;height:auto !important; height:500px; background:#fff url(../images/OBXSE/content-bg.jpg) left top no-repeat;}
	
	#left { width:159px; float:left;}
	
		#secondary_nav_area { width:159px; position:relative;}
			#nav2{ margin:0; position:relative; top:-50px; z-index:900;}
			#nav2 ul { padding:0; margin:0; list-style:none; list-style-image:none; line-height:1;}
			#nav2 ul li { margin:0; list-style:none; list-style-image:none; float:left;}
		
			/* Level 1 */
		
			#nav2 ul li a{ width:129px; color:#000; padding:7px 15px; display:block; border-bottom:1px solid #9f9f9f; text-decoration:none;}
			#nav2 ul li a:hover{ color:#da2128;}
			#nav2 ul li.ipf-active1 a{ color:#da2128;}
			
			#nav2 ul li.ipf-parent div a{ background:url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
			#nav2 ul li.ipf-parent div a:hover{}
			#nav2 ul li.ipf-parent div li a{background: none}
			#nav2 ul li.ipf-parent div li a:hover{}
		
			/* Level 2 */
		
			#nav2 ul li ul{ width:160px; margin:-28px 0 0 159px; position:absolute; border-top:1px solid #ca5e17; border-left:1px solid #ca5e17; border-right:1px solid #ca5e17; background:#d92127; left:-999em; z-index:999;}
			#nav2 ul li ul li a{ width:140px; padding:7px 10px; color:#fff; border-bottom:1px solid #ca5e17;}
			#nav2 ul li ul li a:hover{ color:#fff; background:#a6161c;}
			#nav2 ul li ul li.ipf-parent a{ background:url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
			#nav2 ul li ul li.ipf-parent a:hover{background:#a6161c url(../images/OBXSE/nav-bullet.gif) 96% center no-repeat;}
		
			/* Level 3 */
		
			#nav2 ul li ul li ul { margin:-28px 0 0 160px;}
			#nav2 ul li ul li ul li a{}
			#nav2 ul li ul li ul li a:hover{}
		
		
			#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul { left:-999em;}
			#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { left:auto;}
			#nav2 li:hover, #nav2 li.hover {position: static;}
		
		#weather-pod { padding:20px 15px;}
		
		#poweredbyactive { padding:0 7px;}
	
	
	#middle { width:575px; padding:30px 20px; _padding:30px 18px; float:left;}
		#main-content{}
		#main-content h1#pagetitle{ margin:0 0 15px 0; padding:6px 10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; background:url(../images/OBXSE/pagetitle-bg.gif) top left no-repeat; }
		
		#events {}
		#events table{ border-collapse:collapse;}
		#events table tr td { width:33%; padding:8px; vertical-align:top;}
		#events table tr td.red{ color:#fff; background:#da2128;}
		#events table tr td.border{ border-left:1px solid #fff; border-right:1px solid #fff;}
		#events table tr td.tdbg{ background:#f2f2f2 url(../images/OBXSE/Events-td-bg.jpg) bottom repeat-x; text-align:center;}
		
	#right { width:172px; padding:0 10px 10px 14px; float:left;}
		.section-header { height:15px; padding:8px 10px; color:#fff; background:url(../images/OBXSE/right-sidebar-header-bg.gif) left top no-repeat;}
		.section-content { padding:8px 10px 15px; font-size:11px; background:url(../images/OBXSE/right-sidebar-content-bg.gif) left bottom no-repeat;}
		.section-content h2{ font-weight:normal;}
		.section-content table tr td { font-size:11px;}	
		
		#mailinglist { padding:15px 0 0;}
		
		#register { padding:15px 0 0;}
		
		#quick-poll { padding:15px 0 0;}
		
		#news2use { padding:15px 0 0;}
	

/* ------FOOTER STYLES------ */
	
#footer{ padding:148px 15px 30px; color:#fff; font-size:11px; background:#000 url(../images/OBXSE/footer-bg.jpg) no-repeat; text-align:center;}
	#footer a{ color:#fff; text-decoration:none;}
	#copyright {}
	#copyright a{ text-decoration:underline;}
	#seo {}


/* ------LEGACY STYLES------ */	
.header { color: #1367A6; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; text-decoration: none; text-transform: none; }
.header a:link { color: #1367A6; font-weight: bold; text-decoration: none; }
.header a:visited { color: #1367A6; font-weight: bold; text-decoration: none; }
.header a:hover { color: #0371A5; font-weight: bold; text-decoration: underline; }
.header a:active { color: #1367A6; font-weight: bold; text-decoration: underline; }
.linkstyle { color: #333333; font-size: 12px; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; text-decoration: none; text-transform: none; }
.maintext { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; }
.maintext a:link { color: #003366; font-weight: bold; text-decoration: none; }
.maintext a:visited { color: #1367A6; font-weight: bold; text-decoration: none; }
.maintext a:hover { color: #003366; font-weight: bold; text-decoration: underline; }
.maintext a:active { color: #1367A6; font-weight: bold; text-decoration: underline; }
.maintext2 { color: #333333; font-size: 14px; font-weight: normal; text-decoration: none; }
.maintext2 a:link { color: #003366; font-weight: bold; text-decoration: none; }
.maintext2 a:visited { color: #1367A6; font-weight: bold; text-decoration: none; }
.maintext2 a:hover { color: #003366; font-weight: bold; text-decoration: underline; }
.maintext2 a:active { color: #1367A6; font-weight: bold; text-decoration: underline; }
.pagetitle { color: #3399CC; font-size: 24px; font-style: normal; font-weight: bold; }
.sectiontitle { color: #1367A6; font-size: 16px; font-style: normal; font-weight: bold; }
.sectiontitle2 { color: #1367A6; font-size: 14px; font-style: normal; font-weight: bold; }
.sectiontitle3 { color: #990000; font-size: 16px; font-style: normal; font-weight: bold; }
.titles { color: #003333; font-size: 24px; font-weight: bold; text-decoration: none; }

.faqtitle { color: #FF8000; font-size: 11px; font-weight: bold; text-decoration: none; }
.subtitle { color: #AAAAAA; font-size: 11px; font-weight: bold; text-decoration: none; }