body {
        /* background-color:#EFE7CB; */
        padding:0;
        margin:0 ;  
         background-color:#F3F1E9; 
        
      }
       
      p {
        font-size:13px;
        font-family:arial;
        color:#003366;
        padding:2px;
      }
      
      /* Structure */ 
      #wrapper {
        width:960px;
        
        margin:0 auto; /* centers wrapper */
        /* margin:0; */
         background:#D2D1C2 url('../images/body_bkg.png') repeat-y;
      }

      
      #masthead {
        background: url('../images/header.jpg')#b79d5c no-repeat;
        background-color:#b79d5c;
        position:relative;
        width:960px;
        height:235px;
      }
      
      #masthead img {
      border:0;
      left:0px;
      top:0px;
      }
      
      #masthead .logo {
	  border:0;
      position:absolute;
	  left:10px;
	  top:115px;
      }
      
       #leftCol {
        float:left;
        width:203px;
        background-color:#b79d5c; /* probably need to replace with a faux column color  was using #b79d5c */
        background:url('../images/left_col_bkg.gif') repeat-y;
        margin-top:0;
        
      }
      
      #midCol {
        float:left;
        width:345px;
        margin-left:20px;
        margin-top:15px;
        margin-right:5px;
              
      }
      
      #rightCol {
        float:right;
        margin-top:15px;
        width:350px;
        margin-right:20px;
        margin-left:10px;       
      }
      
       #singleCol {
        float:left;
        width:695px;
        margin-left:20px;
        margin-top:15px;
        margin-right:5px;
        background:#D2D1C2 url('../images/body_bkg_single.png') repeat-y;             
      }
     
      
      #footer {
        clear:both;
        text-align:center;
        background: url('../images/footer_bkg.png') repeat-x;
        height:28px;
        color:#fff;
        text-align:center;
        font-family:Arial, sans-serif;
        font-size:0.688em;
        padding-top:10px;
        font-weight:500;
        text-transform:uppercase;
        margin-bottom:0;
        padding-bottom:0;
        
      }
      
      #footer a {
        text-decoration:none;
        color:#fff;
     
       /* margin-bottom:10px; */
        
      }
      
      #footer a:hover {
        color:#cc9966;
      }
      
      #footer .socialbuttons {
        
        float:right;
        padding-left:5px;
        padding-right:5px;
        margin-right:20px;
        height:28px;
        *margin-top:-15px;

      }
      
      #footer .socialbuttons img
      {padding-left:2px;
      padding-right:2px;
      border:0;}
      

	 /* IMG STYLES */

	#grayBorder{
		border: solid 1px #CCC;
		padding: 10px;
		}
	  
      
      /* CONTAINERS */
      
      .city_moments_container
      {
        width:317px; /* width of flash and tab combined */
       
        
      }
      
      .city_moments_player {
       width: 317px;
     /*   width:320px; trying to make player same size as city_moments_container */
        float:left;
        

      }
      
      .city_moments_tab {
        width:46px;
        float:right;
      }
      
      .your_gov_container {
        width:350px;
        margin-top:5px;
        margin-bottom:5px;
      }
      
      .your_gov_left_img {
        width:180px;
        float:left;
      }
      
      .your_gov_right_txt {
        width:170px;
        float:right;
      }
      .your_gov_left_txt {
        width:170px;
        float:left;
      }

      
      .your_gov_container .heading_img img {
        
        margin-top:0px;
      }
      
      /* your gov section links */
      
       .your_gov_container ul {
        font-size:12px;
        font-family:Arial, sans-serif;
        line-height:1.5em;
        list-style-type:square;
        margin-top:0px;
        margin-bottom:0;
        
      }
      
      .your_gov_container ul a {
        
        text-decoration:none;
        color:#003366;
      }
      
      .your_gov_container ul a:hover {
        color:#fff;
      }
      
      /* City Commission section styles */
      
       .comm_container {
        width:350px;
        margin-top:0px;
        margin-bottom:5px;
      }
      
        .comm_left_img {
        width:50px;
        height:50px;
        margin-left:20px;
        float:left;
      }
      
      .comm_right_txt {
        width:280px;
        float:right;
        height:50px;
      }
      
      .comm_container .heading_img img {
        
        margin-top:0px;
      }
      
      .comm_container p {
        margin:0;
      }
      
      /* contains spot_col_left and right, which have nested divs themselves to create 4 column effect */ 
      .spot_container {
        width:350px;
        
      }
      
      .spot_col_left {
        width:175px;
        float:left;
      }
      
      .spot_col_right
      {
        width:175px;
        float:right;
      }
      .spot_subcol_left {
        width:75px;
        float:left;
      }
      .spot_subcol_right {
        width:100px;
        float:right;
      }
    
     .spot_container img {
        border:1px solid #dedede;
     }
      
      
       .spot_container a {
        text-decoration:none;
        color:#003366;
        
    }
    
     .spot_container a:hover {
        text-decoration:none;
        color:#fff;
        
    }
    
    .spot_container p {
        margin:0;
    }
    
    
      #midCol .wgo_container
      {
        
        width:345px;
        
        margin-top:5px;
        margin-bottom:5px;
        overflow:hidden;

      }
      
      .wgo_left {
        float:left;
        width:70px;
 
      }
      
      .wgo_right {
        float:right;
        width:260px;
        margin-left:5px;
        padding:5px;
       
      }
      
      .wgo_container a:visited {
        color:#003366;
      }
      
      .updates_container {
        
        width:350px;
        margin-top:5px;
        height:160px;
      }
      
      #rightCol .updates_leftcol {
        
        float:left;
        width:80px;
        margin-top:15px;
        
      }
      
      #rightCol .updates_rightcol {
        
        float:right;
        width:270px;
        /* background:url('../images/update_train_bkg.png') no-repeat; */
        background:url('../images/didyouknow_goget.png') no-repeat;
        
        height:150px;
        margin-top:15px;
        margin-bottom:15px;
        
      }
       
       /* paragraph tag styles */ 
       #rightCol .updates_rightcol p {
        margin-top:30px;
        margin-right:107px; /* set to 90px so it doesn't overlap over the train */
       
      }
      /* misc */
      
        .readmore {
        
        
        font-family: Arial, sans-serif;
        font-size:10px;
        text-align:right;
        display:block;
        padding-right:40px;
        padding-bottom:10px;
         
      }
      
     .clearfix
     {clear:both;}
     
     
      .mayor_img
      {
        background:url("../images/mayor.jpg") 0 0 no-repeat;
        padding-top:0px;
        padding-bottom:0px;
        margin-bottom:0;
        line-height:0px;
      }
      
      .mayor_img  img  {
        border:0;
      }
      
      .side_news_container
      {
        width:203px;

      }
      
      .side_news a {
        color:#0099ff;
        text-decoration:none;
      }
      
      .side_news a:hover {
        color:#c6ac6d;
      }
      
      .side_news {
        
       background:url("../images/left_col_mid_bkg.gif") repeat-y  ;
       margin-left:13px;
       margin-right:13px;
      }
      
      .sidenews_bottom {
        background:url("../images/sidenews_bottom.png") no-repeat;
        height:11px;
        margin-left:13px;
        margin-right:13px;
      }
      
      .side_news p {
        
        margin-left:5px;
        margin-right:5px;
        margin-bottom:0;
        margin-top:0;
        padding:5px;
        text-align:center;
   
      }
      
      .side_news h4 {
        font-family:Arial, sans-serif;
        font-size:12px;
        color:#003366;
        margin-top:1px;
        margin-bottom:5px;
        text-align:center;
      }
      
      #leftCol .side_news h3 {
        margin-top:0;
        margin-right:15px;
        margin-left:5px;
        margin-bottom:2px;
        padding:5px;
      }
      
      .side_news_container img{
        margin:0 13px 0 13px;
        padding:0;
        background-color:#fff;
      }
      
      #leftCol .side_news .bottom_img  {
        margin:0 13px 0 13px;
      }
      
      /* headings */
      
      h2 {
        font-family:Arial, sans-serif;
        font-size:17px;
        color:#003366;
        margin-top:5px;
        margin-bottom:5px;
      }
      
       h3 {
        font-family:Arial, sans-serif;
        font-size:14px;
        color:#003366;
        margin-top:5px;
        margin-bottom:5px;
      }
      
            
      /* images */ 
      #grayBorder{
		border: solid 1px #CCC;
		padding: 10px;
	   }

      
      
      .heading_img
      {
        margin-right:10px;
        margin-top:15px;
        margin-bottom:15px;
      }
      
      .widget_styles {
        margin-left:13px;
        margin-right:13px;
        margin-top:15px;
        border:0;
       
       
        text-align:center;
      }
      .widget_styles img {
        border:0;
      }
      
       .widget_styles_weather_top {
        background:url('../images/weather_top.png') no-repeat;
        height:34px;
        margin-left:13px;
        margin-right:13px;
        margin-top:25px;
      }
      
       .widget_styles_weather_bkg {
        
        background: url('../images/weather_bkg.png') no-repeat;
      
       padding:0px;
       padding-left:4px;
       margin-left:13px;
       margin-right:13px;
       height:85px;

      }
      
  /* NAVIGATION */
  
  .navContainer {
	
	clear:both;
	
}
  .top_nav {
        height:32px;
        width:930px;
        margin:0;
        padding:0;
        border:0;
        background: url('../images/top_nav_bkg_nw.png') 0 0 repeat-x ;
        border-width:0;
       padding-left:30px;
    }
   
  
     ul.top_nav li {
        float:left;
        display:inline;
        line-height:0;
        
    }
    
    ul.top_nav a {
        text-decoration:none;
        color:#fff;
        border:0;
        padding:0;
        
    }
    
    .top_nav img{
        border:0;
    }
      
       #leftCol .buttons {
        margin:0;
        padding:0;
        line-height:0;
        overflow:hidden;
        display:block;
  
      }
    
    .sub_nav {
        height:24px;
        width:810px;
        margin:0;
        padding:0;
        border:0;
        background: url('../images/subnav/submenu_bkg.png') 0 0 repeat-x ;
        border-width:0;
       padding-left:150px;
    }
   
  
     ul.sub_nav li {
        float:left;
        display:inline;
        line-height:0;
        
    }
    
    ul.sub_nav a {
        text-decoration:none;
        color:#fff;
        border:0;
        padding:0;
        
    }
    
    .sub_nav img{
        border:0;
    }
      
       #leftCol .buttons {
        margin:0;
        padding:0;
        line-height:0;
        overflow:hidden;
        display:block;
  
      }

  /* City Org. individual Dept. 1 Column container */
      
      .cod_container {
        width:750px;
        margin-top:5px;
        margin-bottom:5px;
      }
      
      .cod_header {
		margin-top:-8px;
		margin-bottom:10px;
		}
      
      
      .cod_left_img {
        width:90px;
        float:left;
        margin-left:21px;
        
      }
      
      .cod_right_txt {
        width:630px;
        float:left;
        margin-top:10px;
      }
   
    
          /* new stuff for residents, visitors and businesses */
      
      .rbv_container {
        width:350px;
        margin-top:5px;
        margin-bottom:5px;
      }
      
      .rbv_left_img {
        width:110px;
        float:left;
      }
      
      .rbv_right_txt {
        width:240px;
        float:right;
      }
      
      .rbv_container .heading_img img {
        
        margin-top:15px;
      }
      
       .rbv_heading_img
      {
        margin-right:10px;
        margin-top:5px;
        margin-bottom:5px;
      }
      
      .rbv_links_left{
        float:left;
        width:170px;
      }
      
      .rbv_links_right {
        float:right;
        width:170px;
      }
      
      /* links for residents, business and visitors */
      
      .rbv_container ul {
        font-size:12px;
        font-family:Arial, sans-serif;
        line-height:1.5em;
        list-style-type:square;
        
      }
      
      .rbv_container ul a {
        
        text-decoration:none;
        color:#003366;
      }
      
      .rbv_container ul a:hover {
        color:#fff;
      }
      
      .leftnavWeather {
	background-image: url('../images/weather_box_bkg.png');
	height:113px;
	background-repeat:no-repeat;
}

    .whiteline {
        background:url('../images/whiteline_bkg.gif') repeat-x;
        width:100%;
        height:15px;
       clear:both;
       margin-top:5px;
    
    }

  .leftnav_buttons {
        margin-left:20px;
        margin-right:15px;
        margin-top:20px;
        margin-bottom:10px;
        border:0;
    }
    
      .rightnav_buttons {
        margin-left:10px;
        margin-top:10px;
        margin-bottom:15px;
        border:0;
    }
    
       .rightnav_buttons img {
        border:0;
    }


    .leftnav_buttons img {
        border:0;
    }
   
   .socialbuttons {
				
		width:335px;
		float:left;
		margin-left:-5px;
		margin-top:20px;
		border:0;
		
		
}

