/*General*/
body {
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	margin: 0 auto;
	background-color:#ECECEC;
}
p {
	margin-top: 0.1em;
	margin-bottom: 0.5em;
	line-height:1.3;
}
a {
	color: #015B73;
}
*:link, *:visited {
	text-decoration: underline;
}
.clear {
	clear: both;
	float: none !important;
}                 
.float-left {
	float:left;
}             
.float-right {
	float:right;
}
.split-left{
	float:left;
	width:50%;
}            
.split-right{
	float:right;
	width:50%;
}           
h4,h5,h6 {
	font-weight:normal;
}
input[type="text"],
textarea {
	background-image:url('http://media.beaufortgazette.com/static/images/design/formshadow.png');
	border:1px solid #8d9b9b;
	padding:2px;
}                          
/*End General*/

/*Framework*/
div#page_container {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	border: none;
	background-color: #ECECEC;         
	
}
#outercontainer {
	float: left;       
	background-color: #ECECEC;         
/*	background: #ECECEC url('http://media.beaufortgazette.com/static/images/design/LeftSideShadow.jpg') repeat-y scroll top left;*/
	width: 995px;
}
#outerleft {
	width: 5px;
	overflow: hidden;
	/* height:32000;*/
}
#outerright {
	width: 5px;              
	background-color:#ECECEC;
/*	background: #ECECEC url('http://media.beaufortgazette.com/static/images/design/RightSideShadow.jpg') repeat-y scroll top left;*/
	float: right;
/*	margin-top: 32000px;
	padding-top: -32000px;*/        /*Seemed to interfere with named anchors in FF and IE*/
	overflow: hidden;
}
#outercenter {
	background-color: #FFF;
	float: right;
	width: 985px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#rail_a {
	width: 675px;
	float: left;    
	font-size:0.8em;
	padding:0 0 0 2px;
}
#rail_b {
	width: 305px; /* AAY */
	float: right;         
}
#rail_b div.content, #center_rail div.content {
	padding: 0 !important;
}
.section-front #rail_c {
	clear: both;
	float: none;
	width: 100%;
}
#header { 
	/*position:relative;*/
	background: #FFF url('http://media.beaufortgazette.com/static/images/design/GradientRow1.jpg') repeat-x bottom;
	/*height: 200px;
	clear: both; */
}      
#home #header { /*Replace '#home' with proper body id for section*/
	height:100px;
}
#bg_logo {
	height: 100px;
}          
#home #topleaderboard { 
	display:none;
}
#footer {
	clear:both;
}
/*End Framework*/

/*Begin header*/
#sitelogo {
/*	position:absolute;
	bottom:15px;
	left:5px;*/
	margin: 20px 0 0 5px;
	padding-bottom: 15px;
}
#sitelogo div {
	float: left;
}
#logo {
	width: 310px;
}
#preheader {    
}
#preheader div {  
	float:left;
	font-size:10px;
	height:11px;
	line-height:11px;    
	margin-top:1px;
}                 
#preheader div a {
	padding:0 2em;
}
.minitab {
	background: #fff url('http://media.beaufortgazette.com/static/images/design/redcorner.png') no-repeat;
	padding-left:13px; 
	margin:0 1px;
	
}
.minitab a {
	text-decoration:none;
	display:block;
	height:11px;
	line-height:11px;
	padding:0px 10px;
	background-color:#015b73;
	color:#fff;              
	float:left;   
}
#preheader .dateline {
	float:right;
	color:#a31939; 
	margin-right:3px;        
}
#skyboxes {     
	width: 660px;
}  
#logo_ad {
   
}     
#skyboxes div {           
	float:right;
	margin-right:4px;
	width:146px;
	height:60px;
	font-size:0.7em;
	overflow:hidden;
}               
#skyboxes img {
	float:left;
	border:0;
	margin-right:2px;
}
#skyboxes div p {
	line-height:1em;
}
/*End header*/

