@charset "utf-8";
/* Sky Background */
body {
	background-color: #87d2f2;
	background-image: url(../images/sky1.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:14px;
}

/* jeneral */


A {
	COLOR: #5dab2b;
}
A:link {
	COLOR: #5dab2b;
	text-decoration:none;
}
A:visited {
	COLOR: #7a1328;
}
A:hover {
	COLOR: #5dab2b;
	text-decoration:underline;
}

p {
	line-height: 1.4em;
}
/* Headers */

h1,
.contentheading{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #80162d;
text-decoration: none;
padding-top:5px;
padding-bottom: 30px;

}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#80162d;
text-decoration:none;
padding-bottom: 10px;
}

.redTitle a:link,
.redTitle a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#81a305;
	text-decoration:underline;
	clear:both;
   font-weight:bold;
}

.redTitle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#80162d;
	text-decoration:underline;
	clear:both;
}


.redsubTitle a:link,
.redsubTitle a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#81a305;
	text-decoration:underline;
	clear:both;
   font-weight:bold;
}

.redsubTitle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#80162d;
	text-decoration:underline;
	clear:both;
}





/* Main navigation */
#nav { 
height: 30px; 
width: 840px; 
background: url("../images/nav.jpg") no-repeat; 
margin: 0 0 6px 0; 
text-transform: uppercase; 
z-index:20;

}

#nav li { 
float: left; 
}
#nav a { 
color: #4C5956; 
display: block; 
height: 30px; 
line-height: 30px; 
margin: 0; 
overflow: hidden; 
position: relative; 
text-align: center; 
text-decoration: none;
}
#nav a span { 
background-repeat: no-repeat; 
display: block; 
height: 100%; 
left: 0; 
position: absolute; 
top: 0; 
width: 100%; 
cursor: pointer;
}
#nav a:hover { 
background-color: #EAEEEE; 
color: #4C5956; 
}
#nav a:hover span, #nav a.current span, #nav li.hover a span { 
background-position: left bottom; 
}
#nav .nav01 a { width: 68px; }
#nav .nav02 a { width: 83px; }
#nav .nav03 a { width: 89px; }
#nav .nav04 a { width: 80px; }
#nav .nav05 a { width: 117px; }
#nav .nav06 a { width: 109px; }
#nav .nav07 a { width: 98px; }
#nav .nav08 a { width: 105px; }
#nav .nav09 a { width: 91px; }
#nav .nav01 a span { background-image: url("../images/button-home.jpg"); }
#nav .nav02 a span { background-image: url("../images/button-aboutus.jpg"); }
#nav .nav03 a span { background-image: url("../images/button-facilities.jpg"); }
#nav .nav04 a span { background-image: url("../images/button-services.jpg"); }
#nav .nav05 a span { background-image: url("../images/button-news.jpg"); }
#nav .nav06 a span { background-image: url("../images/button-residents.jpg"); }
#nav .nav07 a span { background-image: url("../images/button-volunteers.jpg"); }
#nav .nav08 a span { background-image: url("../images/button-fund.jpg"); }
#nav .nav09 a span { background-image: url("../images/button-contactus.jpg"); }




/* Top header */
#header{
	width: 860px;
	height:106px;
	margin: 0 auto;
	margin-bottom:10px;
}

/* Top header logo */
#logo{
	width: 445px;
	height:106px;
	float:left;

}
/* Top Nav links */
#topnav{
	width: 375px;
	height:55px;
	padding-top: 8px;
	padding-left: 40px;	
	float:left;
	background-image:url(../images/top-navigation-bg.gif);
	background-repeat:no-repeat;
}

#topmenu li{
list-style: none;
margin:0;
padding:0;
float:left;
}

#topmenu li a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
padding-left:60px;

}

#topmenu li a:hover{
color:#999999;
text-decoration:underline;
}

#topmenu a:active{
color:#791227;
text-decoration:none;
}

/*searchbox*/

#searchbox{
	width: 240px;
	height:20px;
	padding:15px 0 0 0;
	float:right;
	
	
}

/* spacer*/


#spacer3{
    width:840px;
	height:27px;
	margin:0 auto;
	float:left;

}


/*main container*/
#maincontainer {
	width: 840px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:10px;
}


.dropshadow1{
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	margin: 10px 0 10px 0 !important;
	margin: 10px 0 10px 0;
	width: 860px;



}

.dropshadow2 {
	position:relative;
	bottom:6px;
	right: 6px;

	

}

/*main container navigation*/
#navigation-container{
width:840px;
margin:0 auto;
height:42px;
margin-bottom:7px;
background-color:#dddddd;


}


/*main banner*/
#mainbanner-container{
width:840px;
height:324px;
}