.socialbuttons img {
	border:0;
}
   /* JQuery Cycle - change home page image cycle. */
#cycle {
    margin: 0;
    padding: 0;
    width: 317px;
    height: 275px;
    padding: 0px;
    background: #eee;
    /* -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;*/
    
    }
    
#cycle li {
    position: relative;
    list-style:none;
    margin: 0;
    padding: 0px;
    width: 317px;
    height: 275px;
    overflow: hidden;
    }
    
#cycle li div {
    /* position: absolute; */
    /* bottom: 3px; */ 
    /* left: 3px; */
   /* padding: 3px; */
    width: 317px;
    height:275px;
    background: black;
    color: black;
    font-size: 12px;
    opacity: .8;
    }
    
  .weather_absolute {
    position:absolute;
    top:15px;
    left:765px;
    width:130px;
    text-align:center;
    border:1px solid #ccc;
    color:#ddd;
    font-weight:bold;
    margin:0px 0px 0px 0px;;
    
    }

.weather_absolute a {
  font-size:14px;
  text-decoration:none;
  color:#000;
  
}

/* modifications for internal pages with White bkg */
#main {
  
width:757px;

float:right;
}

#main p {
 
 font-size:13px;
 color:#6c6c6c;
 padding-left:25px;
 padding-right:35px;
 margin-top:-5px;
 
}

