@charset "utf-8";
/* CSS Document */


body {
   margin: 0px 0px 0px 0px;
   background-color:#ffffff;
   padding:0;
   color: #000000;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:90%;
   background-image:url(/images/body_bg.gif); background-repeat:repeat-y; background-position: top center;
} 

#toptemplate { background-image:url(/images/toptemplate.gif); background-repeat:no-repeat; background-position: top center;}
#bottom {background-image:url(/images/bottom.gif); background-repeat:no-repeat; background-position: bottom center;}


	  
	  /*** Let's Set Everything to Zero ***/
 html,body,p,div,img,ul,form,form,noscript{
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;

}	





#limiter{width:68.6em;margin:0 auto; padding:0}

#limiter { width /*\**/: 68.40em\9 }




	  
#container {}


/*  Tabbed Placeholders --------------------------------------------------*/	

#global {float: right;  width: 22%; padding: 10px 5px 0px 0px}

#globallinks {float: left; font-size:75%; padding: 5px 0px 0px 80px}




#globallinks a:link{text-decoration:underline; color:#5578a4; }
#globallinks a:visited{text-decoration:underline;  color:#5578a4; }
#globallinks a:hover{text-decoration:none!important; color:#5578a4;  }
#globallinks a:focus{text-decoration:none!important;  color:#5578a4; }
#globallinks a:active{text-decoration:none!important;  color:#5578a4; }


#styleswitcher {float: right; margin: 0px 0px 0px 0px; }

#styleswitcher a {padding: 2px 2px 2px 2px;}
#styleswitcher a:focus{outline:2px solid #FF0000 ; }
#styleswitcher a:active{outline:2px solid #FF0000 ; }

* html #styleswitcher a:focus{ background-color:#FF0000; }
* html #styleswitcher a:active{ background-color:#FF0000; }

* + html #styleswitcher a:focus{ background-color:#FF0000; }
* + html #styleswitcher a:active{ background-color:#FF0000; }


#toptabbox {
	float:left;
	width:77%;
	font-size:75%;
	line-height:normal;
	margin: 0 0 0px 0;	
  }
#toptabbox ul.tabs {
  margin:0px 0px 0px 5px;
  padding:10px 0px 0;
  list-style:none;
  height:21px;

  }
#toptabbox li {
  float:left;
  background:url("/images/lefttop.gif") no-repeat left top;
  margin:0px 2px 0px 0px;
  padding:0 0 0 9px;
  }
#toptabbox a {
  float:left;
  display:block;
  background:url("/images/righttop.gif") no-repeat right top;
  padding:6px 15px 5px 6px;
  text-decoration:none;
  font-weight:normal;
  color:#000000;
  }
  
#toptabbox li#current  { background-image:url("/images/leftop_on.gif");}
#toptabbox li#current a {background-image:url("/images/righttop_on.gif"); color:#ffcc33;}


  

#toptabbox a:hover {color: #000000; text-decoration:underline}
#toptabbox a:focus {color: #000000;text-decoration:underline}
#toptabbox a:active {color: #000000;text-decoration:underline}




/* Header --------------------------------------------------*/
#header {height: 102px; background-color:#000000; background-image:url(/images/header.gif); background-position:bottom left; background-repeat: repeat-x;  clear:both; }



#headerin {height: 102px; }
#headleft {width: 45em; float: left; margin: 0px 0px 0px 0px; }
#headright {width: 20em; float: right; margin: 40px 5px 0px 0px;}


#logo {margin: 23px 0px 0px 20px}
.hidden {position: absolute; left: -9000px}
.hidetwitter {position: absolute; left: -9000px}









/* Layout --------------------------------------------------*/	

#wrap {padding: 0px; background-color:#ffffff; font-size:90%}
*html #wrap	{zoom:1; background-color:#ffffff; font-size:90%}



#mainhome {width: 54em ; float: left;  padding: 0px 0px 0px 0px; margin: 10px 0px 0px 7px; background-color:#ffffff  }
#rightcol {width: 19em; float: right; padding: 0px 0px 0px 0px; margin: 10px 7px 0px 0px; background:#ffffff  }
#leftcol {width: 15em; float: left; padding: 0px 0px 0px 0px; margin: 10px 7px 0px 5px; background:#ffffff  }
#subhome {width: 38em; float: left; padding: 0px 0px 0px 0px; margin: 10px 7px 0px 7px; background:#ffffff; }
#subfull{width: 58em ; float: left;  padding: 0px 0px 0px 0px; margin: 10px 0px 0px 7px; background-color:#ffffff  }



/* Homepage  Layout --------------------------------------------------*/

#homecarousel {width: 370px ; float: left}
#homeplacetop {width: 25.2em ; float: left; }

/* Placeholders --------------------------------------------------*/


