/*-----------------------------------------------
City of Orland 
-------------------------------------------------
Author:		Matson & Isom Technology Consulting
            www.mitcs.com
Version:	2008.02.27.1300
----------------------------------------------- */

/*-----------------------------------------------
-- Base Styles =
----------------------------------------------- */

*
{
    margin: 0;
    padding: 0;
}
	
body#home
{
    background: #E3E3E3 url(/_images/body_background.jpg) repeat-x top;
}

body 
{
     background: #E3E3E3 url(/_images/body_background_sub.jpg) repeat-x top;
     text-align: center;
     font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
}

h1, h2, h3
{
    letter-spacing: -1px;
}

h1
{
	float: left;
	display: block;
	background: url(/_images/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 365px;
	height: 79px;
	margin: 15px 0 0 0;	
}

h2
{
    font-size: 180%;
    color: #43698d;
    margin: 20px 0 15px 0;
}

h3
{
    font-size: 140%;
    margin: 15px 0 10px 0;
	color: #60553e; 
}

h4
{
    font-size: 110%;
    margin: 15px 0 10px 0;
}


p
{

    font-size: 90%;
    line-height: 160%;
    margin: 5px 0 15px 0;
}

dt
{
    font-weight: bold;
    line-height: 160%;
	margin-top: 5px;
}

dd
{
   line-height: 160%;
}

ol
{
	font-size: 90%;
    margin: 5px 0 20px 20px;
}

ul
{
	font-size: 90%;
    margin: 5px 0 20px 15px;
}

li
{
    margin: 5px 0;  
}

a 
{
	color: #446A8E;
}

a:visited
{
	color: #446A8E;
}

a img
{
    border: none;
}

#subMainContent table
{
	width: 100%;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 15px 0 20px 0;
	border-collapse: collapse;
}

#subMainContent table th, #subMainContent table td
{
	margin: 0;
	padding: 8px 10px;
	border-bottom: 1px solid #CCC;
}

#subMainContent table th
{
	background: #85A9D0;
	color: #FFF;
}

#subMainContent table caption
{
	color: #A4B58F;
	margin: 0;
	padding: 8px 15px 8px 0;
	text-align: left;
	background: #EEE;
	font-weight: bold;
}

#subMainContent .alt
{
	background: #f3f3f3;
}

/* Container Styles */

#container
{  
    clear: both;
    width: 800px;
    text-align: left;
    margin: 0 auto;
}

.wide_calendar #container {
	width: 1040px;
}

.wide_calendar #subMainContent {
	margin: 0;
	}

.wide_calendar #mainContainer {
	width: 1015px;
	margin-top: 0;
	border-radius: 10px;
	}

.wide_calendar #subHeaderPhoto {
	display: none;
	}

.wide_calendar #footer {
	background-position: 0 -6px;
	}

/* Search Styles */

#search
{
    float: right;
    background: url(/_images/searchBackground.gif) no-repeat;
    margin: 7px 0 0 0;
    padding: 8px 10px 8px 8px;
}

.social_icons {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	}
	
	.social_icons li {
		display: block;
		width: 32px;
		height: 32px;
		display: inline-block;
		}
	