#main h3 {
  font-family:arial,sans-serif;
  font-size:14px;
  color:#4981c8;
  padding-left:25px;
  padding-top:5px;
  
}

#main h3 a {
  font-family:arial,sans-serif;
  color:#4981c8;
  
}

#main h3 a:hover {
  font-family:arial,sans-serif;
 
  color:#003366;
 
}
#main .title img  {
  padding-left:15px;
  padding-bottom:10px;
  padding-top:25px;
}
#wrapper_main

{
  width:960px;
   
  margin:0 auto;
  padding:0;
  background: #ccc url('../images/main_bkg.png') repeat-y;
}

#main_calendar {
  width:960px;
  background:#d2d1c2;
  
}

.search_box {
	    
       margin-left:13px;
       margin-right:13px;
       margin-top:10px;
}

.search_button 
{
	background:#03506E;
	border:1px outset #d6d6d6;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:8pt;
	font-weight:bold;
	height:20px;
}

.search_text
{
	 color:#03506E;
	 
     margin-right:13px;
     margin-top:12px;
     font-family:Arial;
     font-weight:bold;
     font-size:12px;

}
  .weather_absolute {
    position:absolute;
    top:25px;
    left:822px; 
    width:150px; 
    border:0px;
    color:#ddd;
    font-weight:bold;
    z-index:0;
  
    }
 

 .search
 {
    position:absolute;
    top:175px;
    left:35px;
    width:250px;
    text-align:center;
    z-index:999;
   
    margin:0px 0px 0px 0px;;
    
    }
    
     .search2
 {
    position:absolute;
    top:360px;
    left:0px;
    width:325px;
    text-align:center;
    z-index:999;
   
    margin:0px 0px 0px 0px;;
    
    }

