

body {
	margin: 0 auto;
	padding: 0;
	background: url(/images/imgback.jpg) repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #70765f
}

h1 {
}

h2, h3 {
	margin-top: 0;
}

h4, h5, h6 {
}

p, ol, ul, dl, blockquote {
}

a {
	color: #794400;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	width: 1024px;
	height: 150px;
	margin: 0 auto ;
	background: url(http://media.bonnint.net/birg/2/227/22777.png) no-repeat;
	/*background: url(/images/header.3.png) no-repeat;*/
	position:relative;
}

#header * {
	text-decoration: none;
	color: #FF4430;
	margin: 0 auto ;
}


/* Page */

#page {
	width: 1020px;
	margin: 0 auto ;
	background: #FFF url(/images/img5.jpg) repeat-x;
	border-left: 2px solid #f8e8e9;
	border-right: 2px solid #f8e8e9;
	
	
}
.chromestyle{
width: 660px;
height: 37px;
float: left;
font-weight: bold;
font-size:13px
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
height: 37px;
background: url(http://media.bonnint.net/birg/2/215/21573.jpg) repeat top; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/

}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #794400;
padding: 4px 7px;
margin: 0px;
text-decoration: none;
border-right: 2px solid white;
}

.chromestyle ul li a:hover{
background: url(/images/menuback.jpg) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content:;
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid white; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
/* ######### image rotater center ######### */
}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
margin-top: 8px;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
margin-top: 8px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #794400;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #cae1db;
}

/* now playing */
#np_img {width: 281px; height: 148px; margin-left: 600px; margin-top: 2px;}
#np_text {float: left; margin-top: 86px; margin-left: 10px;}
#np_intro { float: left; font-size: 16px; color: #834c00; font-weight: bold; }
#np_title { float: left; font-size: 12px; color: #834c00; text-transform: capitalize;}
#np_link { float: left; font-size: 14px; color: #834c00; font-weight: bold; }



/* Content */




#colOne {
	float: left;
	width: 0px;
	margin: 5px 0px 0px 5px;
	
}

#colTwo {
	background: url(images/img07.gif) repeat-x;
	float: left;
	width: 990px;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border-top: 3px solid white;
}



#colThree {
	float: left;
	width: 301px;
	margin: 5px 0px 0px 15px;
}


