/**********************************************************************************************

	CSS on Sails
	Title: Website
	Author: XHTMLized
	Date: March 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* 1.1	Reset Removed
-----------------------------------------------------------------------------------------------*/	
	html, body, p, h1, h2, h3, h4, h5, ul {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
  

/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
  	background: #FFFFFF url(../images/bg.jpg) repeat-x top left;
		font: 62.5% 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
    color: #0d3e6e;
	}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Helvetica, Arial, sans-serif;
	}

	a {
		color: #0066c1;
		text-decoration: underline;
	}
	
	a:hover, 
	a:active {
		color: #ff0000;
		text-decoration: none;
	}

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	.clearfix {
		clear: both;
		overflow: hidden;
	}

/* 2. LAYOUT
===============================================================================================*/	
	.container {
		width: 972px;
		margin: 0px auto;
    border-top: 7px solid #D9EBFF;
		text-align: left;
    /* position: relative; */
    background: #FFF url(../images/container_bg.png) repeat-y bottom left;
	}
  
  #headline {
    height: 275px;
    position: relative;
    display: block;
    overflow: hidden;
  }
  
  #headline ul {
    list-style: none;
  }
  
	#header {
    width: 972px;
    height: 192px;
    margin:0;
    padding:0;
    position: relative;
  }
  	.homebg #header {
	    background-image: url(../images/home_header_bg.png) !important;
  }
  
  #wrapper {
    width: 972px;
    background: transparent url(../images/footer_bg.gif) no-repeat bottom left;
    display: block;
    padding-bottom: 25px;
    /* position: relative; */
  }
	
	#content {
		width: 715px; 
		float: left;
		padding: 0;
	}
    #section-title {
      width: 972px;
      height: 78px;
      display: block;
      /* overflow: hidden; */
      padding: 0 0 2px 0;
      margin:0;
    }
    .headline {
      display: block;
      overflow: hidden;
      margin-bottom: 10px;
    }
    .home-content {
      display: block;
      overflow: hidden;
      background: transparent url(../images/home_content_bg.gif) repeat-y top left;
    }
      .home-quick-links {
        width: 238px;
        float:left;
        display: block;
      }
      .home-working {
        width: 232px;
        float:left;
        margin-left: 7px;
        display: block;
      }
      .home-business {
        width: 232px;
        float:right;
        display: block;
      }
    
	#sidebar {
		width: 255px;
		float: right; 
    display: block;
    /*overflow: hidden; 
    position: relative;*/
	}
	.sidebar-content{
	width: 255px;
	overflow: hidden;
	margin: 0;
	padding: 0
}
	#footer {
    clear: both;
    width:972px;
    margin: 0 auto;
	}
  

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/		
	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 972px;
		height: 156px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,
	#header .logo {
		position: absolute;
		top: 0px;
		left: 0px;
	}
  
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/logo.jpg) no-repeat;
	}
  #header .toptitle {
    text-align: right; 
    color: #E4E7EF;
    font: 1.2em/1.0em Georgia,Utopia,Palatino,'Palatino Linotype', 'Times New Roman', Times, serif;
    padding: 11px 15px;
  }
  
  #header .toptitle .savvycontentobjectbuttons {float:left; }
    
	#accessibility-links {
		position: absolute;
		left: -1000em;
		text-align: left;
	}
  
  #topnav {
    position: relative;
    top: 156px;
    height: 36px;
		background: url(../images/navigation_bg.jpg) no-repeat top left;
  }
	/*
  #topnav {
    line-height: 36px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
  }
  */
  #topnav-wrapper {
    width: 715px; height: 36px; float:left;
    position: relative;
  }
    
  #search {
    width: 255px;
    height: 36px;
    float:right;
  }

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#content {
		color: #333;
	}
    .entry {
      float:right;
      width: 490px;
      font-size: 1.2em;
      line-height: 1.5em;
      padding-right: 15px;
      padding-top: 15px;
      display: block;
      overflow: hidden;
      text-align: left;
    }
      body.search .entry {
        width: 940px; 
        padding: 15px;
        float: none;
      }
    
      .entry p {
        margin: 0.75em 0;
        padding:0;
      }
      .entry strong {
        /* color: #000; */
      }
      .entry img.left {margin-right: 10px;
        border: 1px solid #F0E5BE;
        padding: 3px;
        background: #fff;
      }
      .entry img.right {margin-left: 10px;
        border: 1px solid #F0E5BE;
        padding: 3px;
        background: #fff;
      }
       
      /* Styling base CSS style editor */
      .entry .a-PreTitle {
        font-size: 1.1em;
        font-weight: bold;
        color: #052a4d;
        display: block;
        margin:0;
        padding:0;
      }
      .entry .b-PageTitle {
        font-size: 1.5em;
        color: #052a4d;
        font-weight: bold;
        display: block;
        margin:0;
        padding:8px 0;
      }
      
      .entry .c-PageSubTitle {
        font-size: 1.27em;
        color: #052a4d;
        font-weight: bold;
        display: block;
        margin:0;
        padding:8px 0;
      }
      .entry .d-NormalBodyText {
        font-size: 1.0em;
      }
      .entry .d-NormalBodyText-alt {
        font-size: 1.1em;
      }
      .entry .e-EmphasizedBodyText {
        font-size: 1.07em;
        letter-spacing: 1px;
      }
      .entry .f-SmallBodyText {
        font-size: 0.93em;
      }  
      .entry .g-verySmallBodyText {
        font-size: 0.79em;
      }  
      .entry .h-BigBodyText {
        font-size: 1.14em;
      }  
      .entry hr {
        color: #CCC;
        background-color: #CCC;
        height: 1px;
        display: block;
        overflow: hidden;
      }
      .entry h1, #content .entry h2, #content .entry h3 {font-size: 1.0em; font-weight: bold;}
      .entry ul { margin:0.5em 0;padding-left:25px}    
      .entry ol { margin:0.5em 0;padding-left:30px;}    
      .entry li ul  {padding-left:15px; margin:0;}
      .entry li ol {padding-left:20px; margin:0;}  
      .entry table {border: 0px solid #555; cellpadding:0; margin: 5px;}
      .entry th {background: #E8E4C7; }
      .entry td {vertical-align: top;}
      .entry a { color: #0066c1; text-decoration: underline;}
      .entry a:hover {color: #ff0000; text-decoration: none;}
      .entry img {border-color: #E7F3FF;}
  
    .inner-sidebar {
      width: 180px;
      font-size: 1.1em;
      float:left;
      /* position: relative; */
      margin: 0; 
      padding:0;
    }
 	
		.inner-sidebar .sidemenus {position: relative;z-index: 1 !important;}
 
/* 2.2.1	Home Spesific
-----------------------------------------------------------------------------------------------*/	
    .home-quick-links {
      color: #6eac26;
      font-size: 1.1em;
      line-height: 1.8em;
    }
    .home-quick-links h2 {
      margin:0;
      padding: 10px 0 5px 25px;
      font-size: 1.1em;
      text-transform: uppercase;
    }
    .home-quick-links ul {
      padding-left: 40px;
    }
    .home-working h2, .home-business h2, .home-working h2 span, .home-business h2 span {
      position: relative;
      width: 232px;
      height: 76px;
  		display: block;
  		overflow: hidden;
      margin:0; padding:0;
    }
    .home-working h2 span, .home-business h2 span {
  		position: absolute; 
  		top: 0;
  		left: 0;
  		z-index: 10;
    }
    .home-working h2 span { background: url(../images/home_working.jpg) no-repeat; }
    .home-business h2 span { background: url(../images/home_biz.jpg) no-repeat; }
    .home-working .home-entry, .home-business .home-entry {
      padding: 20px 20px 0 20px;
      font-size: 1.1em;
      width: 192px;
    }
    .home-working .home-entry p, .home-business .home-entry p,
    .home-working .home-entry .bodyText, .home-business .home-entry .bodyText {
      padding-bottom: 1.0em;
    }
      .home-business .home-entry a {
        color: #a9143a;
      }
    .home-calendar {
      margin: 3px 0 0 0;
      padding: 15px 20px 10px 20px;
      width: 215px;
      background: #F3F4F6;
      position: relative;
    }
    /*
    .home-calendar ul {
      padding: 0 0 10px 15px;
    }
    */
    
	 .home-calendar ul  {
	   position: relative;
	   overflow: hidden;
	   /* border: 1px solid #000; */
	   height: 80px;
	   width: 215px
	 }
	 .home-calendar ul  li {
	   position: absolute;
	   top: 210px;
     left: 0px;
	   height: 80px;
	   width:190px;
	 }    
    
    .home-calendar h2, .home-map h2 {
      font-size: 1.0em;
      text-transform: uppercase;
      padding: 0 0 5px 0;
    }
    .home-map h2 {
      padding: 10px 0 5px 20px;
      color: #F27F3E;
    }
    .home-map-entry {
      padding: 15px 20px;
      background: #f0f0f0;
      position: relative;
    }
    .home-map-entry a {
      color: #F27F3E;
    }
        
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	#sidebar {
		font-size: 1.1em;
	}
    .sidebar-content {
      position: relative;
  		background: url(../images/sidebar_bg.jpg) repeat-y 0 0;
      overflow: hidden;
    }
    .sidebar-content .sidebar-bodyText {
      display: block;
      padding: 0.5em;
    }
    .sidebar-content ul { 
	margin:0.5em 0;
	padding-left:25px;
	}    
    .sidebar-content ol { 
	margin:0.5em 0;
	padding-left:30px;
	}    

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
  #footer {
		background: url(../images/footer_sign.gif) no-repeat 760px 6px;
    height: 50px;
  }
  
	#footer .copyright {
		position: relative;
		height: 40px;
		line-height: 40px;
		text-align: left;
		font-size: 1.1em;
		padding-left: 40px;
	}

/* 2.5	Miscelaneous
-----------------------------------------------------------------------------------------------*/	
	#w_weather {font-size: 1.0em; padding: 5px 10px 20px 20px; line-height: 1.25em; text-align: center; color: #333;}
    #w_weather h2 { display:block; text-align: left; text-transform: uppercase; font-size: 1.0em; color: #003366;}
  	#w_weather #we_img  {height: 90px; width: 125px; margin: 0 auto;}
    #w_weather #we_location {font-weight: bold;}
	  #w_weather .image-wrapper { height: 70px; overflow: hidden; text-align: center; padding-left: 35px;}	
    
  #search form {
    padding: 7px 0 0 15px;
    margin:0; 
  }
  #search .keywords {
    border: 1px solid #CCC;
    height: 19px;
    width: 170px;
    float:left;
    font-size: 1.1em;
    padding: 3px 0 0 5px;
  }
  
  #search .search-btn {
    background: url(../images/btn_go.jpg) no-repeat top left;
    width: 42px;
    height: 24px;
    display: block;
    overflow: hidden;
    float:left;
    cursor: pointer;
    padding-top: 30px;
    border:0;
  }
  
	.copyright .savvycontentobjectbuttons, 
	.copyright .savvycontentobjectbuttonspending
	{	position: absolute;	top: 0;	left: 35px;	}	   
	#headline .savvycontentobjectbuttons, 
	#headline .savvycontentobjectbuttonspending
	{	position: absolute;	top: 0;	left: 0px;	}