@charset "utf-8";



/* CSS Document */



/* COLORS:

latest news box   e3e0cf back,    text 428181

for residents - txt hdr 5b4425, sub header  afc263

txt bckgrnd f0eee2, text color 898884

right column hover 899b40





*/









* {padding: 0px; margin:0px ;}







body 	{	text-align:left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #5f5e5c /*898884*/  ; background-color:#f0eee2; }

	 

/* -------------------------------------- general styles -------------------------------  */

	



.printonly {display:none;}		

.bold {font-weight:bold; font-size:14px;    }

.indent {margin-left: 30px;}





img {border: 0px;} 

.left {float:left; margin: 0px 20px 10px 0px ;}

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

.clearfloat {clear: both;}



	



a {	text-decoration: none;	font-weight: bold;	}	

a:link {	color: #AE9332	}

a:visited {	color: #ae9332    ;	}

a:hover {	color: #afc263  ;	}

a:active {	color: #428181;	}	



	



h1 	{ font-size: 18px;   

	color: #006699  ; background-color: inherit;

	margin: 20px 0px 10px 0px;  letter-spacing: .04em;	 }

    



h2  {font-size: 15px;    

	color: #006699;   background-color: inherit;

 	margin: 15px 0px 0px 0px; letter-spacing: .03em;  }

	



h3   { font-size: 13px;   

	color: #ffffff; background-color: inherit;

	margin: 15px 0px 0px 13px;  letter-spacing: .06em;	 }





h4 { font-size: 15px;  

	color: #649112; background-color: inherit;

	margin: 18px 0px -13px 0px;  letter-spacing: .06em;   }



h5 { font-size: 14px;  

	color: #afc263; background-color: inherit;

	margin: 18px 0px -13px 0px;  letter-spacing: .06em;   }









p    {	font-size: 13px;

		margin: 15px 0px 0px 0px;  

		letter-spacing: .03em;	line-height: 1.4em;}







/*  ------------------------------- begin layout -----------------------------------  */







#pagecontainer{  	margin: 0px auto 0px auto; 	

	width : 980px;  

	color: inherit;	background-color:  #ffffff; 

         border: 1px solid #006699; 

          background-image: url(../images/pagecontainerback2.jpg);   background-repeat: repeat-y;}   











#top {width: 100%; color: #6ca9ba; background-image:url(../images/footerback.jpg);	height: 25px;	}





#top ul {float:right;  margin: 0px 20px 0px 0px;	

         list-style: none;

         font-size: 10px; letter-spacing: .03em;   }





#top li { float : left; 	}		



#top li a {display : block; padding: 5px 20px 12px 20px;	color: #a4ddfe; background-color:inherit; }





#top form .search {float:right; margin: 0px 0px 0px 0px; padding-right: 25px;}



#top form .search input.inputbox {color: #666666; background-color: #f0eee2;}	



#mod_search_searchword { margin-right: 6px;   }







/* ------------------------------------------------- header--------------------------------------------- */





#header {

	/*border: 1px solid #000000;*/

	width: 100%;	height:136px;  

         background-image: url(../images/horse5113.jpg);   background-repeat: no-repeat   }





 div.menubartable   /* #menu*/

 { 

           background-color: #f9faf2; color:inherit; 

	 }  	 



#headerimage {	float: left; clear:both; 

		width: 930px; height: 220px;

		margin: -20px 0px 0px 1px;   padding-left: 50px;
border-bottom: 8px solid #006699  ; 

                  background-image: url(../images/headerback.jpg);   background-repeat: repeat-x;}





/* ---------------------------------------------content container------------------------------------------------------  

contentcontainer {float:left; clear:both; width: 100%;

		background-color:#f0eee2; color: inherit;}





*/





/* ------------------------------------------------- content --------------------------------------------- */





#content {float: left; 	width: 530px;   /* border: 1px solid #000000; */

		margin: 0px 40px 0px 0px;  	 padding: 0px 0px 4px 70px; 	

	  	/*color: inherit;	background-color:  #f0eee2;	*/ }



#content img {margin-right: 10px;}



#content p {margin: 15px 0px 15px 0px; }



/* #content .blog .contentpaneopen h2.sIFR-replaced, #content h2.sIFR-replaced  { margin-left: -6px;  }*/
#content .blog .contentpaneopen h2, #content h2  { margin-left: -6px;  }




/*   ------------------------------------------- breadcrumbs -----------------------------------------------  */



span.breadcrumbs {font-size: 11px;   padding: 0px 0px 20px 0px;}



span.breadcrumbs a, span.breadcrumbs a:visited,    {color: #428181; background-color: inherit;}  





/* ------------------------------------------------- left column --------------------------------------------- */





#left {	float: left; width: 530px ;   

		margin: 0px 0px 0px 0px;		padding: 0px 0px 30px 0px;	 

		/* background-color:#f0eee2; color: inherit; */}