/* headlines */
.left_col_item { float: left;  width: 490px; margin: 0px 0 0 0; 
 padding: 0px 0px 15px 0px; background-color: #f8e8e9;}	
 
 
 
 
.left_col_item_nh { float: left;  width: 490px; margin: 0px 0 0 0;  padding: 0px 0 0 0px;}
 .left_col_news { background: #125185  no-repeat top left;  float: left;  width: 490px; margin: 7px 0 0 0; 
 padding: 24px 0 0 0px;}
 .left_col_recent {background: url(../images/headline.jpg) repeat-x; float: left;  width: 490px; margin: 7px 0 0 0; 
 padding: 24px 0 0 0px; font-size: 9px;}
 .left_col_bnr {   float: left;  width: 495px; margin: 2px 0 0 0; 
 padding: 5px 0 0 0px;}
.left_col_bnr div { margin: 0 auto; width: 468px;}
.right_col_item { float: left; width: 180px; margin: 5px 0px 0px 0px;
 padding: 15px 0px 15px 0px;}
 .right_col_bnr {  no-repeat top left;  float: left;  
 padding: 3px 0 0 0px; margin: 0 auto; width: 180px;}
.right_col_bnr_inner { width: 232px; margin: 0 auto; }
 .right_col_item_noimage { background: #125185  no-repeat top left;  float: left;  width: 180px; margin: 0px 0 0 0; 
 padding: 0px 0 14px 0px;}
.left_col_item img { padding: 10px 10px 5px 10px;}
.left_col_item div { padding: 10px 5px 5px 10px; }

.left_col_blog img { padding: 5px 5px 5px 5px;}
.left_col_blog div { padding: 5px 5px 5px 5px; }
.left_col_blog_headline {float: left; margin: 0px 0px 0px 0px; clear: left; }
.title_blog {background: url() repeat-x; font-size: 12px; color: #794400; font-weight: bold; font-family:  Verdana, Arial, Tahoma }

.left_col_item_no_bar { overflow: hidden;}
.left_col_item_no_bar img.header { padding-left: 10px;}
.footer {text-align: center;}
.left_col_item_headline {float: left; margin: 0px 0px 0px 0px; clear: left; }
.right_col_headline_item {float: left; margin: 5px 0px 0px 0px; clear: left; }

.headlinesTop {margin-left: 10px; margin-bottom: 10px;}
.title {background: url(../images/headlineshadow.jpg) repeat-x; font-size: 14px; color: #794400; font-weight: bold; font-family:  Verdana, Arial, Tahoma }

.titlecase {margin-left: 10px}
.simple_iname {float: left;  }
.simple_title_iname { font-size: 10px; color: #418AC0; border-top: 1px solid; border-top-color: #FE7628;  padding: 0px 0px 0px 0px;  }
.simple {float: left; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;}
.simple_title {background: url(/images/headlineshadow.jpg) repeat-x; width: 490; font-size: 14px; color: #794400; font-weight: bold; font-family:  Verdana, Arial, Tahoma }
.pink_title { font-size: 16px; color: #EC098D; border-bottom: 1px solid; border-bottom-color: #F3A8C4; padding: 13px 0px 2px 0px; }
.simple_img { float: left; padding: 0px 0px 5px 0px; clear: left;  margin: 0px;}
.simple_text { padding: 0px 0px 0px 0px; }
.simple_button_iname { padding: 0px 10px 0px 400px; }
.simple_button { float: right; margin: -10px 50px 0px 0px; }
.jill_button { padding: 0px 10px 0px 300px; }
.simple_col2_io {float: left; border-bottom: 2px solid; border-bottom-color: #C8C8C8; border-bottom-style: dotted; border-bottom-width: 1px; padding: 0px 0px 10px 0px;}
.simple_col2_io_img { float: left;  }
.top_col_item { width: 240px; margin: 0px 0 0 435px;  padding: 0px 0 0 0px; z-index: 99;}
.right_col_headline_item { float: left; margin: 0px 0 0 0px;  padding: 0px 0 0 0px; clear: left; width: 170px; }
.col2_mn {width: 200px;  height: 74px; background:  url(../images/weatherbox.gif); }

#itemsName { font-size: 16px; font-weight: bold; color: #2e3092; margin: 10px 0px 0 0; padding: 0px 0px 0px 0px; }
.itemsName { font-size: 16px; font-weight: bold; color: #2e3092; margin: 10px 0px 0 0; padding: 0px 0px 0px 0px; }

/* Menu */

#menu {
	margin-top: 5px;
	margin-bottom: 19px;
	font-size:10px;
	background: #FFF url(/images/img5.jpg) repeat-x;
	
}

#menu h2 {
	display: none;
	font-size:10px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	font-size:10px;
}

#menu li {
	display: block;
	padding-top: 1px;
	background: url(images/img07.gif) repeat-x;
	font-size:10px;
}

#menu li.first {
	background: none;
	font-size:10px;
}

#menu a {
	display: block;
	width: 130px;
	padding: 7px 10px 7px 15px;
	text-transform: uppercase;
	background: url(images/img08.gif) no-repeat 10px 50%;
	text-decoration: none;
	letter-spacing: 1px;
	font-size:10px;
	font-weight: bold;
}

#menu a:hover {
	background: url(/images/menuback.jpg) center center repeat;

}

/* ads */
#col_1_bnr { float: left; margin: 0; width: 468px; padding: 0px 0px 20px 0px; clear:none; z-index: 1; }
.sss_banner { width: 468px;  margin: 0 0 0 0; border: 0px; padding: 5px 0 5px 0; }
.middle_banner { width: 480px; float: left; clear: none; background: #F0F7E7; margin: 0 0 0 0; border: 0px; padding: 3px 0 5px 0; }
.monster_banner { width: 300px; float: left; clear: none; margin: 0 0 0 0px; border: 0px; padding: 0px 0 20px 10px; }

/* story */
#storyBody { font-size: 12px; background: #FFFFFF  float: left;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0 10px; width: 990px; }
#storyIntro { }
#storyIntro img { padding: 5px 5px 5px 5px; }
#storyDate { font-size: 10px; color: #999; margin: 0px 0 0 0px; }
#storyTitle { font-size: 16px; font-weight: bold; color: #794400; margin: 10px 0px 0 0; }
.storyTitle { font-size: 16px; font-weight: bold; color: #794400; margin: 10px 0px 0 0; }
#storyAuthor { font-size: 8px; }

/* weather */
.weather_front {width: 180px;  height: 67px; background:  url(../images/weatherbox.gif); }
.weather_front_text { font-color: #FFFFFF; float: left; margin: 40px 5px 5px 15px; text-align: left; font-weight: bold; font-size: 10px; }
.weather_front_img { float: left; margin: 5px 5px 5px 5px; padding: 2px 2px 2px 5px; }
.weather_current_image{ width: 100px; margin: 0 auto; }
.weather_current_text {clear: left; width: 175px; margin: 0 auto; text-align: right; font-weight: bold; font-size: 10px;}
.weather_title { font-weight: bold; text-decoration: underline; font-size: 15px; }
.forecast_day { float: left; clear: none; width: 70px; height: 140px; border: #a0a0a0 solid 1px; border-left: 0px; text-align: center; padding: 7px !important; }
.forecast_day_2 { height: 220px; width: 70px; padding: 400px; }
.forecast_day#first-child{ border-left: #a0a0a0 solid 1px; }
.forecast_day_name { font-weight: bold; }
.forecast_day_name_2 { font-weight: bold; height: 25px; display: block; }
.forecast_day img { margin: 0 10px; }

.front_text {margin: 5px 5px 5px 5px; }
.headline {margin: 0px 0px 0px 0px; }
.right_col_item { float: left; margin: 0 auto;  padding: 0px;}
.right_col_audio_item { font-size: 10px; color: #719F31; }
.wallpaper_headline { float: left; clear: left; }
.titleRight { font-size: 14px; color: #719F31; font-weight: bold; }
.wallpaper_title { font-size: 14px; color: #719F31; font-weight: bold;  } 
.title { font-size: 16px; color: #794400; font-weight: bold; font-family:  Verdana, Arial, Tahoma } 
.tiny { font-size: 9px; color: #323232; font-weight: bold; font-family:  Verdana, Arial, Tahoma } 
.right { font-size: 10px; color: #323232;  font-family:  Verdana, Arial, Tahoma } 
.titleListen { font-size: 14px; color: #ffffff; font-weight: bold; font-family:  Verdana, Arial, Tahoma } 

/* ============== Rounded Corners Box ============== */

.roundCornerSpacer { margin: 0px; padding: 0px; border: 0px; clear: both; font-size: 1px; line-height: 1px; }
.borderTL, .borderTR, .borderBL, .borderBR {  width: 8px; height: 8px; padding: 0px; border: 0px; z-index: 99; }
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -14px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -8px 0px 0px 0px; }
.borderBR { margin: -8px 0px 0px 0px; }
.borderTL { margin-left: -4px; ma\rgin-left: -1px; }
html>body .borderTL { margin-left: -1px; }
.borderTR { margin-right: -4px; ma\rgin-right: -1px; }
html>body .borderTR { margin-right: -1px; }
.borderBL { margin-left: -3px; ma\rgin-left: 0px; }
html>body .borderBL { margin-left: 0px; }
.borderBR { margin-right: -3px; ma\rgin-right: 0px; }
html>body .borderBR { margin-right: 0px; }
.roundContent { margin: 0px; padding: 0px; border: 1px solid #ccc;}
.roundContentFB { margin: 0px; padding: 5px 5px 15px 5px; border: 1px solid #ccc;}
.roundCol2 { margin: 0px 5px 0px 0px; padding: 2px 2px 2px 5px; border: 0px; float: right; width: 180px;} 
.roundCol3 { margin: 0px 0px 15px 0px; padding: 0px; border: 0px; float: right; width: 200px; clear: none;} 
.roundCol1 { margin: 0px 0px 15px 0px; padding: 0px; border: 0px; float: left; width: 420px;} 
.roundColWide { margin: 5px 5px 15px 5px; padding: 0px; border: 0px; float: left; width: 420px;} 
.roundBottom { padding: 0px; border: 0px; clear: both;}
.roundCenter { padding: 10px 10px 10px 10px; font-size: 12px;}
.gallery {  font-size: 14px;  font-weight: bold;  padding-top: 4px;  line-height: 1.7em; color: #009;}
.gallery img { float: left;}

/* comments */
.comment {	border: 1px solid #ccc;	background: #EEF3F6; padding: 7px 10px 20px 10px;	margin: 5px 0px 12px 0px;}
.comment .subject {	font-weight: bold;	font-size: 14px;	margin-bottom: 1px;	background: #F5FBFE;	padding: 2px 0px 2px 7px;	border: 1px solid #9CB8C6;}
.comment_deleted {}
.comment_child .subject {	font-weight: bold;	font-size: 14px;	margin-bottom: 1px;	background: #F5FBFE;	padding: 2px 0px 2px 7px;	border: 1px solid #9CB8C6;}
.comment_child_del .subject {	font-weight: bold;	font-size: 14px;	margin-bottom: 1px;	background: #ff9999;	padding: 2px 0px 2px 7px;	border: 1px solid #d00;}
.comment .author {	font-size: 9px; margin-bottom: 5px;	padding-left: 4px;	color: #3E7E98;}
.comment .reply {	font-size: 12px; font-weight: bold;	float: right; margin-right: 5px;}
.comment .reply a {	color: #666;}
.comment .postMessage {	width: 350px; margin-bottom: 7px;}
.comment .postSubject {	width: 350px; }
.comment .postDiv {	margin-top: 7px; padding-top: 5px; border-top: 2px solid #000;}
.comment_message { padding: 10px; text-align: center; border: 1px solid #900; background: #fdd; color: #900; font-size: 16px; margin: 10px 16px 10px 15px; font-weight: bold;}
.comments {	clear: left;}
.comments li {	list-style-type :none;}
.comments .comment_children li {	display: inline;	list-style-type: none;}
.comments .comment_children {	background: #bbbbbb;	margin: 1px;	width: 50%;}

/* Footer */
#adfooter {
	width: 1020px;
	background-color:#FFFFFF;
	height: 100px;
	margin: 0 auto ;
	padding: 10px 0;
	border-left: 2px solid #f8e8e9;
	border-right: 2px solid #f8e8e9;
	}


#footer {
	width: 1024px;
	height: 100px;
	margin: 0 auto ;
	padding: 20px 0;
	background: url(/images/img4.jpg) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

/* Boxed */

.boxed h2 {
	margin: 0;
	padding: 10px 0 3px 10px;
	background: #653404 url(/images/img2.jpg) no-repeat;
	font-size: 1.3em;
	color: #FFFFFF;
}

.boxed h3 {
	margin: 0;
	font-size: 1em;
}

.boxed p, .boxed ul {
	margin-top: 0;
}

.boxed ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

.boxed-content {
	padding: 10px;
	border-left: 2px solid #f8e8e9;
}
