* CSS Document */



/* #colours

#770425 - red
#382626 - brown

*/

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;

}

p {
	margin: 0px;
}

a:link {
	color: #770425;
}

a:visited {
	color: #382626;
}

a:hover {
	color: #F3ABB4;
}

body {
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	margin: 0px;
	text-align: center;
	height: 100%;
}

h1 {
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #770425;
	margin-bottom: 10px;
}

h2 {
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 1.2em;
	font-weight: bold;
	color: #770425;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3 {
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 1.0em;
	font-weight: bold;
	color: #770425;
	margin-top: 0px;

}

#wrapAll {
	width: 100%;
	margin: 0px auto 0px auto;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	
}

#pageMainContainer {
	background-image: url(../images/page_bg.gif);
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 10px;
	position:relative;
	overflow:hidden;
	
}

#pageMain {
	font-family: Verdana, Arial, sans-serif;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	text-align: left;
	padding-bottom: 15px;

}

#pageHeaderContainer {
	background-image: url(../images/header_aep_repeat.jpg);
	background-repeat: repeat-x;
}

#header {
	background-image: url(../images/header_aep.jpg);
	width: 960px;
	height: 160px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	position: relative;
}

#menuContainer {
	background: #770425;
	height: 26px;
}
hr {
	border:none;
	height:1px;
	margin-bottom:25px;	
	}
	
#menu {
	width:960px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin-left:auto;
	margin-right:auto;
	}

#menu ul {
	margin:0;
	padding:0px 10px 0 0px;
	list-style:none;	
	}

#menu li {
	font: "Trebuchet MS";
    color: #4D4D4D;
	display:inline;
	margin:0;
	padding:0;	
}

#menu a {
	float:left;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	color:#382626;
}

#menu a span {
	float:right;
	display:block;
	padding:5px 20px 5px 20px;
	color:#fff;	
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}

/* End IE5-Mac hack */
#menu a:hover span {
	background-color:#FFFFFF;
	color:#999999;
}

#menu a:hover {
	background-position:0% -42px;
}

#menu a:hover span {
	background-position:100% -42px;
	color:#4D4D4D;
}
	
#pain {
	width:960px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
} 

#footer {
	height: 120px;
	margin-left: auto;
	border-top: solid 1px #CCCCCC;
	margin-right: auto;
}

#footerFlags{
	background-color:#fff;
	height: 75px;
	width: 960px;
	margin: 10px auto 10px auto;
}

#footerText{
	width:960px;
	margin-left: auto;
	margin-right: auto;
}

#footerColRight{
	float:right;
}

#footerColLeft{
	float:left;

}

#fullWidthContainer{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	position:relative;
	background-color: #FFFFFF;
	overflow:hidden;

}

#photoText {
	padding: 10px;
	width:480px;
	float: left;

}

#photoText1 {
	padding: 10px;
	width:450px;
	float: left;

}

#indexPhotoRight {
	width:350px;
	float: right;
	background-color:#FFFFFF;
	margin-top: 15px;
	margin-right: 25px;

}

#indexDraizeText {
	background-color:#E6E6E6;
	padding:10px;
	width:342px;
	


}

#rightText {
	width:380px;
	float: right;
	background-color:#E6E6E6;
	padding:10px;
	

}

#photos{
	float: right;
	margin:15px;

}

#photosLeft{
	margin-top:15px;
	width:540px;
	float: left;
	margin-left: 15px;

}

#indexMonkeyLeftText{
	background-color:#E6E6E6;
	padding:10px;

}

#photos250Left{
	height: 250px;
	width: 250px;
	float: left;
	margin-bottom: 15px;
}

#photos250Right{
	height: 250px;
	width: 250px;
	float: right;
	margin-bottom: 15px;
}

#photosCosPg{
	width:515px;
	float: right;
	margin-top:15px;
	margin-right:15px;

}

#photosSectionPg{
	width:580px;
	float: right;
	margin-top: 15px;

}

#sectionText{
	width:350px;
	float: left;
	margin:15px;
}


#photos160Right{
	height: 160px;
	width: 160px;
	float: right;
	padding: 5px;
	margin: 10px;
	border: solid 1px #CCCCCC;
}

#photoMain{
	width:715px;
	float:left;
	margin-top:15px;
	margin-left:15px;
	text-align:center;
}


#photoCaption{
	width:693px;
	float: left;
	margin-top:15px;
	margin-left:15px;
	border: solid 1px #CCCCCC;
	padding:10px;
}

.linkblock{
	display:block;
	text-decoration:none;
}

	
	

#titleImage{
	width: 180px;
	margin-bottom: 15px;
}

#help{
	width:190px;
	float: right;
	margin-top:15px;
	border: solid 1px #CCCCCC;
	margin-right: 15px;
	padding:5px;
}

#donate{
	margin-top: 10px;
	float: right;
}



#copyright{
	margin-top:15px;
	margin-bottom:15px;

}

.flagSmall{
	width: 96px;
	float:left;
}
#paginationDiv
{
	float: right;
	clear: both;
	width: 100%;
	padding:10px;	
}
#contactFormDiv
{	
	margin-top:15px;
	margin-right: 15px;
	margin-left: 15px;
	float:left;
	border: 1px solid #CCCCCC;
	padding:10px;
}

#contact_telno-label, #contact_name-label, #contact_email-label, #contact_msg-label{
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 1.0em;
	font-weight: bold;
	color: #770425;
	margin-top: 0px;	
}



#contactDetailsDiv
{
	width: 250px;
	float: left;
	margin-top:15px;
	margin-left: 15px;
	border: 1px solid #CCCCCC;
	padding: 10px;	
}

#catHelp{
	margin-top:15px;
	margin-left:15px;
	height:250px;
	float:left;
}

#helpText{
	width:305px;
	margin: 15px;
	float: right;
	border: solid 1px #CCCCCC;
	padding: 10px;	
}

#helpDonate{
	width:300px;
	float:right;
	margin-right: 15px;
	margin-top: 15px;
	border: solid 1px #CCCCCC;
	padding: 10px;
}
#address{
	width:200px;
	float: left;
	margin-top: 15px;
}
#crueltyFreeImage{
	margin:15px;
	float:left;
}
#photoDescDiv
{
	width: 475px;
	float:left;
}
#shareDiv {
	float:left;	
	background-color: #770425;	
	padding: 10px 10px 10px 10px;
	height: 100px;
}
#downloadPhotoDiv {		
	background-color: white;
	float:right;	
	padding: 10px 10px 10px 10px;
	height: 100px;
}
#imgLinkDiv {
	float:right;	
	background-color: #770425;
	padding: 10px 10px 10px 10px;
	width: 505px;
	height: 100px;
}
.whiteText{
	color:white;
	font-size: 1.3em;
	font-weight:bold;
}
.redText{
	color:#770425;
	font-size: 1.3em;
	font-weight:bold;
}
.indexThumb {
	margin-top: 10px;
	margin-right: 41px;
}