/*Begin Menu*/
.mainmenu{background:#8D9B9B url('http://media.beaufortgazette.com/static/images/design/stripes.gif');width:100%;}
.mainmenu .classNav{background:#A3B5BC url('http://media.beaufortgazette.com/static/images/design/stripes.gif');}
.submenu{display:none;clear:both;}
.mainmenu ul{padding:0;margin:0;font-size:11px;}
.mainmenu .dropmenu li{ 
	height:22px;
	float:left;
	list-style:none;
	padding:0 15px 0 0;
}                       
.mainmenu li a{
	display:block;
	float:left;
	height:22px;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
	color:#FFF;         
}
.mainmenu .dropmenu li.active {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab1B.gif') no-repeat right;
}
.mainmenu li.active a{
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab1A.gif') no-repeat left;
}
.submenu {
	background-color: #E6E6E6;
	z-index: 10;
	position: absolute;
	font-size: 0.8em; 
	border-bottom: 1px solid #B9B9B9; 
	float:left;  
}
.submenu .panel {
	width: 985px;
	border-top: 2px solid #A31939;
	padding-top: 1em;
	float:left;
}
.submenu ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none;
	text-align:left;
	clear:left;
}                     
.submenu ul li {
	margin-bottom:2px;
}
.submenu h4 {
	font-weight:bold;
	margin: 0px;
	font-size: 0.9em;
	float:left;
	clear:left;
}
.submenu .subpanel {
	float: left;
	margin: 0 5px; 
	padding-bottom: 1em;
}
.contentNav {
	float: left;
	width: 675px;
}
.classNav {
	float: right;
	width: 308px;
}
.submenu .sponsorbox {          
	z-index:10;       
	position:absolute;
	bottom:3px;
	right:3px;
}
/*End Menu*/

/*Footer*/    
#footer {
	text-align:center;
	clear:both;
	margin-top:10px;
	background:transparent url('http://media.beaufortgazette.com/static/images/design/SiteMapBotShadow.jpg') repeat-x bottom;
	padding:1em 0; 
	font-size:0.8em;
}
#footer h6 {
	text-transform: uppercase;
	font-weight:bold;
	font-size:0.8em;
	background:transparent url('http://media.beaufortgazette.com/static/images/design/SiteMapTopShadow.jpg') repeat-x top;
	padding:1em 0;
	margin:0;
}
#footer ul {     
	float:left;      
	text-align:left;  
	background: transparent url('http://media.beaufortgazette.com/static/images/design/SiteMapSecBreak.jpg') no-repeat center right;
	margin:0;
	padding:0;       
}
#footer ul li {
	list-style:none;
	padding:0 1em;   
	margin-bottom:0.3em;
	font-weight:bold;
}
#footer ul li:first-child {
	padding-left:0.5em;
}                   
#footer ul li a {
	font-weight:normal;
}
.subfooter {
	text-align: center;
	color:#fff;   
	font-size:0.7em;
	padding:3px 0;
	background-color:#015B73;  
}                           
.subfooter a {
	color: #fff;
}
/*End Footer*/

/*Tabs*/
ul.tabs {
	height:40px;  
	margin:0;
	padding:0;
	background: transparent url('http://media.beaufortgazette.com/static/images/design/GradientRow3.jpg') repeat-x bottom;
}
ul.tabs li {
	height:20px;
	float:left;
	list-style:none;
	margin:20px 1px 0px 1px;         
	background: transparent url('http://media.beaufortgazette.com/static/images/design/greytab2B.gif') no-repeat right;
	padding:0 20px 0 0;
}
ul.tabs li a {
	float:left; /*hack to fix ie6*/
	display:block;
	height:20px;
	line-height:20px;
	padding:0 0 0 20px;
	background: transparent url('http://media.beaufortgazette.com/static/images/design/greytab2A.gif') no-repeat left;
	text-decoration:none;
}
ul.tabs li.active {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/greytab1B.gif') no-repeat right;
}
ul.tabs li.active a {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/greytab1A.gif') no-repeat left;    
	color:#fff;
}  
ul.tabs li:hover {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab3B.gif') no-repeat right;
}
ul.tabs li a:hover {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab3A.gif') no-repeat left;
	color:#fff;
}
div.panelContainer {
	clear:both;
	border:1px solid #B9B9B9;
}                            
div.panelContainer .wrapper {
	padding:4px;
	font-size:1em;
}        
#remtabs {
	float:right;
	background-color:transparent;
}                                
#remtabs img {
	border:none;
}            
div.panelContainer .panel h3 {
	margin:0;
}         
div.panelContainer ol li {
		list-style:decimal;  
		margin:0.25em 0 0.25em 3em;
}
/*End Tabs*/

