/* City of Sanford Global Stylesheet */

@import "reset.css";
@import "navigation.css";
@import "calendar.css";
@import "forms.css";
@import "weather.css";
@import "lightbox.css";
@import "admin.css";


body {
	background:#f2ecd5 url(../images/body-bg.gif) repeat-x;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000;
}

h1,h2,h3,h4 {
	font-weight:bold;
}

h1 {
	height:50px;
	font-size:14px;
}

h2 {
	margin:20px 0 5px 0;
	font-size:14px;
}

	
h3 {
	color:#10543B;
	font-size:13px;
	padding:10px 0 5px 0;
}

h4 {
	font-style:italic;
	padding:5px 0 0;
}	

p
{margin:10px 0;}

a{
    color:#10543B;
}

input, textarea {
	font:11px Arial, Helvetica, sans-serif;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;    
}

.red
{color:Red;}
		
div.wrapper {
	background:url(../images/wrapper-bg.gif) repeat-y;
	margin:0 auto;
	width:896px;
	margin-top:13px;
}

table.content
{}

    table.content td
    {
        vertical-align:top;
    }
div.header {
	background:url(../images/header-bg.jpg) no-repeat top;
	padding:70px 0 0 27px;
	position:relative;
	text-align:left;
}

	div.header div.search {
		background:#e2eae1 url(../images/search-right.gif) no-repeat right;
		padding:0 8px;
		width:255px;
		height:27px;
		right:35px;
		top:38px;
		position:absolute;		
	}
		
		div.search img,
		div.search input {
			float:left;
		}
		
		div.search img.leftSide {
			position:absolute;
			left:0;
			float:none;
		}
		
		div.search input.search {
			margin:5px 5px 0 0;
			font-size:11px;
			width:164px;
			padding:0 3px;
		}
		
		div.search input.button {
		    border: 0px none;
		    background-image: url("../images/go-btn.gif");
		    background-repeat: no-repeat;
		    width: 18px;
		    height: 23px;
		}
		