#mainbanner{
width:539px;
height:324px;
background-color:#66CC66;
float:left;
margin-right:16px;
background-image:url(../images/mainbanner-01.jpg);
}

.transbox
  {
  width: 104px;
  height: 324px;
  margin-left:19px;
  }
  
/* main banner menu */

#mainbannernav li { 

  margin-left:7px;
}
#mainbannernav a { 
color: #4C5956; 
display: block; 
height: 64px; 
line-height: 30px; 
margin: 0 0 1.7px; 0; 
overflow: hidden; 
position: relative; 
text-align: center; 
text-decoration: none;
}
#mainbannernav a span { 
background-repeat: no-repeat; 
display: block; 
height: 100%; 
left: 0; 
position: absolute; 
top: 0; 
width: 100%; 
cursor: pointer;
}
#mainbannernav a:hover { 
color: #4C5956; 
}
#mainbannernav a:hover span, #mainbannernav a.current span, #mainbannernav li.hover a span { 
background-position: left bottom; 
}
#mainbannernav .nav01 a { width: 97px; }
#mainbannernav .nav02 a { width: 97px; }
#mainbannernav .nav03 a { width: 97px; }
#mainbannernav .nav04 a { width: 97px; }
#mainbannernav .nav05 a { width: 97px; }
#mainbannernav .nav01 a span { background-image: url("../images/button-mainbanner-facilities.png"); }
#mainbannernav .nav02 a span { background-image: url("../images/button-mainbanner-services.png"); }
#mainbannernav .nav03 a span { background-image: url("../images/button-mainbanner-residents.png"); }
#mainbannernav .nav04 a span { background-image: url("../images/button-mainbanner-volunteers.png"); }
#mainbannernav .nav05 a span { background-image: url("../images/button-mainbanner-donors1.png"); }


#news{
width:285px;
height:324px;

float:left;


}
#newsbox{
width:260px;
height:270px;
border:1px solid #8cc709;
position:relative;
top:-3px;
padding:10px;
}
#newsbox1{
width:260px;
height:270px;
border:1px solid #8cc709;
position:relative;
top:-3px;
padding:10px;
}
/*bottom container*/


/*bottom boxes*/

#tour-container{
width:840px;
height:176px;
margin-top:25px;


}
#tour{
width:182px;
height:176px;
float:left;

}

.dotline{
width:18px;
height:176px;
float:left;
background-image:url(../images/dot.gif);
background-repeat:repeat-y;
}
#dot-hor{
width:840px;
height:30px;
background-image:url(../images/dot-hor.gif);
background-repeat:repeat-x;
}

.dot{
width:585px;
height:30px;
background-image:url(../images/dot-hor.gif);
background-repeat:repeat-x;
}


#photogallery{
width:180px;
height:176px;
float:left;
}
#contactus{
width:138px;
height:176px;
float:left;
margin-left:5px;
}

#advbanner{
width:277px;
height:176px;
float:right;
}
#advbanner1{
width:272px;
height:80px;
float:right;
margin-bottom:8px;
}
#advbanner2{
width:134px;
height:87px;
float:left;
padding-left:6px;
margin-right:6px;
}
#advbanner3{
width:118px;
height:77px;
padding:7px 5px 2px 5px;
float:left;
border:1px #adadad solid;

}

/*sponsors*/	
#sponsors-container{
width:840px;
margin:0 auto;

}
#sponsors{
width:840px;
height:26px;

}
#sponsors1{
width:770px;
height:60px;
margin:0 auto;
padding:20px 30px 20px 40px;

background-color:#f1f1f1;
}
.sponsors-box1{
width:234px;
height:60px;
margin-right:28px;
float:left;

}
.sponsors-box2{
width:234px;
height:60px;
float:left;
}


/*FORM*/	
.input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	padding: 2px;
}

/*flickr style*/


DIV#flickr {

WIDTH: 180px; 
height:125px;
}

DIV#flickr UL LI {
	FLOAT: left; 
	MARGIN: 0px 4px 4px 0px;
}
DIV#flickr UL LI A {
	BORDER-RIGHT: #adadad 2px solid; 
	BORDER-TOP: #adadad 2px solid; 
	DISPLAY: block; 
	BORDER-LEFT: #adadad 2px solid; 
	WIDTH:52px;
	height:55px;
	BORDER-BOTTOM: #adadad 2px solid; 
	POSITION:relative;	
}
DIV#flickr UL LI A:hover {
	BORDER-RIGHT: #ff43a8 2px solid; 
	BORDER-TOP: #ff43a8 2px solid; 
	BORDER-LEFT: #ff43a8 2px solid;
	 BORDER-BOTTOM: #ff43a8 2px solid;
	} 
	
/*flickr style images inner page*/	
	
DIV#flickr1 {

WIDTH: 585px; 
height:125px;
}