/*Registration bar*/
#registration {
	font-size:11px; 
	padding:10px 5px;
	background: #FFF url('http://media.beaufortgazette.com/static/images/design/GradientRow2.jpg') repeat-x  bottom;
}                   
#registration a {
	text-decoration:none;
}                          
#registration img {
	vertical-align:middle;
	border:none;
}
#registration a.regbutton {
	background-color:#B9B9B9;
	padding:5px 20px;       
	color:#fff;
}               
#registration a.regtasks {
	padding-left:7px;
	margin:0px 20px 0px 5px;
	background: transparent url('http://media.beaufortgazette.com/static/images/design/arrow1.png') no-repeat center left;
}    
#username {
	margin:0 10px;
}     
#registration strong {
	margin-left:10px;
}
/*End Registration bar*/
                         
/*Search*/  
#search {
	background-color:#ECECEC; 
	padding:4px;
	font-size:10px;  
}    
#search input {margin:0;padding:0;}
#searchform {margin:0;padding:0 1em;}
#searchform fieldset {margin:0;padding:0;border:0;clear:both;}
#searchform label {color:#999;display:none;}
#searchform input#query {color:#222;}    
#searchform #submitquery {display:none;}
#searchform input#query {width:250px;float:left;}
#searchform input#image {float:right;}
.ys_outer { font: normal 9px verdana; color: #000; }
.ys_yahoo { font: bold 9px verdana; color: #F03; }
.ys_search { font: bold 9px verdana; color: #545454; }
/*End Search*/

/*Ads*/
.adbox,
#topleaderboard,
.sponsorbox,
.advertisement {
	margin:0 3px;  
	text-align:left;
   	font-size:10px;
	color:#B9B9B9;
}                            
#topleaderboard {  
	border-bottom:1px solid #b9b9b9;
	padding:5px 0;      
}
#topleaderboard div {
	margin:0 auto;
}          
/*End ads*/

/*Carousel + highlight boxen*/
#car1.carouselframe,
.fixtabhighlight {
	margin: 0.75em 0;
	height: 122px;
	border:1px solid #B9B9B9;
	padding:1px;
	background:#FFF url('http://media.beaufortgazette.com/static/images/design/GradientRow5.jpg') repeat-x bottom;
	position:relative;
} 
#car2.carouselframe,
.fixtabhighlight {
	margin: 0.75em 0;
	height: 166px;
	border:1px solid #B9B9B9;
	padding:1px;
	background:#FFF url('http://media.beaufortgazette.com/static/images/design/GradientRow5.jpg') repeat-x bottom;
	position:relative;
}    
div.carouselhead,
div.tabhead {
	background-color:#b0bfc4;
	height:19px; 
	line-height:19px;
}
.carouselframe h4,
.tabhead h4 { 
	color:#fff;
	width:35%;
	float:left; 
	margin:0 auto;        
	padding-left:1em;
	margin-right:-1em;
	font-size:1em;
	font-weight:normal;
	background: #FFF url('http://media.beaufortgazette.com/static/images/design/redtab2A.png') no-repeat left;
}
.carouselhead .controls,
.tabhead .controls { 
	margin:0 auto;
	text-align:right;
	width:65%;
	float:right;
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab2B.png') no-repeat left;
}                                                                             
.carouselhead div.prev,
.carouselhead div.next,
.tabhead div.button { 
	float:right;
	display:block;
	height:19px;
	cursor:pointer;
}  
.carouselhead .prev {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/backbutton.png') no-repeat bottom right;
	width:31px; 
}
.carouselhead .next {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/forwardbutton.png') no-repeat bottom left;
	width:31px; 
}
.carouselhead .prev:hover {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/backbutton_over.png') no-repeat bottom right;
}
.carouselhead .next:hover {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/forwardbutton_over.png') no-repeat bottom left;
}
.carousel,
.tabbody {
	clear:both;
}      
.carousel li{
   	padding:3px 2px;  
	float:left;
}        
.carousel li div.image{
	width:219px;
	height:110px;
}
.carousel li div.image img {
	padding:1px; 
	margin:2px;
	float:left;           
	background:#FFF;
	border:1px solid #4d4d4d;
}
.carousel li div.image h6 {
	margin:1px auto; 
	font-size:1em;
}      

.tabhead div.button {
	text-align:center;
	width:65px;
	background: transparent url('http://media.beaufortgazette.com/static/images/design/regbutton.png') no-repeat bottom;
}       

div.button a {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

.carouselframe .advertisement {
	position:absolute;
	bottom:3px;
	left:0px;
	padding: 2px 0px 0px 0px;
	border: 1px dotted;      
    border-color: #cdcdcd;
	width: 659px;
}

/*End Carousel + highlight boxen*/   

/*Rows*/
#row4 .adbox {
	margin:0 auto;
	width: 310px;
}
#ugc {
	float:right;
	width:360px;
	height:auto;
}
#ugc .tabhead {
	background-color:#8c999f;
}    
          
