/* CSS Document */

body{
  margin: 0px;
  font-family: veranda, helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  background: #AE0000;
}


#main{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#container{
  float: left;
  background: #F60;
  width: 100%;
  height: 100%;
}

/* -- HEADER -- */
#header{
  float: left;
  width: 100%;
  height: 644px;
  margin-bottom: 1px;
}

#header-logo{
  float: left;
  width: 100%;
  height: 120px;
  padding-top: 10px;
  background: url(images/top_bg.gif);
}

#header-menu{
  float: left;
  width: 100%;
  height: 31px;
  background: url(images/menu_bg.jpg);
}

#header-banner{
  float: left;
  width: 100%;
  height: 326px;
  background: url(images/banner_bg.jpg);
}

#header-boxes{
  float: left;
  width: 100%;
  height: 157px;
}

ul.menu {margin-top: 5px; list-style:none; text-align:center;}
ul.menu li {padding-left: 50px; padding-right: 50px; margin-top: 5px; border-right: 1px solid #1d301a; display: inline;}
ul.menu li.last { border: none; }

a.menu:link, a.menu:active, a.menu:visited{
  color: #ffffff;
  text-decoration: none;
}

a.menu:hover{
  color: #bd8228;
  text-decoration: none;
}

#listen-live{
  float: left;
  width: 500px;
  height: 35px;
  padding-top: 121px;
  padding-left: 82px;
  margin-left: 295px;
  margin-top: 170px;
  background: url(images/listen_live_bg.png); 
}

#listen-live img{
  margin-right: 4px;
}

#box1{
  float: left;
  width: 333px;
  height: 157px;
  background: url(images/box1_bg.jpg);
}

#box2{
  float: left;
  width: 334px;
  height: 157px;
  background: url(images/box2_bg.jpg);
  text-align: center;
}

#box3{
  float: left;
  width: 333px;
  height: 157px;
  background: url(images/box3_bg.jpg);
}

.box-title{
  float: left;
  width: 100%;
  padding-top: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 10px;
}

.box-content{
  float: left;
  margin-left: 140px;
  font-size: 11px;
  color: #ffffff;
}

#sky-banner{
	float: right;
	margin-bottom: 20px;
	text-align: left;
	margin-top: -1px;
}
/* --CONTENT -- */
#content-wrapper{
  float: left;
  width: 100%;
  height: 100%;
}

#content{
 float: right;
 width: 628px;
 min-height: 850px;
 padding-left: 20px;
 padding-right: 20px;
 border-left: 1px solid #666;
 text-align: justify; 
}

.title{
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
}

#slide-show{
  float: left;
  width: 330px;
  height: 308;
  margin-bottom: 30px;
  
}
/* --Left Column -- */
#left-column{
  float: left;
  width: 330px;
  margin-top: -1px;

}

/*-- Footer -- */

#footer{
  float: left;
  width: 100%;
  height: 110px;
  color: #ffffff;
  font-size: 12px;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(images/footer_bg.jpg);
  text-align: center;
}

a.footer:link, a.footer:visited, a.footer:active{
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
}

a.footer:hover{
  color: #ffffff;
  font-size: 12px;
  text-decoration: underline;
}

ul.footer {margin-top: 5px; list-style:none; text-align:center;}
ul.footer li {padding-left: 30px; padding-right: 30px; margin-top: 5px; border-right: 1px solid #ffffff; display: inline;}
ul.footer li.last { border: none; }