#left .section {background-color:#f7f6f2 /* f0eee2  */; color: inherit; 

               margin-bottom: 20px;   padding: 0px 0px 15px 15px;}



#left .section img {margin-top: -10px;}

/* #left .section h2.sIFR-replaced { font-size: 22px;}*/
#left .section h2 { font-size: 22px;}


#left h2.sectionhead {font-size: 18px; 
                color:#428181 /* 5b4425 */ ; background-color: inherit;  
                font-family: "Trebuchet MS",  Arial, sans-serif; 
                padding: 10px 0px 10px 0px;}


 

#left p {margin: 0px ;}


#left ul.menu { margin-top: -20px;}

#left ul.menu li a {font-size: 13px;}



#left #resbus {margin: 10px 0px 10px 0px;}

#left #resbus img {border: 1px double #e3e0cf; margin-right: 7px;}

#left #resbus img.resright { margin-right: 0px;  }



#left .section ul.eventslist {padding-right: 15px; font-size: 13px; }

#left .section ul.eventslist li .eventdescription  {margin-bottom: -20px;} 



/* ------------------------------------------------- right column --------------------------------------------- */


#right {float: left;  width: 250px;  
	 margin: 20px 20px 10px 0px; padding: 20px 0px 0px 10px;          	 }	


#rightnotfront {float: left;  width: 250px;  
	       margin: 90px 0px 10px 0px; padding: 5px 10px 0px 10px;
                border: 1px double #e3e0cf;                   
                background-color: #F7F6F1  /*F0EEE2 */  ;  color:inherit;} 

#rightnotfront img {margin: 0px auto;} 


#right h1, #rightnotfront h1{    font-family: /* "Trajan Pro",  "Palatino Linotype", "Book Antiqua", */ "Trebuchet MS",  Arial, sans-serif; 
              color: #428181; background-color: inherit;   text-align:center;     } 

 
/* #right #news h1{ background-image: url(../images/newsback.gif);   background-repeat:no-repeat; background-position: top center; } 
#right #fire h1{ background-image: url(../images/newsback-2line.gif);   background-repeat:no-repeat; background-position: top center;  }
#right #news h1.sIFR-replaced,  #right #fire h1.sIFR-replaced   ,  #right #popular h1.sIFR-replaced    { padding-top: 25px ;  padding-bottom: 25px;   } 
#right #news h1.sIFR-replaced, #right #popular h1.sIFR-replaced  { background-image: url(../images/newsback2.gif);   background-repeat:no-repeat; background-position: top center; }
#right #fire h1.sIFR-replaced { background-image: url(../images/newsback2-2line.gif);   background-repeat:no-repeat; background-position: top center; } */


#right #news h1,  #right #fire h1   ,  #right #popular h1, #right #transparency h1     { padding-top: 25px ;  padding-bottom: 25px;   } 
#right #news h1, #right #popular h1  { background-image: url(../images/newsback2.gif);   background-repeat:no-repeat; background-position: top center; }
#right #fire h1 , #right #transparency h1 { background-image: url(../images/newsback2-2line.gif);   background-repeat:no-repeat; background-position: top center; }




#right h2, #rightnotfront h2{     font-family: /* "Trajan Pro", "Palatino Linotype", "Book Antiqua",*/  "Trebuchet MS",  Arial, sans-serif; 
               color: #428181; background-color: inherit;                } 

#right #news h2.contentheading {margin: -15px 0 5px 0 ; }

/* #right #news h2 a:hover,  #right #fire h2 a:hover ,  #right #popular h2 a:hover {color: #899b40; background-color:inherit;} */




#right #onlineservices { height: 200px; width: 250px; border: 1px double #e3e0cf; 
                  margin: 0px 0px 20px 0px;
                  background-color: #f7f6f1   /*   F0EEE2 */ ;  color:inherit;} 


#right #redflagalert  { border: 1px solid #d3d0c0;
                  margin: 0px 0px 20px 0px; padding: 0px 0px 10px 15px;
                  background-color: #f7f6f1  ;  color:inherit;} 



#right #news, #right #fire, #right #popular, #right #transparency  { color: inherit; background-color: #f7f6f1  /*  F0EEE2 e3e0cf */;
             padding: 0px 20px 10px 20px;  
             border: 1px solid #d3d0c0;  }



#right #news h2 a  { text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    font-size: 13px;   
	/* color: #898884; background-color:inherit;    */    }


#right #fire ul.menu  {list-style: none;  margin: -20px 0px 30px 0px;   font-size:13px;}
#right #popular ul.mostread {list-style: none;  margin: 0px 0px 30px 0px;   font-size:13px;}

#right #popular ul.mostread li {margin-top: 7px;}