#row5 > div {
	float:left;
}
#zvents {
	width:305px;
/*	margin:0 auto;*/
}                
#ugc-photos {
	width:200px;
}
 
/*End Rows*/

/*Accordion*/
.accordion{
	border:1px solid;
	margin:3px;
}       
.accordion h5 {
	margin:0;
	border-bottom:1px solid #2f8eac;
	font-size: 10pt;   
}
.accordion h5 div{
	cursor:pointer;
	background-color:#015b73;
	color:#fff;
	font-weight:bold;
	padding:4px;
	margin-left:6px;
}   
.accordion div{
	margin:0;
	padding:2px;         
}    
#classaccordion {

}                         
#classaccordion h5 {
	font-size: 10pt;
}
#classaccordion div.accpanel {
/*	height:300px;      */
	font-size:0.7em;                   
   
}
#class-re {
	background-color:#a31939;
}
#class-emp {
	background-color:#f64813;
}
#class-auto {
	background-color:#6030bd;
}      
.hot div {
	padding:0;
	margin:0;   
}   
#classaccordion h5 div.advertisement {
	text-align:right;
	overflow:hidden;
	color:#A3B5BC;
}                                    
#classaccordion h5 div.advertisement a {
	color: #D6E0DF;
}                                                    
/*End Accordion*/

/*Static tabs*/
.statictabs {
	margin:3px;
}   
.statictabs h5 {
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab3B.gif') no-repeat bottom right;
	margin:0;
	padding-right:10px;
	margin-right:15px;
	font-size: 10pt;
}   
.statictabs h5 a {        
	text-align:center;
	line-height:19px;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:19px;                
	padding-left:10px;
	margin-left:15px;
	background: transparent url('http://media.beaufortgazette.com/static/images/design/redtab3A.gif') no-repeat bottom left;	
}   
.statictabs div.tabbody {
	font-size:0.7em;            
	border:1px solid #b9b9b9;
	padding:3px;
/*	margin:0 1px;*/
	height:200px;
	position:relative;
}                     
.statictabs .sponsorbox {
	position:absolute;
	bottom:2px;
	right: 23px;          
}
/*End Static tabs*/

