/* Adoption Advocates CSS*/

body{
	font-family: Arial,sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	background-color: #F2E7D0;
	background-image:url(../images/map_bgr.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	text-align: justify;
	overflow: scroll;
}

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

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

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


h1{
 font-family: Arial,sans-serif;
 font-size: 115%;
 color: #003366;
 margin: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #314c80;
 margin: 0px;
 padding-top: 15px;
 padding-bottom:10px;
 text-align: left;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 font-style: italic;
 font-weight:bold;
 color: #314c80;
 margin: 0px;
 padding-top: 3px;
}

#middle_pane ul li{
	list-style-image:url(../images/bullet.png);
	}

ol li{
	list-style-type:decimal;
	}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container_screenwide{
	width: 100%;
	float: left;
}	

#container_pagewide{
	width: 800px;
	background-color: #7392c4;
	margin:auto;
	border-color:#FF0000;
	border-style: ridge;
	border-color: #cc9900;
	border-width: 3.5px;
}

/*********************************** HEADER ******************************************/
/***************************************************************************************/

#header{
	border-bottom: 1.5px solid #cc9900; /** light brown**/
	width: 100%;
	background-color: #22a069; /** green*/
	overflow: hidden;
}

#header_top{
	margin: 0;
	padding:0;
	height: 125px;
	position:relative;
	overflow:hidden;
}

#header_flash{
	height: 125px;
	width: 257px;
	top: 0px;
	right: 0px;
	position: absolute;
	margin:0;
	padding:0;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	overflow:hidden;
}

#page_name{
	margin: 0px;
	padding: 1px 0px 0px 15px;
	position:relative;
}

#phone_number{
	top: 0px;
	right: 0px;
	position: absolute;
	padding: 5px 40px 0px 0px;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing: 2px;
}

#motto{
	padding: 0px 0px 0px 0px;
	border-top: 1.5px solid #cc9900;
	border-bottom: 1.5px solid #cc9900;
	background-color: #314c80;
	margin:auto;
}


/*********************************** FOOTER ******************************************/
/***************************************************************************************/
#footer{
	clear: both;
	border-top: 1.5px solid #cc9900;
	font-size: 75%;
	color: #cc9900;
	padding: 15px 15px 15px 15px;
	position:relative;
	overflow:hidden;
	background-color: #314c80;
}

#footer img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#footer a:hover{
	text-decoration: none;
	color: #CC9900;
}

#footer_designed{
	clear: both;
	font-size: 100%;
	color: #cc9900;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 15px 15px 15px 15px;
	overflow:hidden;
}

/*********************************** LEFT PANE ******************************************/
/***************************************************************************************/
#left_pane{
	float: left;
	width: 20%;
	margin: 0px;
	padding-left: 5px;
	background-color: #314c80; /** dark blue**/
	border-right: 1.5px solid #cc9900;
}

#left_pane ul a:link, #left_pane ul a:visited {display: block;}
#left_pane ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#left_pane li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #left_pane li {border-bottom: none;}

/*********** #left_pane_menu styles ***********/

#left_pane_menu{
	position: relative;
	margin: 0px;
	padding-top: 30px;
	border-bottom: 1px solid #cc9900;
	font-size: 90%;
}

#left_pane_menu h3{
	padding: 10px 0px 2px 10px;
}

#left_pane_menu a {
	display: block;
	border-top: 1px solid #cc9900;
	padding: 3px 0px 3px 10px;
}

#left_pane_menu a:hover{
	background-color: #22a069; /**logo color- green**/
}

/*********** .left_pane_info styles ***********/

.left_pane_info{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	color: #CCCCFF; /** #B3D0FF; light blue**/
}

.left_pane_info h2{
	padding: 10px 0px 2px 0px;
}

.left_pane_info a{
	font-size:70%;
	}
	
.left_pane_info	a:link{
	color: #FFFFFF;
	text-decoration: underline;
}

.left_pane_info a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.left_pane_info hr{
	color: #FFFFFF;
	}
	
.left_pane_info	{
	border-bottom-color:#FFFFFF;
	border-bottom-width:1.5px;
	border-bottom-style:ridge;
}

.left_pane_info2	{
	border-bottom-color:#FFFFFF;
	border-bottom-width:1.5px;
	border-bottom-style:ridge;
}

#left_pane_addr{
	clear: both;
	font-size: 80%;
	color: #B3D0FF;
	position: relative;
	bottom: 0px;
	left: 0px;
	overflow:hidden;
}

img.image_border{
	border:1px solid #FFFFFF;
}