/* HomeAid : 12/03/07 */

/* ===== GLOBAL ================================================= */
* {margin:0; padding:0; border:0;}

body {/**/
	background:url(../media/images/bg_global.gif) center top repeat;
	text-align:center;
	padding:20px;
}

html,body,div,p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5d6d76;
}

#container div, p {line-height:19px;}

p, .mb {margin-bottom:10px;}

#shelters .mb {margin-bottom:40px;}

h1 {font-size:10px; text-transform:uppercase; border-bottom:#bcbcbc solid 1px;}
#shelters h1, #supporters h1 {margin-top:25px;}

#container {
	margin:0 auto;
	text-align:left;
	width:730px;
	border:#5d6d76 solid 6px;
	padding:12px;
	
	/*padding-bottom:50px;*/
	/*background:url(../media/images/bg_global.jpg) center top repeat;*/
}

#disclaimer {
	margin:0 auto;
/*	text-align:center;*/
	border:#a0a9ae solid 6px;
	background:#FFFFFF;
	padding:12px;
}

#banner{
	width:766px;
	margin:0 auto;
	padding-bottom:30px;}

#header {
	height:112px;
	margin-bottom:10px; 
	/*background: url(../media/images/logo_homeaid.png) no-repeat right top;*/
}



#sect_title {
	float:left; 
	width:442px; 
	height:26px; 
	margin-left:178px; 
	margin-top:86px;
}

.sect_home {
	background: url(../media/images/title_home.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/images/title_home.png',sizingMethod='crop'); 
}

.sect_aboutus {
	background: url(../media/images/title_aboutus.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/title_aboutus.png',sizingMethod='crop'); 
}

.sect_shelters {
	background: url(../media/images/title_shelters.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/title_shelters.png',sizingMethod='crop'); 
}

.sect_supporters {
	background: url(../media/images/title_supporters.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/title_supporters.png',sizingMethod='crop'); 
}

.sect_joinus {
	background: url(../media/images/title_joinus.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/title_joinus.png',sizingMethod='crop'); 
}

.sect_events {
	background: url(../media/images/title_events.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/title_events.png',sizingMethod='crop'); 
}

.sect_contactus {
	background: url(../media/images/title_contactus.png) no-repeat left top !important; 
	background: url(none) no-repeat left top;
	/* below needs to be pathed relative to the page this class is in - for IE png fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/title_contactus.png',sizingMethod='crop'); 
}

.newsarchive  {
	list-style:disc;
	padding-left:25px;
	line-height:10px;
	
	}
.newsarchive  li {margin-bottom:10px;
}

.newsarchive a{
	text-decoration:none; 
	font-size:9px;
	
	}


#inner_container {
	min-height:450px;
	margin-left:178px; 
	padding:8px; 
	border:#cecece solid 1px;
	background:#FFFFFF;
	/*background: url(../media/images/bg_innercontainer.png) repeat;*/
	/*	TEST : SEMI-TRANSPARENCY 
	filter: alpha(opacity=55); -moz-opacity: .55; background-color:#FFFFFF;*/
	 
}

#col_left {
	float:left; 
	width:96px;
	height:322px; 
	/*margin-right:10px;*/
}

#projPlay {
	margin:3px 0; 
	padding:5px; 
	background:#708d9e; 
	text-align:center; 
	color:#FFFFFF; 
	line-height:12px !important; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
}

#projPlay a {
	color:#FFFFFF; 
	text-decoration:none;
}

#content {
	/*float:left;*/
	margin-left:104px;
}
#contentpop {
	margin:10px 0;
	text-align:justify;
}

#rss_feed {
	margin:0 auto;
	width:766px;
	height:74px;
	text-align:left;
	background:#a0a9ae;
}

#footer {
	margin:0 auto;
	width:764px;
	height:86px;
	background:#FFFFFF;
	border:#cecece solid 1px;
	font-size:9px;
	padding:5px 0;
}

#footer_info {width:605px; float:left; margin-top:30px;}

#col_A {width:190px; float:left; border-right:#bcbcbc solid 1px; padding-left:20px; padding-right:5px; margin-right:15px;}
#col_B { padding-left:5px; }

hr {
	margin:5px 0;
	border-bottom:#bcbcbc double 3px;
}

/* =============   For PHP Logo Grabber ============================*/
#logo_sponsors img {margin:10px 0;}
#logo_supporters img {margin:10px 0 0 15px;}
#logo_partners img {margin:10px 0;}