/*flexible tabs*/
.flextabhighlight {
	margin:5px 1px; 
	padding:0;
}   
.flextabhighlight h4 {
	background: #FFF url('http://media.beaufortgazette.com/static/images/design/bluetab1B.png') no-repeat right;  
	margin:0 0;
}                   
.flextabhighlight h4 a {
	display:block;
	height:19px;
	line-height:19px; 
	text-decoration:none;
	color:#FFF;
	background: #FFF url('http://media.beaufortgazette.com/static/images/design/bluetab1A.png') no-repeat left;
	margin-right:10px;
	padding-left:10px;
}                    
.flextabhighlight+div { 
/*	padding:2px;
	border-left: 1px solid #015b73;
	border-right: 1px solid #015b73;
	border-bottom: 1px solid #015b73;
*/	
}
/*end flexible tabs*/

/*Highlight features*/
.panel .media {
	float:left;
/*	margin:3px 15px 3px 3px;*/
	width:49%;          
	background:none;
}   
.panel .text {
	float:right;
	width:49%;
	background:none;
}
.panel .media img,
div.mugshot img {
	padding:2px;
	background-color:#fff;
	border:1px solid #b9b9b9;
	max-width:320px;
  	width: expression(this.width > 320 && this.width > this.height ? 320: true);
	max-height:320px;
  	height: expression(this.height > 320 && this.width < this.height ? 320: true);
}                           
.media .story {
	font-size:1.2em;
	border:2px solid #D6E0DF;
	margin:1em 0;
	padding:0.5em;
}
.media .credit {
	font-size:0.7em;
	color:#f64813;
}     
.media .cutline {
	font-size:0.8em;
}
.panel .media a {
/*	text-align:center;*/
}
.panelContainer .panel h3 {
/*	margin:0;*/
	font-weight:bold; 
	color:#2f8eac;
	font-size:1.2em;
}                          
.panelContainer .panel h4 {
	margin:0;
	font-weight:bold;
	font-size:1.1em; 
}                                                                                    
h4.septext {
	font-size:1em;
	font-weight:bold;
}
                                  
.panel .clear {
	text-align:right;
}

.title { font-size: 1.5em; margin-top: 5px; }

/* columnist stack styles */
.columnist_story_stack { clear: both; margin-top: 5px; height: 50px; }
.columnist_story_stack img { margin-right: 5px; }
/* end columnist stack styles */ 