div.contentContainer {
	position:relative;
	text-align:left;
	margin-top:30px;
}

	div.content {
		margin-top:4px;
		padding:0pt 0pt 0pt 30px;
		background:url(../images/content-bg.jpg) no-repeat 0px 21px;
        width:580px;
	}
	
	div.content div.breadcrumbs
	{margin:0pt 0pt 20px;
	 font-size:11px;
	 font-weight:bold;}
		
		p.note 
		{
		    font-size:11px;
		}
		
	    a.backtotop
	    {display:block;
	     text-align:right;
	     border-bottom:1px solid #E6E0CA;
	     padding-bottom:2px;
	     text-decoration:none;
	     margin:15px 0;}
	 
	div.content ol
	{list-style-type:decimal;
	 padding-left:20px;}
	        
	   div.content ol li
	    {padding:4px 0;}
	
	div.content ul
	{}
	
	      div.content ul li
	      {background:url(../images/bullet.gif) no-repeat left 4px;
	       padding-left:16px;
	       margin:8px 0;}
	            
	            div.content ul li.nobg
	            {background:none;}
	            
	                div.content ul li.nobg h3
	                {font-size:12px;}
	            
	        div.content ul li.category
	        {background:none;
	         font-weight:bold;
	         color:#8F8974;}
	         
	            div.content ul li.category ul li
	            {font-weight:normal;
	             color:#000;
	             font-size:11px;}
	            
	            div.content ul li a
	            {}
	            
	             body.sitemap div.content
	             {color:#8F8974;
	              font-size:11px;
	              font-weight:normal;}
	             
	             body.sitemap div.content ul a:link,
	             body.sitemap div.content ul a:visited 
	             {color: #10543B;
	              font-size:11px;
	              font-weight:normal;} 
	       
	       
	       div.content ul li ul li
	       {background:url(../images/bullet-2.gif) no-repeat left 4px;
	        padding-left:10px;
	        margin:4px 0pt 0pt 15px;}
	    
	    
	       
	    div.content table.photos tr td
	    {padding:5px;}
	    
	        div.content table.photos tr td a img.thumb
	        {border:3px solid #C1BCAA !important;}
	    	    
	    div.content img.border
	    {border:3px solid #C1BCAA !important;}
	    
	    div.content table.toplinks td
	    {padding-right:10px;}
	    
	      div.content table.historic tr
	      {height:30px;}
	        
	       div.content table.historic td.green
            {font-weight:bold;
             color:#10543B;}
             
           div.content table.historic td.dash
           {width:20px;
            text-align:center;}

	    
	    div.content table.charter,
	    div.content table.municodes,
	    div.content table.bids,
		div.content table.agenda,
		div.content table.whatsNew,
		div.content table.audioListing,
		div.content table.jobListing,
		div.content table.services
	    {width:550px;
	     margin:15px 0;}
		 
		 	table.agenda,
		 	table.services
			{font-size:11px;}
			
			body.home div.content table.whatsNew
			{width:360px;
			 text-align:left;
			 margin:0 0 10px 0;}
	    
		div.content table a,
	    a.bold
	    {font-weight:bold;}
	    
	       	div.content table.charter th,
	       	div.content table.municodes th,
	       	div.content table.bids th,
	       	div.content table.whatsNew th,
			div.content table.agenda th,
			div.content table.services th,
			div.content table.audioListing th,
			div.content table.jobListing th
	        {font-weight:bold;
	         padding:5px 5px 5px 2px; 
	         vertical-align:bottom; 
	         border-bottom:1px solid #E1DBC6;}
	         
	           	       	div.content table.bids .date,
	           	       	div.content table.whatsNew .date
	           	       	{width:83px; 
	           	       	 text-align:center;}
	           	       	 
	           	       	 div.content table.bids .bid-detail
	           	       	 { text-transform:capitalize;
	           	       	     }
	           	       	
	           	       body.home div.content table.whatsNew td.date
	           	       {width:50px;text-align:left;}
	           	       
	           	       body.home div.content table.whatsNew td.title
	           	       {width:320px;}
	           	       
	          div.content table.municodes th.ord,
	          div.content table.municodes td.ord
	          {width:90px;
	           padding-left:3px;} 	       
	           	       
	       	div.content table.charter tr,
	       	div.content table.municodes tr,
	       	div.content table.bids tr,
	       	div.content table.jobListing tr,
	       	div.content table.whatsNew tr
	        {height:25px;}
	        

	            
				div.content table tr.altrow
	          	{background-color:#F1EDDA;}
	          	
	        div.content table.charter td,
	        div.content table.bids td,
			div.content table.agenda td,
			div.content table.whatsNew td,
			div.content table.jobListing td,
			div.content table.audioListing td
	        {padding:5px 5px 5px 2px;}  	
                
                div.content table.services td
                {width:125px;
                 padding:5px 5px 5px 2px;
                 }
                 
                     div.content table.services td.title
                     {font-weight:bold;}
                     
                     div.content table.services td.spacer,
                     div.content table.services th.spacer
                     {width:7px;
                      background-color:#F9F6EF;
                      border:none;}
                    
                 
                    .note
                    {font-size:11px;color:#8F8974;
                     }
                     
                
                div.content table.jobListing tr.center td
                {text-align:center;}
            
            div.content table.econdev td
            {width:150px;}
                
	        div.content img.rightAlignImage 
	        {
	            float:right;
	        }
                body.rightAlignImage table.content img.downtown
                {padding-top:60px;}

                body.rightAlignImage table.content img.theater
                {padding-top:150px;}

                body.rightAlignImage table.content img.hospital
                {padding-top:370px;}

                body.rightAlignImage table.content img.airport
                {padding-top:73px;}
                
                 body.rightAlignImage table.content img.sanford
                {padding-top:50px;}
           
           body.rightAlignImage table.content p.caption
           {font-size:11px;
            font-weight:bold;
            text-align:center;
            width:177px;}
	       
	        div.content img.leftAlignImage 
	        {
	            float:left;
	        }

	        div.content p.PDF 
	        {
	            margin:50px 0 30px 0;
	            border-bottom:1px solid #E6E0CA;
	            border-top:1px solid #E6E0CA;
	            padding:5px 0;
	        }
	        
	            div.content p.PDF img
	            {
	                margin-right:20px;
	            }
	
		body.home div.content {
			background:url(../images/content-bg.jpg) no-repeat 0px 21px;
			padding-right:10px;
            width:389px;
		}

		body.rightAlignImage div.content {
			padding:0 10px 0 25px;
			width:400px;
		}
						
			body.rightAlignImage div.content img.rightAlign,
			body.rightAlignImage div.content div.rightAligndiv {
				position:absolute;
                right:35px;
			}
			body.rightAlignImage div.content div.rightAligndiv 
			{
			    width:160px;
			    font-size:11px;
			}
			
	div.contentContainer div.bio
	{min-height:240px;}
			
			* html div.bio 
			{
			height:240px;
			}
			
	div.contentContainer div.rightSide {
		width:191px;
	}
	
		
div.footer {
	background:url(../images/footer-bg.gif) no-repeat bottom;
	margin-top:50px;
	font-size:10px;
	padding-bottom:36px;
	text-align:center;
}

 div.websolvers { 
 	text-align:right; 
 	width:843px; 
 	margin:0 auto; 
 	padding:5px 0 10px; 
 }

/* -------------------------------------- */
/* =home styles                           */
/* -------------------------------------- */

table.whatsNew 
{
}

    table.whatsNew td 
    {
        padding:3px 10px 3px 0;
        line-height:1.2em;
    }

    table.whatsNew td.date 
    {
    }
    
    table.whatsNew span.title 
    {
        font-weight:bold;
        color:#000;
    }
    
    table.whatsNew a 
    {
        text-decoration:none;
    }
    
/* -------------------------------------- */
/* =see & do styles                       */
/* -------------------------------------- */

table.cityParks 
{
}

    table.cityParks td 
    {
        width:150px;
        padding-right:10px;
    }
    
table.cityFacilities 
{
}

    table.cityFacilities td 
    {
        width:230px;
        padding-right:10px;
    }
    
table.civicCenter 
{
    border-left:1px solid #DDD8C3;
    border-right:1px solid #DDD8C3;
}

    table.civicCenter th 
    {
        padding:2px 20px 2px 4px;
        font-weight:bold;
        background-color:#DDD8C3;
    }
    
    table.civicCenter td 
    {
        border-bottom:1px solid #DDD8C3;
        border-collapse:separate;
        padding:2px 20px 2px 4px;
    }