body {
text-align:center;
margin: 0 auto;
z-index:0;
background: #000000;
color:#231f20;
font-family:times new roman;
width:100%;
 }

#wrapper
{
margin: 0 auto;
position:relative;
text-align:left;
width:952px;
height:680px;
top:15px;
z-index:2;
background-color:black
}

#wrapper2
{
margin: 0 auto;
position:relative;
text-align:left;
width:767px;

top:15px;
z-index:2;
background-color:black
}

#center
{
   position:absolute;
   left: 90px;
   width:767px;
}

#header
{
    position:absolute;
    top:0px;
   background-image:url('../images/headerpic.jpg');
   width:767px;
   height:175px;
   z-index:2;
}

#logo
{
  position:absolute;
    top:40px;  
    left:20px; 
}

#listenbuttons
{
    position:absolute;
    top:10px;  
    right:5px; 

}

#socialbuttons
{
    position:absolute;
    top:145px;  
    right:10px; 
}
#content
{
    position:absolute;
    top:250px;
    left:0px;
    width:767px;
}

#left
{
    position:absolute;
    text-align:center;
    left:0px;
}

#right
{
    position:absolute;
    text-align:center;
    right: 0px;
}

#menu
{
    position:absolute;
    top:185px;
    color:White;
    font-family:Times New Roman;
    font-weight:bold;
    font-size:14pt;
    width:767px;
}

#menu a
{
    color:White;
    text-decoration:none;
}
.separators
{
    font-size:16pt;
}

.bottommenu
{
  color:White;
    font-family:Times New Roman;
    font-weight:bold;
    font-size:10pt;  
}

#search
{
    position:absolute;
    right:-18px;
    top:-1px;
}

#ticker
{
   position:absolute;
    top:215px;
    background-color:#ebebeb;
    color:black;
    font-family:Times New Roman;
    font-weight:bold;
    font-size:10pt;
    width:760px; 
    padding:3px; 
    overflow:hidden;
    height:10px; 
    font-family:arial; 
    padding-top:10px;
    
}

#infobox
{
    background-color:#013e7f; 
    width:290px;
    text-align:center;
    color:White;
    height:325px;
    font-weight:bold;
    border: 4px solid black;
}

#infobox a
{
  color:White;
  text-decoration:none;  
}

#innerbox
{
    background-color:#ebebeb;
    margin:5px;
    text-align:left;
    color:Black;
    padding-top:5px;
    height:88%;
    font-weight:normal;
    font-size: 10pt;
}

#innerbox a
{
  padding: 8px;
  color:Black;
  font-size:10pt;  
  text-decoration:none;
  margin-bottom:4px;
  font-weight:normal;
}

#innerbox img
{
    padding: 4px 0px 4px 0px;
}

#homeblackblock
{
   width:570px;
   background: black;
   height:493px;
   padding:8px; 
   float:left;
}

.pollcalendar
{
  width:161px;
  float:right;
  margin-right:2px;
  text-align:center;
  border:2px solid black;
    height:377px;
  overflow:hidden;
     /*overflow:auto;*/
}

#pollcalendar_sub
{
  width:146px;
  float:right;
  margin-right:4px;
  text-align:center;
}

.clear { clear: both;}

#podcast_home
{
    width:265px;
    background:#013e7f;
     text-align:center;
    color:White;
    height:163px;
    font-weight:bold;
    float:right;
    padding-top:5px;
    margin-top:5px;
}

#podcast_home a
{
  color:White;
  text-decoration:none;  
}

#podcast_inner
{
    background-color:#ffffff;
    margin:6px;
    text-align:left;
    color:Black;
    padding-top:5px;
    height:76%;
    font-weight:normal;
    font-size: 10pt;  
    padding:5px;
    
}

#podcast_inner a
{
  color:Black;
  text-decoration:none;
 padding-bottom:5px;
}


#homebuttons
{
   width:265px;
   margin-top:5px; 
   float:right;
}

#widead
{
    width:269px;
    float:left;
    margin-top:2px;
}
#hometile2
{
    width:144px;
    float:left;
    margin: 2px 0px 2px 0px;
}
#hometile1
{
    width:144px;
    margin: 2px 6px 2px 2px;
    float:left;
}