/* contact us styles */
.contact_us { font-size: .9em; }
.contact_us .name { font-weight: bold; margin-top: 5px; }
.contact_us .title { font-size: 1em; margin-top: 0px; }
.contact_us .email {}
.contact_us .email a { color: #cc3300; }
.contact_us .phone {}
/* end contact us styles */

/*End  Highlight features*/

/*General content*/
/*storylist*/
div.top_stories div.title {
	font-size:1.4em;
	font-weight:bold;
}
div.top_stories div.title a {
	color:#CCC;
	text-decoration:none;	
}
ul.storylist {                                         
	list-style:none;
	list-style-image:url('http://media.beaufortgazette.com/static/images/design/arrow2.png');
	margin:0.5em 0;
	padding:0;       
}
ul.storylist li {
	margin-left:1.5em;
	margin-bottom:0.25em;
	padding:0;	
}
ul.storylist li.more {
	text-align:right;
	font-size:0.8em;
}
/*End General content*/

/*Story-page specific*/       
#rail_a > div {
	margin:2px;
}
#rail_a h1 {
	margin:3px 0;          
	font-size:2em;   
	color:#4b4b4b;
}   
#rail_a h2 {
	margin:3px 0;       
	font-size:1.7em;
	color:#8d9b9b;
}
#photodeck {
	font-size:1.1em;    
}                                 
#photodeck div {
	padding:2px;
}
#story_body .dateline {
	font-weight: normal;
}
.featurephoto {
	color:#fff;
	background-color:#4b4b4b;
}
#summarydeck {
	font-size:1.35em;  
	border:2px solid #f64813;
	padding:2px;
	margin:1em auto;
} 
#summarydeck ul {
	list-style:none;
	list-style-image:url('http://media.beaufortgazette.com/static/images/design/arrow1.png');
	margin:0.5em 1em;
	padding:0;
}                         
#summarydeck legend {
	font-size:0.8em;
	font-weight:bold;
	color:#f64813;
}
#summarydeck ul li {
	margin-left:1.5em;
	margin-bottom:0.25em;
	padding:0;	
}                         
.pubdate,
.date {
	color:#A31939;       
	font-weight:bold;    
}                                      
div.mugshot {
	text-align:center;
	font-size:0.7em;
	text-transform:uppercase;
	border:1px solid #B9B9B9;
}
#storyextras {  
	float:left;
	border:1px solid #b9b9b9;
	padding:2px;
	margin:2px; 
	width:200px;
}                                      
#storyextras-content { /*Places extras at the end of content, and hides them from GUI browsers*/
	display:none;
}
#storyextras h3 { 
	color:#015b73;
	font-size:1em;
	margin:0px 0px 2px 0px;
	padding:2px;
	background-color:#d6e0df;
}                                  
#storyextras img {  
	max-width:200px;     
	margin-bottom:2px;   
	border:0;     
}
#story_body {         
	font-size:1.2em;
	padding:2px; 
}                             
#story_body p {
	margin-bottom:1em;
}                                  
#credit {
	font-weight:bold;
}          
.factbox {
	margin:2px;
	padding:4px;
	background-color:#D6E0DF;
	clear:both;
}
.factbox h4 {
	margin:0;
	text-transform:uppercase;
	
	font-weight:bold;
	color:#8D9B9B;
}
#toolbar h3#toolname {
	font-size: 11px;
}
#story_tools {
	margin-bottom: 0;
}#story_tools ul {
	margin-bottom: 5px;
}
#story_tools ul li {
	display: inline;
}
#story_tools ul li + li {
	border-left: 1px solid #333;
}
#story_tools #story_link_email, #story_tools #story_link_print {
	float:none;
}
#story_tools ul a {
	margin: 0;
	padding: 0 4px;
}
#story_tools #addthis {
	float: none;
	text-align: center;
}
#storyextras p {
	font-size: 0.8em;
}
#caption {
	font-size: 0.8em;
}
/*end Story-page specific*/

/*start print page styles*/
.story_print #page_container {
	padding: 12px;
	overflow: visible;
}
.story_print #story_body p {
	font: normal .8em georgia, times new-roman, serif;
}
/*end print page styles*/

/*Weather & Traffic widget*/
#weather span {
	display:block;
	clear:both;
}                                
/*end weather & traffic widget*/

/* ADS CSS */
#bdge01, #bdge02 { width: auto; float: left; margin: 3px 2px 0 1px;}
#bdge02 { float: right; }

#mrec01 { margin: 3px; }                                  

/*Partner link section*/
#partners {
	font-size: 10px;
	padding: 3px;         
	background-color:#E6E6E6;
}                            

#partners img {              
	display: inline;
	vertical-align: middle;
	padding: 1px 3px;
	border: none;
}

#partners ul {
	display: inline;
}

#partners ul li {
	display: inline;
	list-style: none;     
	padding: 0px 3px;
}
/*End partner link section*/

/*Planet Discover styles*/
div.newsbox h1 {
	font-size:1.2em !important;
}                            

.boxinfo, .adsinfo {
font-size:0.8em;
background-color:#a3b5bc;
}

.boxtitle, .boxTitle {
font-size: 1.3em;
font-weight:bold;
padding:2px;
}

.newsbox, .listingBox, .carsbox, listingbox, .adsinfo,.harvestbox {
width:216px;
border:1px solid #d6e0df;
margin:0 1px;
padding:2px;
}

.adsinfo {
margin:3px;
}
                        
.adsinfo .boxtitle {
background-color:#f64813;
}
.adsinfo .boxtitle a {
color:#FFF !important;
margin:2px;
}

/*End Planet Discover styles*/