.placeholder {background-color: #f5f3f3; border: 1px solid #cccccc; margin: 0px 0px 10px 0px; padding: 8px 10px 10px 10px}
.placeholder h2{font-size: 1.2em!important; font-weight:bold!important; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px }
.placeholder p{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px }
.placeholder img{border: 1px solid #cccccc; }


.service {background:#f5f3f3 none repeat scroll 0 0; width: 48.5%; float:left; margin: 0px 0px 10px 0px; border:1px solid #cccccc; min-height: 5em}
.service2 {background:#f5f3f3 none repeat scroll 0 0; width: 48.5%; float:right; margin: 0px 0px 10px 0px; border:1px solid #cccccc; min-height: 5em}
* html .service {height: 5em}
* html .service2{height: 5em}

.service { margin-bottom /*\**/: 15px\9 }
.service2 { margin-bottom /*\**/: 15px\9 }




.servicecontent {padding: 5px 10px 5px 10px}
.servicecontent p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}

.divide {margin: 0px 0px 10px 0px; clear:both}

@media screen and (-webkit-min-device-pixel-ratio:0){.divide {margin: 0px 0px 0px 0px; clear:both; height: 10px; }} 



.placetop { margin: 0px 0px 0px 0px; background-image:url(/images/placetop_r.gif); background-repeat:no-repeat; background-position: top right}
.placetopin { background-image:url(/images/placetop_l.gif); background-repeat:no-repeat; background-position: top left; padding: 5px 0px 5px 0px; font-sie: 0.95em}
.placetopin h2 {margin: 0px 0px 0px 0px!important; padding: 0px 10px 0px 10px!important; color: #ffcc33 !important;  font-weight:normal; font-size:1.2em!important;  }




.placecontent {background-image:url(/images/place_r.gif); background-repeat:no-repeat; background-position: bottom right; margin: 0px 0px 0px 0px; }
.placecontentin {background-image:url(/images/place_l.gif); background-repeat:no-repeat; background-position: bottom left; padding: 5px 10px 5px 10px; margin: 0px 0px 15px 0px; }

* html .placecontentin {zoom:1 }
.placecontentin ul {list-style: none; margin: 0px 0px 5px 0px; padding: 0 0 0 0; }
.placecontentin ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}
.placecontentin p {margin: 0px 0px 5px 0px; padding: 0 0 0 0; }




.placehold {min-height: 54px; margin: 0px 0px 15px 0px; background-image:url(/images/placethold_top.gif); background-repeat:no-repeat; background-position: top left;}
.placeholdin  {min-height: 54px;  margin: 0px 0px 0px 0px; background-image:url(/images/placehold_btm.gif); background-repeat:no-repeat; background-position: bottom left;}
* html .placehold {height: 54px;}
* html .placeholdin {height: 54px;}
.placeholdin h2 {margin: 0px 0px 0px 0px!important; padding: 3px 0px 0px 0px!important; color: #000000 !important;  font-weight:normal; font-size:1.3em!important;}
.placeholdin p {margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; font-size:0.8em;}
.placeholdin img {float: left; padding: 1px 10px 0px 1px} 

.placehold .stretch {min-height: 72px;}
.placeholdin  .stretch {min-height: 72px;} 

* html .placehold .stretch {height: 72px;}
* html .placeholdin  .stretch {height: 72px;} 

#twitter {margin: 0px 0px 10px 0px}
#twitter_top {height: 51px; margin: 0px 0px 0px 0px; background-image:url(/images/twitter_top.gif); background-repeat:no-repeat; background-position: top left;}
#twitter_btm  {padding: 0px 10px 10px 10px;   margin: 0px 0px 0px 0px; background-image:url(/images/twitter_btm.gif); background-repeat:no-repeat; background-position: bottom left;}





#crest {background-image:url(/images/crest.gif); background-repeat:no-repeat; background-position: 45px 30px; width: 217px; height: 218px; }
#crestsml {background-image:url(/images/setanta_sml.gif); margin: 10px 0px 0px 0px; background-repeat:no-repeat; background-position: top left; width: 148px; height: 188px;}


#bottomplaceholder {clear: both!important; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 15px!important; background-color:#FFFFFF}

.bottomplace {border: 1px solid #d4d4d4; width: 23.5%; float: left; margin: 10px 10px 0px 0px; height:68px; background-color:#FFFFFF}
.bottomplacelast {border: 1px solid #d4d4d4; width: 23.5%; float: left; margin: 10px 0px 0px 0px; height:68px; background-color:#FFFFFF}
.bottomplacein {border: 1px solid #ffffff;  background-color:#FFFFFF ;background-image:url(/images/shade.gif);  height:66px; background-repeat:repeat-x; background-position:bottom}

.imageplacehold {width: 72px; height: 66px; float: left; padding: 0px 0px 0px 0px}
.imageplacetext {margin: 0px 0px 0px 80px; padding: 10px 0px 0px 0px; font-size:1.1em!important}
.imageplacetext2 {margin: 0px 0px 0px 80px; padding: 20px 0px 0px 0px; font-size:1.1em!important}

.btmimg {float: left; padding: 0px 10px 0px 0px}
.btmtext {float: left; padding: 20px 10px 0px 0px}


.sideplace {border: 1px solid #d4d4d4;  margin: 10px 0px 0px 0px; height:68px; background-color:#FFFFFF}
.sideplacein {border: 1px solid #ffffff;  background-color:#FFFFFF ;background-image:url(/images/shade.gif);  height:66px; background-repeat:repeat-x; background-position:bottom}
* html .sideplacein {zoom:1}



.imageplace {margin: 0px 0px 15px 0px}


#contact {clear: both; margin: 20px 0px 10px 0px; background-image:url(/images/contact_right.gif); background-repeat:no-repeat; background-position: top right;}
#contactin {margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; background-image:url(/images/contact_left.gif); background-repeat:no-repeat; background-position: top left;}
#contact h3 {color:#000000!important; padding: 0px 0px 20px 0px!important;}
.address {float: left; width: 12em; }
.details {float: left; width: 18em;  margin: 0px 0px 0px 10px}



#formplace {border: 1px solid #cccccc; background-color:#f5f3f3}
#formplace h3 {background-color:#ffcc33; color:#000000!important; padding: 7px 10px 7px 10px!important }
#formplace_in { padding: 10px 10px 0px 10px }
.results {padding: 0px 0px 0px 200px}
#formplace_in p {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px}

.didyouknow {margin: 0px 0px 10px 0px}
.didyoutop {margin: 0px 0px 0px 0px; background-image:url(/images/didyou_tr.gif); background-repeat:no-repeat; background-position: top right ; height: 15px ; font-size: 0.01em}
.didyoutopin {margin: 0px 0px 0px 0px; background-image:url(/images/didyou_tl.gif); background-repeat:no-repeat; background-position: top left ; height: 15px ; font-size: 0.01em}
.didyoutext {margin: 0px 0px 10px 0px; background-image:url(/images/didyou_br.gif); background-repeat:no-repeat; background-position: bottom right ; }
.didyoutextin {margin: 0px 0px 0px 0px; padding: 0px 10px 80px 10px; background-image:url(/images/didyou_bl.gif); background-repeat:no-repeat; background-position: bottom left ; }
.didyoutextin h2 {color: #0C659F; font-size:1.3em!important; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px}
.didyoutextin p {padding: 0px 0px 0px 0px}


.emergency {margin: 0px 0px 10px 0px}
.emergetop {margin: 0px 0px 0px 0px; background-image:url(/images/emergency_tr.gif); background-repeat:no-repeat; background-position: top right ; height: 15px ; font-size: 0.01em}
.emergetopin {margin: 0px 0px 0px 0px; background-image:url(/images/emergency_tl.gif); background-repeat:no-repeat; background-position: top left ; height: 15px ; font-size: 0.01em}
.emergetext {margin: 0px 0px 10px 0px; background-image:url(/images/emergency_br.gif); background-repeat:no-repeat; background-position: bottom right ; }
.emergetextin {margin: 0px 0px 0px 0px; padding: 0px 10px 1px 10px; background-image:url(/images/emergency_bl.gif); background-repeat:no-repeat; background-position: bottom left ; }
.emergetextin h2 {color: #00000; font-size:1.1em!important; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;}
.emergetextin p {padding: 0px 0px 0px 0px}




/* History Trail --------------------------------------------------*/
#history {clear: both;   padding: 15px 10px 10px 10px; margin: 0px 150px 0px 0px; background-color: #ffffff  }	
#lang {float: right; padding: 0px 0px 0px 0px; margin: -30px 5px 0px 0px}
		   


/* Heading Text and Lists --------------------------------------------------*/
h1 { color: #000000;   font-size:2em!important; font-weight:normal!important; margin: 0px 0px 10px 0px; padding: 0px 0px 3px 0px; border-bottom:1px solid #f5f3f3}
	 
#mainhome h2 {color:#000000; font-size: 1.7em; font-weight:normal;  margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; }
#mainhome h3 {color:#d02432; font-size: 1.4em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#mainhome h4 {color:#d02432; font-size: 1.3em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#mainhome h5 {color:#d02432; font-size: 1.2em;   font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#mainhome h6 {color:#d02432; font-size: 1.1em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}

#subhome h2 {color:#0c659f; font-size: 1.5em; font-weight:normal;  margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; }
#subhome h3 {color:#0c659f; font-size: 1.4em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#subhome h4 {color:#000000; font-size: 1.3em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#subhome h5 {color:#000000; font-size: 1.2em;   font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#subhome h6 {color:#000000; font-size: 1.1em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}

#subfull h2 {color:#0c659f; font-size: 1.5em; font-weight:normal;  margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; }
#subfull h3 {color:#0c659f; font-size: 1.4em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#subfull h4 {color:#000000; font-size: 1.3em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#subfull h5 {color:#000000; font-size: 1.2em;   font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#subfull h6 {color:#000000; font-size: 1.1em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}





p   {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}

.textsmaller {font-size: 85%}

p.external {padding: 0px 50px 0px 0px; background-image:url(/images/external.gif); background-position: top right; background-repeat:no-repeat}

#subhome ul {list-style: none; margin: 0px 0px 15px 15px; padding: 0 0 0 0;}
#subhome ul li {background:  url(/images/bullet_yellow.gif) no-repeat 0em 0.4em; display: block; padding: 0 0 0.5em 15px;}


#subfull ul {list-style: none; margin: 0px 0px 15px 15px; padding: 0 0 0 0;}
#subfull ul li {background:  url(/images/bullet_yellow.gif) no-repeat 0em 0.4em; display: block; padding: 0 0 0.5em 15px;}


#mainhome ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#mainhome ol li { padding: 0.2em 0 0.1em 0px;}

#subhome ol { list-style-type: lower-alpha; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#subhome ol li { padding: 0.2em 0 0.1em 0px;}





hr {width:99%; height:1px; background-color:#CCCCCC; color:#cccccc; border:0; margin: 20px 0px 20px 0px; }





.new {clear: both; padding: 5px 5px 5px 40px; font-weight:bold; margin: 0px 0px 10px 0px; border: 1px solid #cccccc; background-color:#e3e8ef; background-image:url(/images/new.gif); background-repeat:no-repeat; background-position: 5px 6px;  }




.tabbox ul.bulletlist {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.tabbox ul.bulletlist li {background:  url(/images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 1em 10px;}

.tabbox  ul.more {list-style: none; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.tabbox  ul.more li {background:  url(/images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 1em 10px;}



/* Dates --------------------------------------------------*/


ul.calanderdate {margin: 0px 0px 0px 0px; list-style-type:none!important}
ul.calanderdate li{margin: 0px 0px 0px 0px; list-style-type:none!important; list-style:none!important; display:block!important}

.tabbox .date {
    font-size: 83%;
	text-align:center;
	float:left;
	display:inline;
	width:36px;
	margin-top:2px;
	margin-right:10px;
    }
.tabbox  .news-link {
	float:left;
	display:inline;
	width:90%;
	padding-top: 7px;
    }

.tabbox  li .date span {
    padding: 5px 0; 
    line-height: 1; 
    color:#000;
    background-color: #f5f3f3;
    display: block;
    margin: 0;
    }

.tabbox .date span.month {
    background: #f5f3f3 url(/images/date_top.gif) top left no-repeat;
    padding-bottom: 3px;
	 padding-top: 7px;
	color: #000;
	font-weight: bold;
	font-size: 0.85em;
    }



.tabbox  .date span.day {
    background: #f5f3f3 url(/images/date_back.gif) bottom left no-repeat;
    padding-top: 1px;
	color: #666;
	font-size: 1.2em;
	
    }



#firenews ul.calanderdate {list-style: none!important; margin: 0px 0px 0px 0px; padding: 0 0 0 0; list-style-type:none!important}
#firenews ul.calanderdate li {margin: 0px 0px 0px 0px; list-style-type:none!important; list-style:none!important; display:block!important; background:none!important; padding: 0px !important}

#firenews .date {
    font-size: 83%;
	text-align:center;
	float:left;
	display:inline;
	width:36px;
	margin-top:2px;
	margin-right:10px;
    }
#firenews  .news-link {
	float:left;
	display:inline;
	width:90%;
	padding-top: 7px;
    }

#firenews li .date span {
    padding: 5px 0; 
    line-height: 1; 
    color:#000;
    background-color: #f5f3f3;
    display: block;
    margin: 0;
    }

#firenews .date span.month {
    background: #f5f3f3 url(/images/date_top.gif) top left no-repeat!important;
    padding-bottom: 3px;
	 padding-top: 7px;
	color: #000;
	font-weight: bold;
	font-size: 0.85em;
    }



#firenews  .date span.day {
    background: #f5f3f3 url(/images/date_back.gif) bottom left no-repeat;
    padding-top: 1px;
	color: #666;
	font-size: 1.2em;
	
    }




/* Footer Controls --------------------------------------------------*/
.allcontrols {clear: both; margin: 0px 0px 0px 0px; background-color:#FFFFFF; padding: 10px 0px 0px 0px}
#controls {font-size: 0.8em; padding: 0px 20px 0px 20px; float:left;}
.backtotop {width: 7em; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/backtotop.gif); background-repeat:no-repeat; background-position: 0px 7px; padding: 7px 0px 10px 15px}	
.email {width: 7em; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_email.gif); background-repeat:no-repeat; background-position: 0px 7px; padding: 7px 0px 10px 25px}	
.print {width: 7em; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_print.gif); background-repeat:no-repeat; background-position: 0px 7px; padding: 7px 0px 10px 25px}	
.bookmark {width: 7em; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_bookmark.gif); background-repeat:no-repeat; background-position: 0px 7px; padding: 7px 0px 10px 25px}	


#leftcontrol {float: right;  padding: 0px 20px 0px 20px; font-size: 0.8em;}


.allcontrols a:link { color: #0585da; text-decoration: underline!important }
.allcontrols a:visited { color: #663399; text-decoration: underline!important }
.allcontrols a:hover {color: #0585da; text-decoration: none!important}
.allcontrols a:focus {color: #0585da; text-decoration: none!important; background-color:#FFFFFF!important }
.allcontrols a:active {color: #0585da; text-decoration: none!important;background-color:#FFFFFF!important  }




/* Footer --------------------------------------------------*/

#footer { clear: both; font-size: 0.8em; padding: 10px 10px 10px 10px; background-color:#ffcc33;  background-image:url(/images/footer.gif); background-repeat:repeat-x; background-position: top left}
.footerplace {width: 24.5%; float: left; }
.footerplace h3{color: #ffcc33!important; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}

#footer ul {list-style: none; margin: 15px 0px 0px 0px; padding: 0 0 0 0; font-size:0.9em}
#footer ul li {background:  url(/images/footer_bullet.gif) no-repeat 0em 0.5em; display: block; padding: 0 0 0.7em 10px;}


#footer a:link { color: #000000; text-decoration: none!important }
#footer a:visited { color: #000000; text-decoration: none!important }
#footer a:hover {color: #000000; text-decoration: underline!important}
#footer a:focus {color: #000000; text-decoration: underline!important; }
#footer a:active {color: #000000; text-decoration: underline!important; }

#footerbase { clear:both; padding: 20px 0px 0px 0px} 

#footerbase p { line-height:1.7em; font-size:0.7em; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px}


/* Links --------------------------------------------------*/
a:link { color: #0585da; text-decoration: none }
a:visited { color: #663399; text-decoration: none}
a:hover {color: #0585da; text-decoration: underline}
a:focus {color: #0585da; text-decoration: underline }
a:active {color: #0585da; text-decoration: underline }


@media screen and (-webkit-min-device-pixel-ratio:0){a:link { color: #0585da; text-decoration: none }}
@media screen and (-webkit-min-device-pixel-ratio:0){a:visited { color: #663399; text-decoration: none}}
@media screen and (-webkit-min-device-pixel-ratio:0){a:hover {color: #0585da; text-decoration: underline}}
@media screen and (-webkit-min-device-pixel-ratio:0){a:focus {color: #0585da; text-decoration: underline }}
@media screen and (-webkit-min-device-pixel-ratio:0){a:active {color: #0585da; text-decoration: underline }}



#subhome a:link { color: #0585da; text-decoration: underline }
#subhome a:visited { color: #663399; text-decoration: underline }
#subhome a:hover {color: #0585da; text-decoration: none;}
#subhome a:focus {color: #0585da; text-decoration: none; background-color:#FFFF99 }
#subhome a:active {color: #0585da; text-decoration: none; background-color:#FFFF99  }


#subfull a:link { color: #0585da; text-decoration: underline; }
#subfull a:visited { color: #663399; text-decoration: underline; }
#subfull a:hover {color: #0585da; text-decoration: none;}
#subfull a:focus {color: #0585da; text-decoration: none; background-color:#FFFF99 }
#subfull a:active {color: #0585da; text-decoration: none;  background-color:#FFFF99 }


#mainhome a:focus { background-color:#FFFF99!important  }
#mainhome a:active {  background-color:#FFFF99!important }

#rightcol a:focus { background-color:#FFFF99!important  }
#rightcol a:active {  background-color:#FFFF99!important }


/* Buttons --------------------------------------------------*/

.btnhold {padding: 0px 0px 0px 10px}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #ffffff;
	font-weight:normal;
	float:left; 
    display: block;
    font: normal 1em verdana, sans-serif;
    height: 27px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none!important;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 17px;
    padding: 5px 0 5px 18px;
	text-decoration:none!important;
	color: #ffffff;
	font-weight:normal;
} 

a.button:link {text-decoration:none!important; color: #ffffff} 
a.button:link span 	{text-decoration:none!important; color: #ffffff} 

a.button:visited {text-decoration:none!important; color: #ffffff} 
a.button:visited span 	{text-decoration:none!important; color: #ffffff} 

a.button:hover {
text-decoration:none;
    background-position: bottom right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none!important;
} 

a.button:focus 	{text-decoration:none!important; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.button:focus span 	{text-decoration:none!important; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 
a.button:active	{text-decoration:none!important; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.button:active span 	{text-decoration:none!important; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 



a.buttongrey {
    background: transparent url('/images/bg_button_a_grey.gif') no-repeat scroll top right;
    color: #ffffff;
	font-weight:normal;
	float:left; 
    display: block;
    font: normal 1em verdana, sans-serif;
    height: 27px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none!important;
}

a.buttongrey span {
    background: transparent url('/images/bg_button_span_grey.gif') no-repeat;
    display: block;
    line-height: 17px;
    padding: 5px 0 5px 18px;
	text-decoration:none!important;
	color: #ffffff;
	font-weight:normal;
} 

a.buttongrey:link {text-decoration:none!important; color: #ffffff} 
a.buttongrey:link span 	{text-decoration:none!important; color: #ffffff} 

a.buttongrey:visited {text-decoration:none!important; color: #ffffff} 
a.buttongrey:visited span 	{text-decoration:none!important; color: #ffffff} 

a.buttongrey:hover {
text-decoration:none;
    background-position: bottom right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttongrey:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none!important;
} 

a.buttongrey:focus 	{text-decoration:none!important; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttongrey:focus span 	{text-decoration:none!important; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 
a.buttongrey:active	{text-decoration:none!important; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttongrey:active span 	{text-decoration:none!important; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 


/* Tables --------------------------------------------------*/



table.data{margin: 15px 0px 15px 0px; border:1px solid #CCCCCC;  border-collapse:collapse }
table.data td { border-collapse: collapse; padding: 5px 5px 5px 5px; background-color:#f6f6f6; border:1px solid #CCCCCC; border-collapse:collapse}
table.data th {font-weight:bold;  padding: 5px 5px 5px 5px;background-color:#333333; color:#ffcc33; text-align:left;  border:1px solid #000000; border-collapse:collapse }
tr.stripe td,  {background-color:#e3e3e3!important}

form table.adv {margin: 0px 0px 10px 0px}
form table.adv td {padding: 5px 5px 5px 5px; }



/* Images and Captions Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle; }
.centre {text-align:center}

.imgplace {margin: 0px 0px 15px 0px}


.clearall {clear:both}

img.imgright {float: right; margin: 0px 0px 15px 15px; border:1px solid #cccccc; }
img.imgleft {float: left; margin: 0px 15px 15px 0px; border:1px solid #cccccc; }

.captionright {margin: 0px 0px 20px 20px; float: right; background-color:#eaeaea; padding: 0px 0px 20px 20px; border:1px solid #cccccc; padding: 5px 5px 5px 5px; text-align:center; font-size: 0.9em}
.captionleft {margin: 0px 20px 20px 0px; float: left; background-color:#eaeaea; padding: 0px 20px 20px 0px; border:1px solid #cccccc; padding: 5px 5px 5px 5px;  text-align:center; font-size: 0.9em}

.captionright img, .captionleft img {border:1px solid #cccccc; margin-bottom:5px; display:block}




/* --------------------------Abbr and Acronyms----------------------------------- */
 abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}


 







/* Clearfix --------------------------------------------------*/    
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


/* Search--------------------------------------------------*/
#searcharea {float:right; padding: 4px 20px 0px 0px}
#go { padding: 0px 0px 0px 0px; vertical-align:top; margin: -1px 0px 0px 0px}
* html #go { margin: 0px 0px 0px 0px; vertical-align:inherit}
* +html #go { margin: 0px 0px 0px 0px; vertical-align:inherit}
@media screen and (-webkit-min-device-pixel-ratio:0){#searchsite {height: 16px}}


#searchsite {border: 1px solid #888888; padding: 3px 0px 2px 5px; margin: 0px 0px 0px 0px}
* html #searchsite {border: 1px solid #888888; padding: 3px 0px 2px 5px; margin: 0px 0px 0px 0px}




/* Horizontal Navigation with Dropdown--------------------------------------------------*/


#navbg {background-color: #ffcc33; height:32px;  }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:32px
}

#nav li { /* all list items */float: left; border-right:1px solid #b28e24;}

#nav a {
    color:#000000; font-weight:normal; 
	display: block;
	text-align:center;
	text-decoration: none;
}

#nav li a:visited {text-decoration: none; color:#000000; font-weight:normal }
#nav li a:hover {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer2.gif); background-repeat:no-repeat; background-position: top center }
#nav li a:focus {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer2.gif); background-repeat:no-repeat; background-position: top center }
#nav li a:active {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer2.gif); background-repeat:no-repeat; background-position: top center}
#nav li a.selected {text-decoration: none; color:#000000; font-weight:normal; background-image:url(/images/pointer2.gif); background-repeat:no-repeat; background-position: top center }



#nav li.home {width: 6em}
#nav li.serv{width: 8em; background-image:url(/images/arrow_down.gif); background-repeat:no-repeat; background-position:top right}
#nav li.your{width: 9em}
#nav li.publ{width: 8em}
#nav li.az{width: 5em}
#nav li.cont{width: 8em}








#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#000000;
	font-size: 90%; 
	font-weight:normal;
	line-height:24px;
	width: 14em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:200000;
}

#nav ul li {
text-align:left;
width: 14em;
text-decoration: none;
font-weight:normal;
border-right:0px solid #000000!important;
}

#nav ul li a{
text-align:left;
	text-decoration: none;
	width: 14em;
	font-weight:normal;
	padding: 0px 10px 0px 10px;
	color: #ffffff
	
}


#nav ul li a:visited {text-decoration: none; color:#FFFFFF!important; font-weight:normal }
#nav ul li a:hover {width: 12.4em; text-decoration: none;  color:#FFFFFF!important; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }
* html #nav ul li a:hover {width: 14em; text-decoration: none;  color:#FFFFFF!important; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }

#nav ul li a:focus {text-decoration: none;   color:#FFFFFF;!important; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }
#nav ul li a:active {text-decoration: none;  color:#FFFFFF!important;; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }

* +html #nav ul li a:focus {width: 12.45em!important;   }
* +html #nav ul li a:active {width: 12.45em!important;  }

html>body .myClass { *color: #ff0033; }

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em; background-color:#000000; font-weight:normal;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}
#nav li li:hover ul, #nav li li.sfhover ul {
	margin-left: 10em;
}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 1010em; }
#nav li li a:focus { margin-left:1000em; width:12.4em; background-image:url(/images/nav_bg_hover.gif); }
#nav li li li a:focus {margin-left: 2010em; width: 12.4em; background-image:url(/images/nav_bg_hover.gif); }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }

#navbar {background-image:url(/images/nav_bg.gif); background-repeat:repeat-x; background-position:top left; height:32px; border-top:1px solid #a8ba93 }




/* IE8 Standards-Mode Only */
.test { color /*\**/: blue\9 }

#nav li li a:focus + ul { margin-left /*\**/: 0em\9}
#nav li li a:focus { margin-left:/*\**/0em\9  }
#nav li li li a:focus {margin-left /*\**/: 0em\9 }





	   
/* Left Navigation --------------------------------------------------*/



.navtop { margin: 0px 0px 0px 0px; background-color:#ffcc33; padding: 5px 0px 5px 0px }
.navtop h2 {margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 10px!important; color: #000000 !important;  font-weight:bold; font-size:1.1em!important;  }


#subnavcontainer ul{
			margin: 0px 0px 15px 0px;
			padding: 0;
			list-style-type: none;
			font-size: 1em;
			}
		
#subnavcontainer li {margin:0px;  padding:0px ;}

		
#subnavcontainer a
		    {display: block;
			 padding: 5px 5px 5px 15px;
			 width: 13.45em;
			 color: #ffffff;
			 background-color: #2e3a40;
			 border-top: 1px dotted #2e3a40;
			 text-decoration: none;
			 font-weight:normal;
			 background-image:url(/images/nav_bullet.gif); background-repeat:no-repeat; background-position: 5px 9px 
			}
			
#subnavcontainer a:visited{
			color: #ffffff;
			background-color: #2e3a40;
			text-decoration: none;
			font-weight:normal;
			  }			
		
#subnavcontainer a:hover
		    {color: #000000;
			text-decoration: none;
			background-color: #ffcc33;
			font-weight:normal;
			   }
			
#subnavcontainer a:active
		    {color: #000000;
			text-decoration: none;
			background-color: #ffcc33;
			font-weight:normal;
			  }
			
#subnavcontainer a:focus
		    {color: #000000;
			text-decoration: none;
			background-color: #ffcc33;
			font-weight:normal;
			   }						
			
			
			
#subnavcontainer a.currentnav
		  {color: #0c659f!important;
			text-decoration: none;
			background-color: #ffebcd!important;
			font-weight:normal;
			 background-image:url(/images/nav_bullet_on.gif); background-repeat:no-repeat; background-position: 5px 9px  
	}	
			
#subnavcontainer a.currentnav:hover, #subnavcontainer a.currentnav:active, #subnavcontainer a.currentnav:focus {background-color:#ffcc33 !important;  color: #000000!important; }	



#subnavcontainer ul ul{margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-size: 90%;}
#subnavcontainer ul ul li {margin:0px;  padding:0px ;}
#subnavcontainer ul ul a  {display:block; padding: 5px 5px 5px 25px; width: 14.05em; color: #000000!important; background-color: #ffebcd; border-top: 0px solid #ffffff; text-decoration: none; font-weight:normal; background-image:url(/images/nav_bullet_sub.gif); background-repeat:no-repeat; background-position: 15px 11px }
#subnavcontainer ul ul a:visited{color: #000000; background-color: #ffebcd; 	text-decoration: none;	font-weight:normal}			
#subnavcontainer ul ul a:hover   {color: #000000;  text-decoration: none;	background-color: #ffcc33;	font-weight:normal; }
#subnavcontainer ul ul a:active  {color: #000000;text-decoration: none;	background-color: #ffcc33;	 font-weight:normal;	}
#subnavcontainer ul ul a:focus    {color: #000000;	text-decoration: none; background-color: #ffcc33;	 font-weight:normal; }						
#subnavcontainer ul ul a.currentnavsub {text-decoration:none!important; background-color:#f2f0f0!important; color: #0c659f!important; background-image:url(/images/nav_bullet_sub_on.gif); background-repeat:no-repeat; background-position: 15px 11px }	



#subnavcontainer ul ul a.currentnavsub:hover, #subnavcontainer ul ul a.currentnavsub:focus, #subnavcontainer ul ul a.currentnavsub:active {background-color:#ffcc33 !important; color: #000000!important  }	
			

#subnavcontainer ul ul ul{margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-size: 89%; }
#subnavcontainer ul ul ul li {margin:0px;  padding:0px ;}
#subnavcontainer ul ul ul a  {display: block; padding: 5px 5px 5px 35px; width: 14.85em; color: #000000!important; background-color: #f2f0f0; border-top: 0px solid #ffffff; text-decoration: none; font-weight:normal;background-image:none!important; }
#subnavcontainer ul ul ul a:visited{color: #000000;background-color: #f2f0f0;  	text-decoration: none;	font-weight:normal}			
#subnavcontainer ul ul ul a:hover   {color: #000000;  text-decoration: none;	background-color: #ffcc33;	 	font-weight:normal;  }
#subnavcontainer ul ul ul a:active  {color: #000000;text-decoration: none;	background-color: #ffcc33;	 	font-weight:normal;	 }
#subnavcontainer ul ul ul a:focus    {color: #000000;	text-decoration: none;background-color: #ffcc33;	 	font-weight:normal;	}						
#subnavcontainer ul ul ul a.currentnavsub {text-decoration:underline!important;  background-color: #f2f0f0 !important; color: #0c659f!important; font-weight:bold!important; background-image:none!important; }

#subnavcontainer ul ul ul a.currentnavsub:hover, #subnavcontainer ul ul ul a.currentnavsub:focus, #subnavcontainer ul ul ul a.currentnavsub:active {background-color:#ffcc33 !important; color: #000000!important  }	


* html #subnavcontainer ul ul li  {margin-bottom: -1px}
* html #subnavcontainer ul ul ul li  {margin-top: -1px}
* + html #subnavcontainer ul ul li  {margin-bottom: -1px}
* + html #subnavcontainer ul ul ul li  {margin-top: -1px}





/*** TABS ***/
.tabs{
	margin: 0 0 10px 0;
}
ul.tabNavigation {
  margin:0px 0px 0 0px !important;
  padding:10px 0px 0;
  list-style:none !important;
  background:#FFFFFF url("/images/tabbg.gif") repeat-x bottom;
  height:26px;
}

	#pop-tabs ul.tabNavigation{
		height:26px;
	}

ul.tabNavigation li {
	float:left;
	display:inline;
	background:url("/images/left.gif") no-repeat left top !important;
	margin:0px 5px 0px 0px !important;
	padding:0px 0 0 8px !important;
	border-bottom: 1px solid #cccccc;
	list-style:none;
}	

	ul.tabNavigation li.tab-selected{
		background-image:url("/images/left_on.gif")  !important; 
		border-bottom: 1px solid #ffffff!important;
	}

ul.tabNavigation li a {
	background:url("/images/right.gif") no-repeat right top;
	display:block;
	padding:5px 10px 3px 5px;
	text-decoration:none !important;
	color:#000000 !important;
	font-size:1.1em !important;

}

ul.tabNavigation li a.selected{
	background-image:url("/images/right_on.gif");
	color:#000000 !important;
}

ul.tabNavigation li a:focus {
}

.tabbox {
	padding: 15px 10px 10px;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#FFFFFF;
}

.waste {
	min-height: 1000px;
}




/* Carousel --------------------------------------------------*/
#carousel-wrap{position:relative; margin:0 0 20px 0;}
#carousel {width: 350px; border-top: 1px solid #ffffff; clear:both; margin: 0px 0px 0px 0px; height:214px; position:relative;  }
#details  {background-color:#000000; opacity: .5; -moz-opacity: .5;  filter: alpha(opacity=50);  height:35px; position:relative; top:125px;  font-size:1.1em;  padding: 3px 3px 3px 3px }

#carousel-controls{
	position:absolute;
	bottom:13px;
	left:8.5em;
	width:200px;
}
	#carousel-controls a:link{color:#000000; text-decoration:none}
	#carousel-controls a:hover{color:#000000}
	#carousel-controls a:hover{color:#000000}
	#carousel-controls a:active{color:#000000}
	#carousel-controls a:visited{color:#000000}

.jcarousel-control {
    text-align: center;
	position:relative;
	z-index:5;
	float:right;
	display:inline;
}


.jcarousel-control ul li{
	float:left;
	margin:0 2px 0 0;
	list-style:none;
}
.jcarousel-control a {
	display:block;
    font-size: 0.8em;
    text-decoration: none;
    padding: 1px 5px;
    margin: 0 0 5px 0;
    border: 1px solid #cccccc;
    color: #000000;
    background-color: #fce49a;
}

	.jcarousel-control a:hover{
		color:#000000;
		 background-color: #ffcc33;
	}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
	color:#000000;
	background-color: #ffcc33;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#maincarousel-next,
#maincarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
	z-index:100000;

}




.text {float: left; color: #FFFFFF; padding: 0px 0px 0px 10px; font-size: 0.9em;   opacity: none!important; -moz-opacity: none!important;  filter: alpha(opacity=100)!important;  }
.controls {float: right; padding: 7px 10px 0px 0px;  opacity: none!important; -moz-opacity: none!important;  filter: alpha(opacity=100)!important; }
.carouselheading {font-size: 1.1em; font-weight: bold;  opacity: none!important; -moz-opacity: none!important;  filter: alpha(opacity=100)!important; }


/*** INDEX BANNER CAPTIONS ****/
.boxgrid-main{ 
	z-index:40;
	width: 350px ;
	height: 214px ;
	float:left;
	background:#161613 ;
	/*border: solid 2px #8399AF; */
	overflow: hidden ;
	position: relative ;

}

	.boxcaption-main a:link { color: #000000; text-decoration: none!important }
	.boxcaption-main a:visited { color: #000000; text-decoration: none!important }
	.boxcaption-main a:hover {color: #000000; text-decoration: underline!important}
	.boxcaption-main a:focus {color: #000000; text-decoration: underline!important; }
	.boxcaption-main a:active {color: #000000; text-decoration: underline!important; }

	.boxgrid-main img{ 
		position: absolute ;
		top: 0 ;
		left: 0 ;
		border: 0 ;
	}
	.boxgrid-main p{ 
		padding: 5px 10px ;
		color:#000000 ;
	}
	
.boxcaption-main{ 
	position: absolute ;
	background: #FFFFFF ;
	width: 350px ;
	height:30px;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}
	.captionfull-main .boxcaption-main {
		top: 174px;
		left: 0 ;
	}


#trans-overlay{
	z-index:99;
	position:absolute;
	background:#000;
	opacity: .7; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#pop-tabs{
	display:none;
	position:absolute;
	width:500px;
	border:3px solid #333;
	background-color:#fff;
	padding:20px;
}

#close-pop{
	position:absolute;
	float:right;
	display:inline;
	top:0;
	right:0;
	cursor:pointer;
}





/* Carousel Bigger--------------------------------------------------*/
#carousel-wrap{position:relative; margin:0 0 20px 0;}
#carousel_big {width: 697px; border-top: 1px solid #ffffff; clear:both; margin: 0px 0px 0px 0px; height:214px; position:relative;  }
#details  {background-color:#000000; opacity: .5; -moz-opacity: .5;  filter: alpha(opacity=50);  height:35px; position:relative; top:125px;  font-size:1.1em;  padding: 3px 3px 3px 3px }

#carousel-controls{
	position:absolute;
	bottom:13px;
	left:8.5em;
	width:200px;
}
	#carousel-controls a:link{color:#000000; text-decoration:none}
	#carousel-controls a:hover{color:#000000}
	#carousel-controls a:hover{color:#000000}
	#carousel-controls a:active{color:#000000}
	#carousel-controls a:visited{color:#000000}

.jcarousel-control {
    text-align: center;
	position:relative;
	z-index:5;
	float:right;
	display:inline;
}


.jcarousel-control ul li{
	float:left;
	margin:0 2px 0 0;
	list-style:none;
}
.jcarousel-control a {
	display:block;
    font-size: 0.8em;
    text-decoration: none;
    padding: 1px 5px;
    margin: 0 0 5px 0;
    border: 1px solid #cccccc;
    color: #000000;
    background-color: #fce49a;
}

	.jcarousel-control a:hover{
		color:#000000;
		 background-color: #ffcc33;
	}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
	color:#000000;
	background-color: #ffcc33;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#maincarousel-next,
#maincarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
	z-index:100000;

}



.boxgrid-main_lrg{ 
	z-index:40;
	width: 697px ;
	height: 214px ;
	float:left;
	background:#161613 ;
	/*border: solid 2px #8399AF; */
	overflow: hidden ;
	position: relative ;

}

	.boxcaption-main_lrg a:link { color: #000000; text-decoration: none!important }
	.boxcaption-main_lrg  a:visited { color: #000000; text-decoration: none!important }
	.boxcaption-main_lrg  a:hover {color: #000000; text-decoration: underline!important}
	.boxcaption-main_lrg  a:focus {color: #000000; text-decoration: underline!important; }
	.boxcaption-main_lrg  a:active {color: #000000; text-decoration: underline!important; }

	.boxgrid-main_lrg  img{ 
		position: absolute ;
		top: 0 ;
		left: 0 ;
		border: 0 ;
	}
	.boxgrid-main_lrg  p{ 
		padding: 5px 10px ;
		color:#000000 ;
	}
	
.boxcaption-main_lrg { 
	position: absolute ;
	background: #FFFFFF ;
	width: 797px ;
	height:30px;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}
	.captionfull-main_lrg  .boxcaption-main_lrg  {
		top: 174px;
		left: 0 ;
	}


#carousel-controls_lrg{
	position:absolute;
	bottom:13px;
	left:35em;
	width:200px;
}
	#carousel-controls_lrg a:link{color:#000000; text-decoration:none}
	#carousel-controls_lrg a:hover{color:#000000}
	#carousel-controls_lrg a:hover{color:#000000}
	#carousel-controls_lrg a:active{color:#000000}
	#carousel-controls_lrg a:visited{color:#000000}



/* Fire Services Carousel--------------------------------------------------*/
#firecarousel {border: 1px solid #cccccc; padding: 10px; margin: 0px 0px 15px 0px; }



/* New Library Styles--------------------------------------------------*/


#header_l {height: 102px; background-color:#ffcc33;   clear:both; }

#toptabbox li#currentlib  { background-image:url("/images/leftop_on_lib.gif");}
#toptabbox li#currentlib a {background-image:url("/images/righttop_on_lib.gif"); color:#000000;}


#subnonav{width: 53em ; float: left;  padding: 0px 0px 0px 0px; margin: 10px 0px 0px 7px; background-color:#ffffff  }


.placetopyel { margin: 0px 0px 0px 0px; background-image:url(/images/placetopyel_r.gif); background-repeat:no-repeat; background-position: top right}
.placetopinyel { background-image:url(/images/placetopyel_l.gif); background-repeat:no-repeat; background-position: top left; padding: 5px 0px 5px 0px; font-sie: 0.95em}
.placetopinyel h2 {margin: 0px 0px 0px 0px!important; padding: 0px 10px 0px 10px!important; color: #000000 !important;  font-weight:normal; font-size:1.2em!important;  }

.placeholdin h2.smallerheader {font-weight:bold; font-size:1.1em!important;}
.placeholdin h2.headeronly {padding: 13px 0px 0px 0px!important}

#searchplace {
	width:370px;
	background-color: #f5f3f3;
	border: 1px dotted #cccccc;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 15px 0px;
	float: left;
	height: 80px;
}
#searchplace h2 {color: #000000!important}
#searchplace .btn {vertical-align:middle; margin: -6px 0px 0px 0px}

#rightofsearchplace {
	width:16em;
	background-color: #f5f3f3;
	border: 1px dotted #cccccc;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 15px 0px;
	float: right;
	height: 80px;
}
#rightofsearchplace h2 {color: #000000!important}



#subnonav h2 {color:#0c659f; font-size: 1.5em; font-weight:normal;  margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; }
#subnonav h3 {color:#0c659f; font-size: 1.4em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#subnonav h4 {color:#000000; font-size: 1.3em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#subnonav h5 {color:#000000; font-size: 1.2em;   font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#subnonav h6 {color:#000000; font-size: 1.1em;  font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}

#subnonav_content ul {list-style: none; margin: 0px 0px 15px 15px; padding: 0 0 0 0;}
#subnonav_content ul li {background:  url(/images/bullet_yellow.gif) no-repeat 0em 0.4em; display: block; padding: 0 0 0.5em 15px;}

/* Library Horizontal Navigation --------------------------------------------------*/


#navbg_l {background-color: #000000; height:32px;  }

#nav_l, #nav_l ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:32px
}

#nav_l li { /* all list items */
	float: left;
	 border-right:1px solid #4d4d4d;
}

#nav_l li.lastlink { border:0px!important;}


#nav_l a {
    color:#ffcc33; font-weight:normal; 
	display: block;
	text-align:center;
	text-decoration: none;
}

#nav_l li a:visited {text-decoration: none; color:#ffcc33; font-weight:normal }
#nav_l li a:hover {text-decoration: none;  color:#ffcc33; font-weight:normal ; background-image:url(/images/pointer3.gif); background-repeat:no-repeat; background-position: top center }
#nav_l li a:focus {text-decoration: none;  color:#ffcc33; font-weight:normal ; background-image:url(/images/pointer3.gif); background-repeat:no-repeat; background-position: top center }
#nav_l li a:active {text-decoration: none;  color:#ffcc33; font-weight:normal ; background-image:url(/images/pointer3.gif); background-repeat:no-repeat; background-position: top center}
#nav_l li a.selected {text-decoration: none; color:#ffcc33; font-weight:normal; background-image:url(/images/pointer3.gif); background-repeat:no-repeat; background-position: top center }


#nav_l li.home {width: 6em}
#nav_l li.news{width: 6em; }
#nav_l li.what{width: 7em}
#nav_l li.loca{width: 12em}
#nav_l li.join{width: 11em}
#nav_l li.forall{width: 10em}
#nav_l li.abou{width: 8em}
#nav_l li.cont{width: 8em}
#nav_l li.cont { width /*\**/: 7.8em\9 }


/* Extra Styles for Borough Templates --------------------------------------------------*/

#logo_b {margin: 8px 0px 0px 20px}
#crest_b {background-image:url(/images/crest_borough.gif); background-repeat:no-repeat; background-position: 23px 10px; width: 235px; height: 238px; }



#borough #navbg {background-color: #eeeded; height:32px; border-bottom: 1px solid #cecdcd }
#borough #nav li { /* all list items */float: left; border-right:1px solid #cecdcd;}

#nav a {color:#000000; font-weight:normal; display: block; text-align:center; text-decoration: none;}
#borough #nav li a:visited {text-decoration: none; color:#000000; font-weight:normal }
#borough #nav li a:hover {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center }
#borough #nav li a:focus {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center }
#borough #nav li a:active {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center}
#borough #nav li a.selected {text-decoration: none; color:#000000; font-weight:normal; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center }



#borough #nav li.home {width: 6em}
#borough #nav li.serv{width: 8em; background-image:url(/images/arrow_down_grey.gif); background-repeat:no-repeat; background-position:top right}
#borough #nav li.your{width: 9em}
#borough #nav li.publ{width: 8em}
#borough #nav li.az{width: 5em}
#borough #nav li.cont{width: 8em}



#borough #nav li ul { /* second-level lists */
	position: absolute;
	background-color:#eeeded;
	font-size: 90%; 
	font-weight:normal;
	line-height:24px;
	width: 14em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:200000;

}

#borough #nav ul li {
text-align:left;
width: 14em;
text-decoration: none;
font-weight:normal;
border-right:0px solid #000000!important;
}

#borough #nav ul li a{
text-align:left;
	text-decoration: none;
	width: 14em;
	font-weight:normal;
	padding: 0px 10px 0px 10px;
	color: #000000
	
}


#borough #nav ul li a:visited {text-decoration: none; color:#000000!important; font-weight:normal }
#borough #nav ul li a:hover {width: 12.4em; text-decoration: none;  color:#000000!important; font-weight:normal; background-image:url(/images/nav_bg_bor.gif); background-repeat:repeat-x;  }
* html #borough #nav ul li a:hover {width: 14em; text-decoration: none;  color:#000000!important; font-weight:normal; background-image:url(/images/nav_bg_bor.gif); background-repeat:repeat-x;   }

#borough #nav ul li a:focus {text-decoration: none;   color:#000000;!important font-weight:normal; background-image:url(/images/nav_bg_bor.gif); background-repeat:repeat-x;   }
#borough #nav ul li a:active {text-decoration: none;  color:#000000!important; font-weight:normal; background-image:url(/images/nav_bg_bor.gif); background-repeat:repeat-x;   }

* +html #borough #nav ul li a:focus {width: 12.45em!important;   }
* +html #borough #nav ul li a:active {width: 12.45em!important;  }


#borough #nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#borough #nav li:hover ul ul, #borough #nav li.sfhover ul ul {
	margin-left: -1000em; background-color:#000000; font-weight:normal;
}

#borough #nav li:hover ul, #borough #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}
#borough #nav li li:hover ul, #borough #nav li li.sfhover ul {
	margin-left: 10em;
}
/* extra positioning rules for limited noscript keyboard accessibility */
#borough #nav li a:focus + ul { margin-left: 0; }
#borough #nav li li a:focus + ul { margin-left: 1010em; }
#borough #nav li li a:focus { margin-left:1000em; width:12.4em; background-image:url(/images/nav_bg_bor.gif); background-repeat:repeat-x; }
#borough #nav li li li a:focus {margin-left: 2010em; width: 12.4em; background-image:url(/images/nav_bg_bor.gif); background-repeat:repeat-x;  }
#borough #nav li:hover a:focus, #borough #nav li.sfhover a.sffocus { margin-left: 0; }
#borough #nav li li:hover a:focus + ul, #borough #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }



/* IE8 Standards-Mode Only */

#borough #nav li li a:focus + ul { margin-left /*\**/: 0em\9}
#borough #nav li li a:focus { margin-left:/*\**/0em\9  }
#borough #nav li li li a:focus {margin-left /*\**/: 0em\9 }






















#navbg_b {background-color: #eeeded; height:32px; border-bottom: 1px solid #cecdcd  }

#nav_b, #nav_b ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:32px
}

#nav_b li { /* all list items */
	float: left;
	 border-right:1px solid #cecdcd;
}

#nav_l li.lastlink { border:0px!important;}


#nav_b a {
    color:#000000; font-weight:normal; 
	display: block;
	text-align:center;
	text-decoration: none;
}

#nav_b li a:visited {text-decoration: none; color:#000000; font-weight:normal }
#nav_b li a:hover {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center }
#nav_b li a:focus {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center }
#nav_b li a:active {text-decoration: none;  color:#000000; font-weight:normal ; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center}
#nav_b li a.selected {text-decoration: none; color:#000000; font-weight:normal; background-image:url(/images/pointer4.gif); background-repeat:no-repeat; background-position: top center }


#nav_b li.home {width: 6em}
#nav_b li.serv{width: 8em; background-image:url(/images/arrow_down.gif); background-repeat:no-repeat; background-position:top right}
#nav_b li.your{width: 9em}
#nav_b li.publ{width: 8em}
#nav_b li.az{width: 5em}
#nav_b li.cont{width: 8em}









/* Extra Styles for H2 placeholders --------------------------------------------------*/

.placeholdin h2 a:link { color: #000000 !important;  }
.placeholdin h2 a:link {  color: #000000 !important; text-decoration: none!important; }
.placeholdin h2 a:visited { color: #000000; text-decoration: none!important; }
.placeholdin h2 a:hover {color:#000000; text-decoration: underline!important;}
.placeholdin h2 a:focus {color:#000000; text-decoration: underline!important; background-color:#FFFF99 }
.placeholdin h2 a:active {color: #000000; text-decoration: underline!important;  background-color:#FFFF99 }


/* Forms --------------------------------------------------*/	

.formlabel{float:left; width:11em; font-weight:bold; padding: 2px 0px 0px 0px}



/* pTools Styles */


.left{text-align:left;} .right{text-align:right;} .center{text-align:center;}
img.left{border:1px solid #CCCCCC;
float:left;
margin:0 15px 15px 0;}

img.right {
border:1px solid #CCCCCC;
float:right;
margin:0 0 15px 15px;
}

.underline{text-decoration:underline;}




.searchsite {
border:1px solid #888888;
margin:0;
padding:3px 0 2px 5px;
}

#searchsite, .searchsite {
margin-right:-5px;
}

ul#nav li a, ul#nav_l li a {
padding-left:20px;
padding-right:20px;
}

ul#nav ul li a, ul#nav_l ul li a {
padding-left:10px;
padding-right:10px;
}

#nav li.subs, #nav_l li.subs{
background-image:url("/images/arrow_down.gif");
background-position:right top;
background-repeat:no-repeat;
}

a.relLink{margin-left:5px;}

.forminput, .formtextarea{width:264px;}
.formtextarea{height:99px;}

.red{color:Red;}
.contentBanner img {margin:0 0 15px;}

.sitemap {
background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #DDDDDD;
list-style:none outside none;
margin:20px 0; margin-left:0px !important;
}

ul.sitemap{padding-top:5px !important; padding-left:5px !important;}

.Pager {
background-color:#2E3A40;
border:1px solid #FFCC33;
padding:8px;
color:#FFF;
}

.Pager strong {
font-weight:normal;
}

#subhome .Pages a, #subfull .Pages a
{
	COLOR:#FFCC33;
}

#subfull .alphabet a
{
	background-color:#2E3A40;
border:1px solid #FFCC33;
color:#FFFFFF;
padding:1px 2px 1px 2px;  text-decoration:none;
}

#subfull .alphabet a:hover
{
		background-color:#FFCC33;
border:1px solid #2E3A40;
color:#2E3A40;
}

#sub1col{padding:15px;}

.poll td{color:#000;}


#nav_l li ul { /* second-level lists */
	position: absolute;
	background-color:#000000;
	font-size: 90%; 
	font-weight:normal;
	line-height:24px;
	width: 14em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:200000;
}

#nav_l ul li {
text-align:left;
width: 14em;
text-decoration: none;
font-weight:normal;
border-right:0px solid #000000!important;
}

#nav_l ul li a{
text-align:left;
	text-decoration: none;
	width: 14em;
	font-weight:normal;
	padding: 0px 10px 0px 10px;
	color: #FFCC33
	
}




#nav_l ul li a:visited {text-decoration: none; color:#FFFFFF!important; font-weight:normal }
#nav_l ul li a:hover {width: 12.4em; text-decoration: none;  color:#FFFFFF!important; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }
* html #nav_l ul li a:hover {width: 14em; text-decoration: none;  color:#FFFFFF!important; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }

#nav_l ul li a:focus {text-decoration: none;   color:#FFFFFF;!important; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }
#nav_l ul li a:active {text-decoration: none;  color:#FFFFFF!important;; font-weight:normal; background-image:url(/images/nav_bg_hover.gif); background-repeat:repeat-x; }

* +html #nav_l ul li a:focus {width: 12.45em!important;   }
* +html #nav_l ul li a:active {width: 12.45em!important;  }





#nav_l li:hover ul ul, #nav_l li.sfhover ul ul {
	margin-left: -1000em; background-color:#000000; font-weight:normal;
}

#nav_l li:hover ul, #nav_l li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}
#nav_l li li:hover ul, #nav_l li li.sfhover ul {
	margin-left: 10em;
}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav_l li a:focus + ul { margin-left: 0; }
#nav_l li li a:focus + ul { margin-left: 1010em; }
#nav_l li li a:focus { margin-left:1000em; width:12.4em; background-image:url(/images/nav_bg_hover.gif); }
#nav_l li li li a:focus {margin-left: 2010em; width: 12.4em; background-image:url(/images/nav_bg_hover.gif); }
#nav_l li:hover a:focus, #nav_l li.sfhover a.sffocus { margin-left: 0; }
#nav_l li li:hover a:focus + ul, #nav_l li li.sfhover a.sffocus + ul { margin-left: 10em; }
.LeftMore{float:left; width:49%;height:25px;}
.RightMore{float:right; width:49%; text-align:right;height:25px;}
ul.more{height:20px;}

#formplace .question{padding:10px;}
#formplace .text{color:#000; float:none;}
#formplace table td{min-width:50px; text-align:center;padding:4px; margin-bottom:5px;}
#formplace .submit { margin:10px;}

.go { padding: 0px 0px 0px 0px; vertical-align:top; margin: -1px 0px 0px 0px}

a[href$=".zip"] {
  background: url(/images/zip_icon.gif) no-repeat left top;
  padding-left: 25px;
}


a[href$=".pdf"] {
  background: url(/images/icon_pdf.gif) no-repeat left top;
  padding-left: 25px;
}

a[href$=".doc"] {
  background: url(/images/icon_word.gif) no-repeat left top;
  padding-left: 25px;
}


a[href$=".docx"] {
  background: url(/images/icon_word_docx.gif) no-repeat left top;
  padding-left: 25px;
}


a[href$=".xls"] {
  background: url(/images/icon_excel.gif) no-repeat left top;
  padding-left: 25px;
}


a[href$=".xlsx"] {
  background: url(/images/icon_excel_xlsx.gif) no-repeat left top;
  padding-left: 25px;
}