
/* style.css */

/* CSS Menus - Vertical CSS Menu - Suckerfish */

body {
	font-family: arial, helvetica, serif;
	}
	
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float: left;
		width: 168px;
	}

		
	#nav li { /* all list items */
		position: relative;
		float: left;
		line-height: 1.25em;
		margin-bottom: -1px;
		width: 168px;
		text-align:center;
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		left: -999em;
		margin-left: 168px;
		margin-top: -1.35em;
	}
	
	#nav li a {
		width: 168px;
		w\idth: 160px;
		display: block;
		font-size: small;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		background-color: #b1b1b1;
		border: 4px solid;
		border-top-color: #DFDFDF;
		border-right-color: #666;
		border-bottom-color: #333;
		border-left-color: #858585;
		
		
}
		
	#nav li a:hover {
		color: white;
		background-color: #404133;
	}
	
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

#link1 {list-style-image: url(images/paw_rd.gif);
}

table {width: 100%; }

td  {padding: 5px; }

.header1 {
	color: red;
	font-size: 175%;
	text-align: center;
}

.header2 {
	color: red;
	font-size: 125%;
	text-align: center;
}

h3 {
	color: red;
	font-size: 100%;
}

/* Body Wrapper */
#wrap {
	width: 801px;
	margin: 0 auto;
	background-color: #eee;
	float: left;
 				
}

/* Page header style */
#header {
	width: 560px;
	background-color: #d1bd8a;
	padding-left: 60px;
	margin-left: 180px;
	height: 160px;
	border-bottom: 12px solid #404133; 
}

/* Page footer style */
#footer {
	width: 800px;
	
	background-color: #404133;
     	height: 110px;
     	border-top: 12px solid #d2bc33;
	clear: both;
}

/* Style for sidebar column */
#sidebar {
	position: relative;
	background-color: #404133;
	color: #d2bc33;
        float: left;
        height: 700px;
	border-right: solid 12px #d2bc33;
	width: 168px;
     /* Total width is 180px */
}

/* Style for main content column */
#main {
	background-color: #eee;
	margin: 0px;
	padding: 10px 10px 0 10px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	overflow: auto;
}

/* Style for shelter address */
#address {
	margin-bottom: 5px; 
	margin-left: 12px;
	padding-top: 8px;
	
}

/* Style for News iframe */
#frame {
	margin-bottom: 5px; 
	margin-left: 160px;
	
}

/* Style for Shelter Hours */
#hours {
	padding: 5px 30px 5px 0px;
	font-size: 9pt;
	text-align: center;
	color: #fff;
	clear: left;
	
}

#hours ul {
	list-style: none;
}


.copyright {
	font-size: small;
	height: 20px;
	width: 788px;
	margin: 0px;
	padding-left: 12px;
	background-color: #ccc;
}

.copyright2 {
	clear: both;
	font-size: small;
	height: 20px;
	width: 788px;
	border-top: 12px solid #d2bc33;
	padding-left: 12px;
	background-color: #ccc;
}

.center {
	
	text-align: center;
}

.logo {
	border-bottom: 6px solid #d2bc33;
}

/* Body Wrapper for alt sheets */
#wrap2 {
	width: 801px;
	height: 682px;
	margin: 0 auto;
	background-color: #eee;
	float: left;
}

/* Style for sidebar column, alt pages */
#sidebar2 {
	position: relative;
	background-color: #404133;
	color: #d2bc33;
        float: left;
        height: 680px;
	border-right: solid 12px #d2bc33;
	width:168px;
     /* Total width is 180px */
}

/* Style for main content column wish list */
#main_wishlist {
	font-family: "lucida calligraphy", arial;
	font-size: small; 
	line-height: 110%;
	text-align: center;
	background-color: #eee;
	height: 475px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
}

/* Style for main content column Adoption */
#main_adoption {
	font-family: arial, sans-serif;
	font-size: small;
	line-height: 110%;
	text-align: center;
	background-color: #eee;
	height: 479px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	overflow: auto;
}

/* Style for main content column Contact */
#main_contact {
	font-family: arial, sans-serif;
	font-size: medium;
	line-height: 90%;
	text-align: center;
	background-color: #eee;
	height: 488px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
}

/* Style for main content column Hours */
#main_hours {
	font-family: arial, sans-serif;
	font-size: medium;
	line-height: 90%;
	text-align: center;
	background-color: #eee;
	height: 488px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	overflow: auto;
}

/* Style for main content column Links */
#main_links {
	font-family: arial, sans-serif;
	font-size: medium;
	line-height: 110%;
	text-align: center;
	background-color: #eee;
	height: 488px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	overflow: auto;
}

/* Style for main content column fees */
#main_fees {
	font-family: arial, sans-serif;
	font-size: medium;
	line-height: 130%;
	background-color: #eee;
	height: 489px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
}

/* Style for main content column faqs */
#faqs {
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: small;
	line-height: 110%;
	background-color: #eee;
	height: 489px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	
}

/* Style for main content column Volunteer */
#main_volunteer {
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: small;
	line-height: 120%;
	background-color: #eee;
	height: 489px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	
}

/* Style for main content column News and 
Events */

#main_newsevents {
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: small;
	line-height: 120%;
	background-color: #eee;
	height: 489px;
	padding: 10px 15px 0 15px;
			
     /* margin-left must equal*/
     /* total width of left sidebar */
     	margin-left: 180px;
	
}

/* Style for shelter address on alt pages */
.address2 {
	position: relative;
	bottom: -150px;
	left: 12px;	
	
}

/* Style for shelter address on Adoption Page */
.address_adoption {
	position: relative;
	bottom: -90px;
	left: 12px;	
	
}

/* Style for shelter address on Links Page */
.address_links {
	position: relative;
	bottom: -75px;
	left: 12px;	
	
}