#widead_sub
{
    width:445px;
    float:left;
    margin-top:2px;
    border:2px solid black;
}
#subtile2
{
    float:left;
    margin: 2px 0px 2px 0px;
    border:2px solid black;
    width:146px;
    height:109px;
    background:white;
}
#subtile1
{
    margin:  2px  6px 2px 4px;
    float:left;
    border:2px solid black;
    width:146px;
    height:109px;
    background:white;
}

#calendar
{
  width:160px;
    background:#013e7f;
     text-align:center;
    color:White;
    height:257px;
    font-weight:bold;
    padding-top:5px;
    margin-top:5px; 
    border:2px solid black; 
   
}

#calendarinner
{
    background:white;
    width:144px;
    height:79%;
     margin:6px;
}

#calendarinner a
{
  color:Black;
  text-decoration:none;
  font-weight:normal;
  font-size:9pt;
}

#calendar_sub
{
  width:146px;
    background:#013e7f;
     text-align:center;
    color:White;
    height:277px;
    font-weight:bold;
    padding-top:5px;
    margin-top:5px; 
    border:2px solid black; 
   
}

#calendarinner_sub
{
    background:white;
    width:138px;
    height:79%;
     margin:6px;
}

#calendarinner_sub a
{
  color:Black;
  text-decoration:none;
  font-weight:normal;
  font-size:9pt;
}

#maincontent
{
    width:760px;
}

#scrollingcontent
{
  width:579px;
  overflow:auto;
  float:left;  
  height:598px;  
  padding:10px;
  border: 2px solid black;
  margin-right:3px;
  margin-bottom:2px;
  background-color:#ebebeb;
}

.sideads
{
    border:2px solid black;
    width:146px;
    height:109px;
    margin-bottom:10px;
}


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:blue;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ededed;
color:Black;
}


div.poll
{
  border:2px solid black;
    width:146px;
    height:370px;
     overflow:auto;
}

a
{
 text-decoration:none;
 color:  Blue;
    
}

a:visited
{
    text-decoration:none;
    color:Blue;
    
}

a:hover
{
    text-decoration:none;
    color:#333333;
}

#weatherblock
{
    margin-top:5px;
    padding-top:5px;
text-align:center;
height:118px;
width:164px;
float:right;
margin-right:2px;
background-image:url('../images/weatherbg.jpg')
}

h1
{
    text-align:center;
    font-size:16pt;
}

.bottommenu a
{
    color:White;
}
.bottommenu a:visited
{
    color:White;
}
img{border:none;}

    .pointer {font-weight: bold; cursor: hand; cursor:pointer;
               font-size:16pt; }
               
    .details { display:none; visibility:hidden; }
    
    
    
    /*---google search form---*/



form#google-search {

  width:171px;

  position:absolute;

  top:7px;

  right:0;
  z-index:100;
  color:White;
}



form#google-search .form-item {

  margin:0;

  padding:0;

  display:inline;

}



form#google-search input.form-text {

  margin: 0;

  border: 1px solid #9E9E9E;

  border-right: 0;

  font-size: 11px;

  font-family: Arial, Helvetica, sans-serif;

  padding: 1px 3px 0;

  color: #5E5E5E;

  width: 120px;

  margin-bottom: 1px;

}



form#google-search .form-submit {

	text-indent: -9999px;

    cursor:pointer;

    cursor:hand;

    background: url(/images/bttn-search.gif) no-repeat;

	margin:0;

	padding:0;

	width:21px;

	height:18px;

	border:0;

	overflow:hidden;

	font: 11px;

	display:inline;

}



form#google-search label {

	padding: 0;

	margin: 0;

	display: inline;

	color:white;

   line-height:22px;

   text-indent:-5px;

}



form#google-search input.radiobox {

  margin: 0 1px -4px;

}

.adminmenu h3
{
    padding-bottom:0px;
    margin-bottom:0px;
    font-size:12pt;
    color:Gray   
}

.adminmenu a
{
   font-size:10pt; 
}



.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px times new roman, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px times new roman, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}