DIV#flickr1 UL LI {
	FLOAT: left; 
	MARGIN: 0px 6px 4px 0px;
}
DIV#flickr1 UL LI A {
	BORDER-RIGHT: #adadad 2px solid; 
	BORDER-TOP: #adadad 2px solid; 
	DISPLAY: block; 
	BORDER-LEFT: #adadad 2px solid; 
	WIDTH:52px;
	height:55px;
	BORDER-BOTTOM: #adadad 2px solid; 
	POSITION:relative;	
}
DIV#flickr1 UL LI A:hover {
	BORDER-RIGHT: #ff43a8 2px solid; 
	BORDER-TOP: #ff43a8 2px solid; 
	BORDER-LEFT: #ff43a8 2px solid;
	 BORDER-BOTTOM: #ff43a8 2px solid;
	} 
	
	
	 
#nextbutton{
width:176px;
height:19px;
float:left;
}

/*footer*/
#footer-container{
width:820px;
height:30px;
margin:0 auto;
background-image:url(../images/footer-bg.jpg);
background-repeat:repeat-x;
padding:10px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#d0adb4;
text-decoration:none;

}
#footer-left{
width:450px;
height:30px;
float:left;
}
#footer-right{
width:200px;
height:30px;
float:right;
}
#fottermenu li{
list-style: none;
margin:0;
padding:0;
float:left;
}

#fottermenu li a{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#d0adb4;
text-decoration:none;
padding-left:19px;
}

#fottermenu a:hover{
text-decoration:underline;
}

#fottermenu a:active{
text-decoration:underline;
}


#fotterleft li{
list-style: none;
margin:0;
padding:0;
float:left;
}

#fotterleft li a{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#d0adb4;
text-decoration:none;
padding-right:15px;
}

#fotterleft a:hover{
text-decoration:underline;
}

#fotterleft a:active{
text-decoration:underline;
}


/*innerpage header*/
#innerheader{
width:840px;
height:70px;
background-color:#b2d33c;
margin-bottom:10px;

}
#headertext{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#FFFFFF;
width:355px;
padding-top:25px;
padding-left:20px;
float:left;
line-height:25px;
}

#headerimage{
width:430px;
float:right;
height:70px;
}



/*innerpage left nav*/



#leftnav-container{
float:left;
width:200px;
margin-right:25px;
margin-bottom:25px;
}

#markermenu ul{
list-style-type:none;
width: 200px;
margin: 0;
padding: 0;
float:left;

}

img.spacer{
  clear:both;
  margin: 0;
  padding: 0;
}

#markermenu ul li a{
background: white url(../images/arrow-list.gif) no-repeat 2px center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
display: block;
padding: 10px 0;
padding-left: 20px;
text-decoration: none;
border-bottom:1px dotted #d2d1d1;
}



#markermenu ul li a:visited, #markermenu ul li a:active{
color:#7a1229;
background-image:url(../images/arrow-list-red.gif); 


}

#markermenu ul li a:hover{
background-color:#f1f1f1;
background-image:url(../images/arrow-list-red.gif); 
}


/*innerpage content area*/
#content-area{
width:830px;
margin-left:10px;
}


#innercontent{
width:604px;

}

/* breadcrumbs */
#breadcrumbs{
padding-top:10px;
padding-bottom:10px;
width:565px;
color:#666666;
margin-bottom:7px;
font-size:10px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited{
 color:#666666;
 text-decoration:underline;
}

#breadcrumbs a:hover{
 color:#5dab2b;
 text-decoration:underline;
}

/* top */
#top{
width:300px;
float:right;

}

/* bulletlist */
.ul {
  list-style: none;
  margin-left:0;
  padding:0;
}


ul.bullet-arrow li{
  list-style-image: url("../images/bullet-arrow.gif");
  margin-left:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  line-height:20px;
 }

li.bullet-arrow {
  list-style-image: url("../images/bullet-arrow.gif");
}



/**** FERNAN new css *****/
.small,
.createdate,
.modifydate{
   font-size:10px;
}

span.small,
.createdate{
   display:none;
}


.modifydate{
   padding-top:10px;
}

/* standard table from iwan */
#standardtable p {margin:0;}
#standardtable table a,
#standardtable table a:link,
#standardtable table a:visited {
	border:none;
	}							
	
#standardtable table {
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
		border-collapse:collapse;
	}
#standardtable caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
#standardtable tr.odd td	{
	background:#f7fbff
	}
#standardtable tr.odd .column1	{
	background:#f4f9fe;
	}	
#standardtable .column1	{
	background:#f9fcfe;
	}
#standardtable td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	text-align:center;
	padding: 5px;
	}				
#standardtable th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
#standardtable thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
#standardtable tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
#standardtable tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
#standardtable tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}