.facebook {
	background: url(/_images/facebook_32.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	}


#home #l-home a,
#residents #l-residents a,
#business #l-business a,
#visitors #l-visitors a,
#government #l-government a,
#departments #l-departments a
{
	color: #FFF;
	list-style: none;
}
.sf-menu li a:hover,


#home #l-home a:hover,
#residents #l-residents a:hover,
#business #l-business a:hover,
#visitors #l-visitors a:hover,
#government #l-government a:hover,
#departments #l-departments a:hover
{
    color: #2B4C7C;
	list-style: none;
}



/* Orland Facts Box */

#homePhotoRotation
{
    clear: both;
    position: relative;
    /*background: url(/_images/mainImageBlackButte.jpg) no-repeat;*/
    width: 800px;
    height: 220px;
}

#orlandFacts
{
    /*float: right;*/
    width: 300px;
    position: absolute;
    top: 80px;
    right: 30px;
/*    margin: 90px 30px 0 0;*/
}

#orlandFacts h2,
.nivo-caption h2
{
    background: url(/_images/didYouKnowTop.png) no-repeat top center;
    font-size: 120%;
    margin: 0;
    padding: 10px 10px 0 10px;
}

#orlandFacts h2 span,
.nivo-caption h2 span
{
    background: url(/_images/didYouKnowIcon.gif) no-repeat 0 50%;
    padding: 0 0 0 22px;
}

#orlandFacts p,
.nivo-caption p
{
    background: url(/_images/didYouKnowBottom.png) no-repeat bottom center;
    font-weight: bold;
    font-size: 90%;
    margin: 0;
    padding: 5px 10px 20px 10px;
}

#orlandFacts p span
{
	font-size: 80%;
	float: right;
	color: #666666;
}

/* Main Container Styles */

#mainContainer
{
    clear: both;
    float: left;
position: relative;
    width: 775px;
    background: #FFF url(/_images/mainContainerTop.png) no-repeat top center;    
    margin: 10px 0 0 0;
    padding: 0 10px 10px 15px;
}

#mainContainer h4,
#mainContainer h3
{
	clear: left;
}

.bottom
{
	clear: both;
}
/* News Styles (Home Page) */

#newsContainer
{
    float: left;
    width: 500px;
    margin-right: 20px;
}

#homeNews h3
{
    font-size: 130%;
    color: #60553e;
}

h3 span.news_date
{
    color: #2b4c7c;
}

.news_item
{
    margin: 15px 0 0 0;
    padding-bottom: 15px;
    border-bottom: 1px dotted #c2cedf;
}

p.news_read_more
{
    font-size: 85%;
    margin: -10px 0 0 0;
}

/* Side Region Styles (Home Page) */

#slider
{
	width: 800px;
	height: 220px;
}

#sideModulesContainer
{
    float: left;
    width: 250px;
}

.side_module
{
    background: #ecf3f9 url(/_images/modularBoxBottom.png) no-repeat bottom center;
    margin: 15px 0;
}

.side_module h3
{
    background: url(/_images/modularBoxTop.png) no-repeat top center;
    font-size: 120%;
    margin: 0;
    padding: 10px 10px 5px 10px;
}

.side_module #serviceMenu, .side_module #departmentsMenu
{
    padding: 5px 0 5px 10px;
}

.side_module #serviceMenu select, .side_module #departmentsMenu select
{
	margin-bottom: 10px;
}

.side_module ul
{
    list-style: none;
    font-size: 90%;
    padding: 0 10px 10px 0;
}

.side_module li
{
    background: url(/_images/listIcon.gif) no-repeat 0 50%;
    padding-left: 12px;
}

/* Sub Page Styles */

#government #subHeaderPhoto,
#departments #subHeaderPhoto,
#business #subHeaderPhoto
{
    clear: both;
    background: url(/_images/subHeaderGov.jpg) no-repeat;
    width: 800px;
    height: 84px;
}

#residents #subHeaderPhoto
{
    clear: both;
    background: url(/_images/subHeaderResident.jpg) no-repeat;
    width: 800px;
    height: 84px;
}

#visitors #subHeaderPhoto
{
    clear: both;
    background: url(/_images/subHeaderVisitors.jpg) no-repeat;
    width: 800px;
    height: 84px;
}



/* Sub Page Navigation Styles */

#subSideRegion
{
    float: left;
    width: 200px;
    margin-top: 15px;
}

body.calendar #subSideRegion
{
	display: none;
}

#subNav
{
    background: #ECF3F9 url(/_images/subNavTop.gif) no-repeat top;
}

#subNav ul
{
    background: url(/_images/subNavBottom.gif) no-repeat bottom;
    font-size: 120%;
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

#subNav a
{
    display: block;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    border-bottom: 1px dashed #d3dde7;
    padding: 0 0 8px 10px;
}

#subNav a:hover
{
    color: #a70000;
}

/* Sub Main Content Styles */

#subMainContent
{
    float: left;
    width: 545px;
    margin: 0 10px 0 20px;
} 

#subMainContent img
{
	float: right;
	padding: 5px;
	border: 1px solid #DDD;
	margin: 5px 5px 10px 10px;
}

.contactUs dl
{
	margin: 10px 0;
	padding: 0 0 10px 0;
}

.contactUs dt
{
    font-weight: bold;
    line-height: 90%;
	width: 5em;
	float: left;
    clear: left;
}

.contactUs dd
{
   line-height: 160%;
   width: 35em;
}

#residents #subMainContent .photo_container
{
	width: 540px;
	float: left;
	margin-left: 10px;

}

#residents #subMainContent .photo_tile
{
	float: left;
	margin: 5px 15px;
	padding-top: 15px;
	width: 150px;
	height: 12em;
	text-align: center;
}

#residents #subMainContent .photo_tile img
{
	margin: 0 auto; 
}

#residents #subMainContent .photo_tile p
{
	font-size: 90%;
	margin-bottom: 10px;
	padding: 3px;
}

/* Image Styles */

.photo_right
{
	float: right;
	margin: 0 10px 10px 10px;
}

#subMainContent .photo_left 
{
	float: left;
	padding: 5px;
	border: 1px solid #DDD;
	margin: 10px 10px 5px 0;
}

/* Footer Styles */

#footer
{
    clear: both;
    width: 800px;
    background: #d1d1d1 url(/_images/mainContainerBottom.gif) no-repeat top;
    margin: 0 auto 10px auto;
    padding: 40px 0 0 0;
    text-align: center;
}

#footer #copyright
{
    background: url(/_images/footerBottom.gif) no-repeat bottom center;
    margin: 0;
    padding: 0 0 10px 0;
}
 
.departments dl, .commissions dl
{
	margin: 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #B9CDE5;
}
    
/* Weather Widget */

#weatherWidget
{
	margin: 10px 10px 10px 35px;
}