/*created by      : Arunya Olding
  For           : Homelink
  modified by Paul Peterken
  Last Modify   : 06/12/2009 */
  
  body
{
   margin:0 0 10px 0 ;
   padding: 0;
   color: #000;
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;	
	
}	

h1{width:85%; padding: 0.3em 1em 0  0.5em; margin: 15px 0 0 0; font-size: 140%; text-transform: none; line-height: 1.3em; }
h2{width:85%; padding: 1em 1em 0 0.5em; margin: 0; font-size: 120%;   text-transform: none; line-height: 1.3em; }
h3{width:85%; padding: 0.5em 1em 0 0.5em; margin: 0; font-size: 110%;   text-transform: none; line-height: 1.3em; color: #225388; }
p {width:85%;padding: 0.5em 1em 0.3em 0.5em; margin: 0; line-height: 1.3em}
ul{ width: 80%;  margin:0; padding: 0.3em 3em 0.3em 3em;   }
li {margin: 0;padding:0.2em 1em 0.2em 0; list-style:disc; list-style-position: outside; line-height: 1.3em; }

.leftbox{padding: 0; margin: 2px 0 2px 0; float: left; display: block;}
.rightbox{padding: 0; margin: 0; float: right; display: block;}
.clear {clear: both;}
.slogan{text-align: center; margin: 0; padding: 0; font-weight: bolder; font-size: 26px; font-family: Impact;  color: #225388;}
.pic {text-align: center; border: 2px solid #88D5AB; padding: 0.5em;}
.textcenter{text-align: center;}
.findus{padding-top:1em; padding-bottom:1em; padding-left:4em;}
.term {list-style: decimal;}
.text_blu{color: Blue;}



#wrapper
{
	width:900px;
	margin:0;
	padding: 0;	
	background-color: #FFFFFF;
	text-align: center;	
	border-top: 1px solid #D0D0D0;
	border-bottom: 3px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-right: 5px solid #D0D0D0;	
	text-align: left;
}

#maintable
{
  width: 900px; 
  margin: 0;
  padding: 0;	
  background-color: #88D5AB; 
  border-bottom: 25px solid #88D5AB;
  border-right: 6px solid #88D5AB;
  border-left: 2px solid #88D5AB;
  border-top: 2px solid #88D5AB;	 
}

#tdtop
{
	margin: 0;
	padding: 1em 0 0.5em 165px;
	vertical-align: middle;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom: 3px solid #88D5AB;
	border-left: 2px solid #88D5AB;
	border-top: 2px solid #88D5AB;
	background-image: url(../images/bg/curve.gif); background-repeat: no-repeat ;background-position :top;
	
}
#tdcharityno
{ 
   width: 170px;  
	margin: 0 0 0 0; 
	padding: 0.1em 0 0 0; 
	vertical-align: top;
	text-align: center; 
	background-color:#88D5AB; 
	overflow: visible;
	font-weight: bold;
	font-size: 13px;	
	line-height: 1.5em;
 }
#tdtitlebar
{
   margin: 0; 
	padding: 0; 
	vertical-align: middle; 
	text-align: left; 
	background-color: #88D5AB;	
	/*border-bottom: 1px solid #88D5AB;
	background-image: url(../images/bg/divider_52.gif);
	background-position: left;
	background-repeat: repeat-x;	*/
}

.pagename
{
   margin: 0; padding:0em 0.2em 0em 0em; 
	text-align: left; 
	background-color: #88D5AB;	 
	font-size: 18px; 
	font-weight: bolder; 
	font-family: Arial;
	color: #225388;
	float: left;	
 }
.visualoption{ margin:0; padding:0.2em 0 0.2em 0.1em;  text-align: right;background-color: #88D5AB; float: right;}
.visualoption select {color:#225388;font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0;}

#tdleft
{
   margin: 0;
	padding: 0;
	width: 170px;
	height: 0;
	background-color: #88D5AB;
	vertical-align: top;
	text-align: left;
}
/*
#leftinner
{	  
   width: 100%;
	margin: 15px 0px 5px 8px;
	padding: 0.2em;
	text-align: left;	
}

#leftinner ul {list-style: none; padding: 0; margin: 0;}
#leftinner ul li{list-style: none; padding-bottom: 0.7em;}
#leftinner ul li a, #leftinner ul li a:link {text-align:left; text-decoration: none;}


#leftinner ul {list-style: none; padding-left:1.5em; margin: 0;  }
#leftinner ul li {	list-style: none; padding-bottom: 0.7em; }
#leftinner ul li a, #leftinner ul li a:link
{
   color:#000000; 
	font-weight: lighter;
	text-decoration: none; 
	display: block; 
	padding: 0.3em;	
	background-color: #FFFFFF;
	border: 2px solid #5152FF;
	text-align: center; 	
}
#leftinner ul li a:hover{color:#7B0000; }

*/
#leftinner
{
   width: 100%;
	margin: 15px 0px 5px 0px;
	padding: 0.2em;
	text-align: left;	
}

#leftinner ul
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 0 0 1px ;
width: 75%;
}

#leftinner ul li{display: block; margin: 0;padding: 0;}

#leftinner ul li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFFFFF;
text-decoration: none;
background:#225388;/*#5152FF;*/
text-align: left;
}

#leftinner >ul#leftinner li a { width: auto; }



#leftinner ul li a:hover
{
color: #000000;
font-weight: bold;
background: #FFFFFF;
border-color: #000000;
}



#tdcenter
{
 width: 556px;
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;	
 vertical-align: top;
 text-align: left; 
}

#tdcenterandright
{
 width: 730px;
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;	
 vertical-align: top;
 text-align: left; 
}
#centerinner
{
  margin: 5px 0 0 0;
  padding: 0em 1em 1em 1em;
  background-color: #FFFFFF;
  text-align: left;  
}

#tablepic
{
	margin-left: 10px;
	width: 400px;	
	background-color: #88D5AB;
}
.para1{width: 182px; vertical-align: middle; text-align: center; background-color: #005688;}
.para2{width:auto; vertical-align: middle;   text-align: left;  background-color:  #BDE7FF; padding-left:0.8em; padding-right: 0.5em;}
.para3{width:auto; vertical-align: middle;   text-align: center;  background-color:  #BDE7FF;}

#tablepic_carer{width:364px; background-color: #88D5AB; margin-left: 42px; }
.p_para{background-color: #FFFFFF; width: 99%; padding-left: 0; padding-right: 0; margin: 0; }
.clip {background-color:#88D5AB; text-align: center; margin-left: 15px; border: 2px solid #999999; }

#tdright
{
	width: 174px;
	height: 0;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

#rightinner{background-color: #225388;	width: 100%;	padding: 0.1em 0 0.1em 0; margin: 0; overflow: visible;  }

#tdright h1 {width:100%; padding: 0; margin: 0;  text-align: center; background-color: #EEEEEE; font-size: 14px;  border-bottom:2px solid #88D5AB; }
#tdright p {width :85%; padding-left: 0.6em; padding-right: 0; margin: 0; }
#tdright ul {width :80%;  margin: 0; padding-right: 0;  padding-left: 2em; }
#tdright ul li {list-style:circle; }
#tdright span{text-align: center; display: block;}

#box1circ {float: right; margin-top: 10px; margin-right: 20px; width: 35px; }

#box0{margin: 5px 3px 5px 3px;padding:0;background-color:#FFFFFF;text-align:center;display: block;border:none; }
#box1{margin: 10px 3px 5px 3px;padding:0;background-color:#FFFFFF;text-align: left;display: block; border:2px solid #88D5AB;}
#box2{margin: 10px 3px 5px 3px;padding:0;background-color:#FFFFFF;text-align: left;display: block;border:2px solid #88D5AB;}
#box3{margin: 10px 3px 5px 3px;padding:0;background-color:#FFFFFF;text-align: left;display: block;border:2px solid #88D5AB;}
#box4{margin: 10px 3px 5px 3px;padding:0;background-color:#FFFFFF;text-align: left;display: block;border:2px solid #88D5AB;}




#bottom{margin:5px 0 5px 0; padding: 0 1em 0 0; font-size: 12px; font-weight: bold; display: block; text-align: right; }
#bottom ul {display:inline; padding: 0; margin: 0;}
#bottom ul li{ display: inline; list-style: none;}
#bottom ul li a, #tdbottom ul li a:hover{color: #000000; text-decoration: none;}


.patronmes {padding-left: 1em;}
.patrontab {margin-top: 1em;}

#staffpic {margin-left: 50px;}
#lowershopbox {background-color: #FFFF66; border: thin solid #000000; margin-right: 50px; margin-left: 20px;}
#lowershopbox img {float: left; padding-top: 10px; padding-left: 10px;}
#lowershopbox .head {font-size: 130%;}
#lowershopbox p {width: auto;text-align: center;font-weight: bold;}

.applypics {float: right; width: 200px;}
.applypics img {margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;}

#findus {float: right; width: 300px; margin-right: 15px; margin-left: 10px;}
#findus h2{padding-top:1em; padding-bottom:1em; padding-left:4em;}

#linktab td {border-bottom: 3px solid #CCCCCC;	padding: 5px;}


/*==================================================================================================================*/

/*CSS TAB FOR TOP MENU AT CENTER 
#centertop {text-align:left; padding: 0; margin: 23px 0 0 18px; width: 100%;  }
.menu {padding:0; margin:0;list-style-type:none; white-space:nowrap;  }
.menu li { float:left; min-width:50px; padding: 0; margin: 0;  list-style: none; }
.menu a {  position:relative; display:block;  text-decoration:none;  min-width:50px;  float:left;  }
* html .menu a { width:auto; }
.menu a span {
  display:block; 
  color:#FFFFFF; 
  background:#5152FF ; 
  border:1px solid #fff; 
  border-width:2px 1px; 
  text-align:center; 
  padding: 0.2em;
  cursor:pointer; 
  }
* html .menu a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid  #5152FF ; 
  font-weight: normal;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff;
  }
.menu a:hover span {
  color:#fff; 
  background: #08c;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#06a #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }  
  
  */


  
/*css for calendar at calendar events page*/
#monthbox{width:242px; padding: 0; margin:20px 0 0 150px; background-color: #FFFFFF;   border: 1px solid #C4C400 ; display: block;}
#monthbox p {width:100%; padding: 0; margin:0; text-align: center; background-color: #FFFFFF; color: #000000; border-bottom: 1px solid  #C4C400;display: block;}
#monthbox ul {width:100%; background-color: #FFFFFF;  list-style-type: none; display: block; padding: 0; margin: 0;}
#monthbox ul li { background-color: #00CCFF; color: #FFFFFF; text-align: center; list-style-type: none; display: block; padding: 0 0 2px 0; margin:0 0 2px 0; }
#monthbox ul li.left {width: 120px; float: left; } 
#monthbox ul li.right{width: 120px; float: right;} 
#monthbox ul li.last-left { width: 120px; float: left;background-color: #00CCFF; color: #FFFFFF; text-align: center; list-style-type: none; display: block; padding: 0 0 2px 0; margin:0; }
#monthbox ul li.last-right { width: 120px; float: right;background-color: #00CCFF; color: #FFFFFF; text-align: center; list-style-type: none; display: block; padding: 0 0 2px 0; margin:0; }
#monthbox a {color: #000000; text-decoration: none; }  

#eventtable {width: 100%; margin: 10px 0 40px 0;  padding: 0; clear: both; }
#eventtable caption {text-align: left; font-weight: bold; padding-top: 1em; }
#eventtable th, #eventtable td {font-size: 14px; padding:0.3em; margin: 0; color: #000000;text-align: left;  }
#eventtable th.time{width:20%; text-align: center;}
#eventtable td.time{width:20%; text-align: center; vertical-align: top;}
#eventtable th.date{width:20%; text-align: center;}
#eventtable td.date{width:20%; text-align: left; vertical-align: top;}
#eventtable th.title{width:30%; text-align: center;}
#eventtable td.title{width:30%; text-align: left; vertical-align: top;}
#eventtable th.info{width:30%; text-align: center;}
#eventtable td.info{width:30%; text-align: left; vertical-align: top;}

#sitemap { display: block;padding: 120px 10px 0 30px; text-align:left; }
#sitemap ul li{ list-style: none; }
#sitemap ul li a { text-decoration: none;}

/*==============css  acessibility bar layout from select option ======================*/  

#GahVisAccForm { display: inline; margin: 0px; padding: 0px; }
#GahLowVisFacilityForm .header { background-color: #999999; color: #FFFFFF; font-variant: small-caps; font-weight: bold; }
#GahLowVisFacilityForm { display:  }
#whibla { padding-left: 20px; background: url("/inc/visacc/images/whibla.png") no-repeat left center !important; }
#blawhi { padding-left: 20px; background: url("/inc/visacc/images/blawhi.png") no-repeat left center !important; }
#zoomin { padding-left: 20px; background: url("/inc/visacc/images/zoomin.png") no-repeat left center !important; }
#reset { padding-left: 20px; background: url("/inc/visacc/images/reset.png") no-repeat left center !important; }
#more { padding-left: 20px; background: url("/inc/visacc/images/more.png") no-repeat left center !important; }
#hlpopt { padding-left: 20px; background: url("/inc/visacc/images/hlpopt.png") no-repeat left center !important; }
.fullpreviewbox a { display:block; padding: 0.5em; border: 1px solid #000; margin: 0.5em 3em 0.5em 0em; text-decoration: none; font-weight: bold; }
.fullpreviewbox a:hover { text-decoration: underline; }
#fullwhiblu { background-color: #3333CC; color: #FFFFFF; }
#fullwhibla { background-color: #000000; color: #FFFFFF; }
#fullyelbla { background-color: #000000; color: #FFFF00; }
#fullblawhi { background-color: #FFFFFF; color: #000000; }
#fullcyabla { background-color: #000000; color: #66CCCC; }
#fullusucol { background-color: #CC3300; color: #FFFFFF; }
#fullgrebla { background-color: #000000; color: #99FF33; }
#fullblacre { background-color: #F5F5E6; color: #000000; }