/* Commissioner Search Styles */ 
    #btnQueryString {

        /* background:transparent;*/ 
        float:right;
        margin:0 5px 0 0;
        padding: 0;
        width:23px;
        height:23px;
      }

#commissionerSearch {
    font-family:arial;
    width:205px;
    /* margin-left:4px;*/
    

}

#commSearch {
    font-family:arial;
    width:250px;
    margin-left:55px;
    margin-top:30px;
    padding-top:5px;

}

#commSearch p {
    font-size:14px;
    color:#094B68;
    text-transform:uppercase;
    padding:6px 0 5px 0px;
    margin:0;
    font-weight:900;
}

#commSearch label {
    padding:0;
    font-family:arial;
    font-size:12px;
    display:block;
    
}

 #commSearch  input {
    margin:0 5px 0 0;
    padding:2px 0 1px;
    /* width:300px; */
    float:left;
    border:1;
    display:inline-block;


      }
      
      
    h2 span { 

   color: #000000; 
   font: 14px/14px Arial, Sans-Serif; 
   letter-spacing:.05px;  
   background: #fbb92f; /* fallback color */
   background: #fbb92f;
   font-weight:200;
   width: 940px;
   padding: 10px 10px 10px 10px;
    position: absolute; 
    text-align:center;
   top: 0px; 
   text-decoration:none;
  }
  
#headerBar {
	text-align:center;
    letter-spacing:1px; 
    background: blue;
    color: #000000; 
   font: 14px/14px Arial, Sans-Serif; 
   padding: 15px 10px 15px 10px;
   letter-spacing:.05px;  
   background: #fbb92f; /* fallback color */
   background: #fbb92f;

}