@charset "utf-8";
/*
Title:       Fistula Relief Foundation for Africa General Layout
Author:      Eric Hull
Company:     Eklipse Design
Description: General layout for all primary and subsequent pages
*/


/* =Default across entire site
***************************************************************/
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	background-color: #8C6854;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFCC;
}
.outerWrap {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.innerWrap {
	background-color:#6E4333;
	width: 800px;
	padding: 0;
	margin: 0;
}
.header {
	height:109px;
}
.contentHolder {
	width:800px;
}
.contentSideHome {
	float:left;
	width:245px;
	padding: 12px 15px 0px 40px;
	line-height:1.6em;
}
.contentSide {
	float:left;
	width:300px;
	line-height:1.2em;
	height: 100%;
}
.contentMainHome {
	float:left;
	width:500px;
}
.contentMain {
	float:left;
	width:460px;
	padding: 10px 20px 15px 20px;
	line-height: 1.3em;
}
.contentMain p {
	text-indent:30px;
	margin: 0px;
}
.sideImg {
	position: absolute;
	bottom: 58px;
	left: 0;
}
.footer {
	position: relative;
	height:58px;
	background-image:url(images/footerBG.jpg);
	background-repeat:repeat-y;
}
.footerContact {
	position: relative;
	height:58px;
	background-image:url(images/footerCtactBG.jpg);
	background-repeat:repeat-y;
}
.copyright {
	text-align:center;
	padding-top: 7px;
	font-size: 0.7em;
	color:#452b06;
	padding-bottom: 20px;
}
.copyright a:link, .copyright a:visited {
	color:#452b06;
	text-decoration:underline;
}
.copyright a:hover {
	color:#FFFFCC;
}
h1 {
	font-style:italic;
	font-size: 1.3em;
}
.smllrTXT {
	font-size:.9em;
}
.liMargin {
	margin-bottom:10px;
}
.clear {
	height:0px;
	clear: both;
}


/***************************************************************
	Colors
***************************************************************/

/*  Text Colors  */
.darkYellowTXT { color: #FFCC66;}
.lightYellowTXT {color: #FFFFCC;}
.orangeTXT {color: #FF6633;}
.darkBrownTXT {color: #663300;}

/*  Background Colors  */
.darkYellowBG {background-color: #FFCC66;}
.lightYellowBG {background-color: #FFFFCC;}
.orangeBG {background-color: #FF6633;}
.darkBrownBG {background-color: #663300;}
.redBG {background-color: #CC3333;}
.tealBG {background-color: #339999;}

/***************************************************************
	Anchor Tags
***************************************************************/
/* =Hyperlinks
---------------------------------------*/
.contentMain a:link, .contentMain a:visited {
	text-decoration: underline;
}
.contentMain a:hover {  
	color: #FFFFFF;
	text-decoration: underline;
}

/* default */

.noBorder img {
	margin: 0;
	padding: 0;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.headTitle {
	font-size: 1.3em;
	color: #FF6634;
}



/***************************************************************
	Main Navigation
***************************************************************/

.current {
	color:#FF6633;
}
.navigation {
	height:59px;
	background-image:url(images/menuLeftFill.gif);
	background-repeat:no-repeat;
	padding-left:200px;
	text-align:center;
	font-size:0.9em;
	position:relative;
	background-color: #6E4333;
}
.navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.navigation ul li {
	display: inline;
}
.navigation ul li a {
	float:left;
	text-decoration:none;
	width:100px;
}
.navigation ul li a:hover {
	text-decoration:underline;
}
.nav1 {
	height:44px;
	padding-top:15px;
	color: #FFFFCC;
}
.nav2 {
	height:51px;
	background-color:#FFCC66;
	color:#663300;
	padding-top:8px;
}
.nav3 {
	height:44px;
	background-color:#663300;
	padding-top:15px;
	color: #FFFFCC;
}
.nav4 {
	height:44px;
	background-color:#CC3333;
	padding-top:15px;
	color: #FFFFCC;
}
.nav5 {
	height:44px;
	background-color:#FF6633;
	padding-top:15px;
	color:#663300;
}
.nav6 {
	height:44px;
	background-color:#339999;
	padding-top:15px;
	color: #FFFFCC;
}
.sideNav {
	padding: 40px 0px 0px 180px;
}
.sideNav a:link, .sideNav a:visited {
	color: #FFFFCC;
	text-decoration:none;
}
.sideNav a:hover {
	text-decoration:underline;
}

/***************************************************************
	Sub Navigation Drop Down Menu
***************************************************************/


/* Set up the sub level borders */
.navigation ul li ul li a, .navigation ul li ul li a:visited {
	width:88px;
	padding:8px 0px 5px 12px;
}
.navigation .subNav3 {
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	background-color:#FFC;
	color:#663300;
	text-align:left;
	line-height:12px;
	position:relative; left:400px;
}
.navigation .subNav4 {
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	background-color:#FFC;
	color:#663300;
	text-align:left;
	line-height:12px;
	position:relative; left:500px;
}
.navigation .subNav5 {
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	background-color:#FFC;
	color:#663300;
	text-align:left;
	line-height:12px;
	position:relative; left:600px;
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.navigation li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.navigation li:hover > ul {display:block; position:absolute; top:59px; left:0px; width:100px;}


/* ----------- End Drop Down Menu ----------- */