#right #news div.mod_placehere_following, 
#right #news div.mod_placehere_leading, 
#right #fire div.mod_placehere_following, 
#right #fire div.mod_placehere_leading.
#rightnotfront div.mod_placehere-leading,
#rightnotfront div.mod_placehere-following  {margin: -10px 0px 0px 0px; padding: 0px;}



#right #news p.buttonheading, #right #fire div.mod_placehere p.buttonheading, #right #news a.readon { display:none;}

#right #news .mod_placehere .mod_placehere_leading p a.readon {margin-top: -15px;}


#rightnotfront #rssform h1 {margin-bottom: -30px;}





/* ----------- Homepage lead article --------------- */



#content .leading .contentheading {font-size: 26px; /* letter-spacing: .08em;*/ margin: 30px 0px 5px 0px;
                color:#428181 ; background-color: inherit;      font-family: /* "Trajan Pro", "Palatino Linotype", "Book Antiqua", */ "Trebuchet MS",  Arial, sans-serif; }





/* ------------------------------------- articles ------------------------------------------- */



#content .contentheading, .contentpane .componentheading
                          { font-size: 20px; font-weight: bold;
                           color: #428181; background-color: inherit; 
                              font-family: /* "Trajan Pro", "Palatino Linotype", "Book Antiqua", */ "Trebuchet MS",  Arial, sans-serif;  }



#content .componentheading, #content .contentpaneopen h2 { font-size: 24px; font-weight: bold;
                           color: #428181; background-color: inherit; 
                           font-family:/* "Trajan Pro", "Palatino Linotype", "Book Antiqua",*/  "Trebuchet MS",  Arial, sans-serif; 
                           margin: 20px 0px 20px 0px; }


.moveicon {float:right; margin: -85px 0px 0px 0px;} 


table.fees {border: 1px solid #777777; }

table.fees td {font-size: 14px; padding: 0px 40px 20px 10px;  border: 1px solid #777777; }




/* --------------   For Business, For Residents, Employment, Fire Info  ----------------- */


#content .blog .contentpaneopen h2.contentheading{ margin-top: 20px; width: 400px;}

#content .blog .contentpaneopen .buttons { float:right; width: 100px; height: 40px; margin: -45px 0px 0px 0px;  } 

#content .blog .contentpaneopen .buttons .buttonheading { float:left; width: 20px; height: 20px;  }





/* --------------   Xmap sitemap,see also css in xmap component  ----------------- */



#content .xmap li {font-size: 13px; margin-left: 20px; }



.xmap .componentheading   { font-size: 22px; font-weight: bold;
                          color: #649112; background-color: inherit;
                           margin-top: 15px; } 





/* -------------    JCalPro styles ---------------------------------------- */




#extcal_minical34 a.extcal_busylink  {font-weight: bold; 	}	

#extcal_minical34 a:link.extcal_busylink {	color: #AE9332	}

#extcal_minical34 a:visited.extcal_busylink  {	color: #ae9332    ;	}

#extcal_minical34 a:hover.extcal_busylink  {	color: #afc263  ;	}

#extcal_minical34 a:active.extcal_busylink  {	color: #428181;	}	


/* #extcalendar jcl_center table.maintable {width: 50%;} */







/* ------------joomla styles  -------------------------------- */







h2.componentheading { font-size: 22px; font-weight: bold;
                           color: #649112; background-color: inherit;
                           margin-bottom: -10px;     }  

#content ul {list-style-type: none;}

#content h2.contentheading {font-size: 17px; margin-top: 10px;}

#content .contentheading p, #content .contentpaneopen p {color: #5f5e5c;	background-color: inherit;}

#content .contentpane .componentheading {color: #4d5246 ; background-color: inherit; padding-bottom: 15px;}



#yorbasearchresult{font-size: 13px;}

#yorbaresult,  #yorbaresulttext {font-size: 14px; margin:10px;}









/* ------------------ styles for article dates & read more links, not on homepage ------------------ */



#content .contentpaneopen .createdate {font-size: 12px; color: #9dba00; background-color: inherit; margin: -16px 0px -6px 0px;}



#content .contentpaneopen .readmore {font-size: 14px; color: #ae9332; background-color: inherit; margin-top: 6px;}



















/* ------------------------------------------------- footer--------------------------------------------- */



#footer{ width: 100%; clear: both;  

	border-top: 3px solid #4d5246;	

	color: #ffffff;  background-color:inherit;  background-image: url(../images/footerback.jpg);   background-repeat: repeat-x;}





#footer p {font-size: 11px; text-align: center; padding:  0px 20px 8px 20px;}



#footer a {color:#ffffff; background-color: inherit;}



#footer a:hover {color: #c36434;	background-color:inherit;}



#dummymenu {color: #000000; /* display:none; */}