a {
	color:#5d6d76;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}
/* ===== BACKGROUNDS ========================================================================= */
.bg1 { background:#FFFFFF url(../media/images/bg_001.jpg) no-repeat; }
.bg2 { background:#FFFFFF url(../media/images/bg_002.jpg) no-repeat; }
.bg3 { background:#FFFFFF url(../media/images/bg_003.jpg) no-repeat; }
.bg4 { background:#FFFFFF url(../media/images/bg_004.jpg) no-repeat; }
.bg5 { background:#FFFFFF url(../media/images/bg_005.jpg) no-repeat; }
.bg6 { background:#FFFFFF url(../media/images/bg_006.jpg) no-repeat; }
.bg7 { background:#FFFFFF url(../media/images/bg_007.jpg) no-repeat; }
.bg8 { background:#FFFFFF url(../media/images/bg_008.jpg) no-repeat; }
.bg9 { background:#FFFFFF url(../media/images/bg_009.jpg) no-repeat; }
.bg10 { background:#FFFFFF url(../media/images/bg_010.jpg) no-repeat; }
.bg11 { background:#FFFFFF url(../media/images/bg_011.jpg) no-repeat; }


/* ===== NAV ========  USE META FOR SUBNAVS!!!!!  ======================================= */
#nav {
	width:96px;
    height:202px; 
    background:url(../media/images/nav.gif);
	margin:auto;
    padding: 0;
    position: relative;
}	
	
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:21px;display:block;
}
#nav_visit li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:34px;display:block;
}

#nav li ul{
  padding:0;
  margin:0;
  height:auto;
}	
  
   
#nav a{
  	display:block;
	height:21px;
	width:100%;
}	

#nav_visit a {
  	display:block;
	height:34px;
	width:100%;
}	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block;}

#nav li ul {
  display: none;
  position: absolute; 
  top: 0px;
  left: 0px;
}

#nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0;
	margin-top: 0;
}
	
#nav li:hover ul, #nav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/	
	#nav_home{left:0px;top:0px; width:96px; height:21px;}
	#nav_aboutus{left:0px;top:24px; width:96px; height:21px;}
	#nav_shelters{left:0px;top:48px; width:96px; height:21px;}
	#nav_supporters{left:0px;top:72px; width:96px; height:21px;}
	#nav_joinus{left:0px;top:96px;height:21px;width:96px;}
	#nav_events{left:0px;top:120px; width:96px; height:21px;}
	#nav_contactus{left:0px;top:144px; width:96px; height:21px;}
	#nav_visit{left:0px;top:168px; width:96px; height:34px;}

	#nav_home a:hover, #home #nav_home{
    background: transparent url(../media/images/nav.gif)
    -96px 0px no-repeat;}

	#nav_aboutus a:hover, #aboutus #nav_aboutus{
    background: transparent url(../media/images/nav.gif)
    -96px -23px  no-repeat;}

	#nav_shelters a:hover, #shelters #nav_shelters{
    background: transparent url(../media/images/nav.gif)
    -96px -47px no-repeat;}
	
	#nav_supporters a:hover, #supporters #nav_supporters{
	background: transparent url(../media/images/nav.gif)
    -96px -71px no-repeat;}
	
	#nav_joinus a:hover, #joinus #nav_joinus{
	background: transparent url(../media/images/nav.gif)
    -96px -95px no-repeat;}
	
	#nav_events a:hover, #events #nav_events{
	background: transparent url(../media/images/nav.gif)
   	-96px -119px no-repeat;}
	
	#nav_contactus a:hover, #contactus #nav_contactus{
	background: transparent url(../media/images/nav.gif)
   	-96px -143px no-repeat;}
	
	#nav_visit a:hover, #visit #nav_visit{
	background: transparent url(../media/images/nav.gif)
   	-96px -167px no-repeat;}
	


/* ===== NAV_SUB =================================================================== */
#nav_sub{
	/*width:452px;*/
	margin-left:104px;
	/*color:#5d6d76;*/
	font-size:9px;
	margin-bottom:2px;
	padding:0;
	text-align:right;
	border-bottom:#bcbcbc double 3px;
}

#nav_sub li {display:inline;}

#nav_sub li a {
	color:#5d6d76;
	font-weight:bold;
	text-transform:lowercase;
	text-decoration:none;
	padding:0 5px;
	margin:5px 0;
}



#nav_sub li a:hover, * #nav_sub li.selected a {
	color:#bcbcbc;
}

/* ===== FORM ELEMENTS =================================================================== */	
label {display:block;} /* block = 100% width */

.required {font-weight:bold;}

.input, select {
	width:175px;
	border:#f3c875 solid 1px;
	margin-bottom:5px;
	padding:2px;
}

input.cb {
	margin-right:10px;
}

.cb_sep {margin:0 10px;}

.button {
	
	background:#5d6d76;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	border:0;
	padding:3px;
	width:auto;
}

.button:hover {
	background:#f3c875;
}

.fl {float:left;}
.fr {float:right;}	

.err {
	font-weight:bold;
	color:#FF0000;
}
	
/* ====== BROWSER HACKS : DON'T DELETE ================================= */

/*--------- CLEARFIX ---------*/
#inner_container:after, .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
#inner_container, .clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
	* html #inner_container, * html .clearfix {height: 1%;}
	#inner_container, .clearfix {display: block;}
/* End Holly Hack */
/*----------- END CLEARFIX -------------------*/

	
/*textarea{resize:none;}  Safari */
	
/* ====== end BROWSER HACKS : DON'T DELETE ================================= */