@charset "utf-8";
/* CSS Document */

#container {position:absolute; top:0px; left: 50%; width: 1010px; margin-left:-505px; background-color:#FFFFFF;}

#content{position:relative; top:0px; left:0; width: 1010px;}

#panicButton{position:fixed; left:0px; top:259px; z-index:1000;}

#logo{position:absolute; top:30px; left:0px; z-index:1000;}
#donateNow{position:absolute; top:60px; left:835px; z-index:1000;}

#mainMenu {position:absolute; top:123px; left:285px; z-index:1024;}
#topMenu {display:none; margin-bottom:50px; z-index:1025; float:right; margin-right:50px;}
#menuBars{display:none; font-size:70px; float:right; cursor:pointer; z-index:1200; margin-left:30px;}
#menuBarM{display:none; width:100%; margin-top:32px;}	
		@media screen and (min-device-width : 375px) and (max-device-width : 667px){
			#menuBars{display:block;}
			#topMenu{display:block;}
			#menuBar{display:none;}	
			
		}

#iTunes {position:absolute; top:50px; left:710px; width:300px; height:83px; z-index:400;}

#header {position:relative; width:1010px; height:160px; top:0px;}

#heroImage {position:relative; width:1010px; height:259px; z-index:1;}

#gradient {position:absolute; top:419px; width:30px; height:566px; z-index:60; background-image:url(images/innerGradient.png);}

#bodyText {float:left; padding:20px 30px 30px 30px; width:80%; margin-left:52px; margin-top:21px;}

#rightMenu {float:left; width:306px; top:510px; margin-left:10px; margin-top:48px;}

#footer {float:left; width:100%; height:170px; padding-top:30px; margin-top:30px; background-color:#68c188; }



body {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:150%;
    background-image:url(images/bg.png);  
	background-position:top; 
	background-repeat:repeat-x; 
	background-color:#e5e5e5;
	margin-top:0px;
	padding-top:0px;
}

.introText {
	font-size:18px;
	font-family: AsapBold, Arial Bold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#14b1e7;
	line-height:140%;
}

.introTextItalic {
	font-size:18px;
	font-family: AsapBoldItalic, Arial Bold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#14b1e7;
	line-height:140%;
}


.martha {
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#666666;
	line-height:150%;
}

.marthaProfile{
	font-size:18px;
	font-family: AsapRegular, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#14b1e7;
	padding-left:0px;
	line-height:100%;
	padding-top:30px;
	margin-bottom:-8px;
}

.bookTitle {
	font-size:26px;
	font-family:AsapRegular, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#1275bc;
	line-height:100%;
}

.bookDescription {
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#666666;
	line-height:150%;
}

.bookDetails {
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#666666;
	line-height:150%;
}


.footnote {
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#666666;
	line-height:150%;
}



/*PAGE HEADERS*/
H1{
	font-size:26px;
	font-family:AsapRegular, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.07em;
	color:#14b1e7;
	padding-top:0px;
	padding-bottom:20px;
	line-height:100%;
}


/*DROP DOWN MENU*/
H2{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:0px;
	line-height:100%;
	text-decoration:none;
}
.nh2{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:0px;
	line-height:100%;
	text-decoration:none;
}
a.nh2:link{
color:#ffffff;
text-decoration:none;
outline: none;
}

a.nh2:visited{
color:#ffffff;
}

a.nh2:HOVER{
color:#ffffff;
}


/*Sub Headers*/
H3{
	font-size:18px;
	font-family: AsapRegular, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#14b1e7;
	padding-left:0px;
	line-height:100%;
	padding-top:30px;
	margin-bottom:-8px;
	
}

/* Trustees*/
H4{
	font-size:22px;
	font-family: AsapRegular, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	margin-bottom:0px;
	margin-top:53px;
}

/*Trustees Position*/
H5{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	margin-bottom:30px;
	margin-top:5px;
}

/**/
H6{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#7f7f7f;
	margin-bottom:0px;
	margin-top:-4px;
	margin-left:-10px;
	background-color:#eeeeee;
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	line-height:160%;
}

hr{
border: none 0; 
border-top: 1px solid #ffffff;/*the border*/
border-bottom: 1px solid #00406e;/*the border*/
height: 0px;/*the gap between the two borders*/
filter: alpha(opacity=30); 
opacity: 0.30;
}

.clearfloat{
font-size: 1px;
line-height: 0px; 
height: 0px;
clear:both; 
margin: 0px;
}

img{
border:0px;
margin:0px;
padding:0px;
}


A{
color:#14b1e7;
font-weight:bold;
text-decoration:none;
outline: none;
}

A:visited{
color:#14b1e7;
}

A:HOVER{
color:#64d4ff;
}


td{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	line-height:160%;
	text-decoration:none;
}

td .trustees{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:150%;
	text-decoration:none;
}

td .footer A{
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}

td .footer A:visited{
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}

td .footer A:HOVER{
	font-weight:normal;
	color:#8aecd9;
	text-decoration:none;
}

li{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:140%;
	text-decoration:none;
	padding-right:50px;
	margin-left:-10px;
	padding-bottom:10px;
}


ul{
	margin-top:-5px;
	padding-bottom:10px;
}


 /*****THIS IS THE ACCORDION*****/
 
 
.applemenu{
margin: 5px 0;
padding: 0;
width: 330px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
/*background: black url(images/silvergradient.gif) repeat-x center left;*/
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
/*width:330px;*/
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
/*width:370px;*/
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
/*background-image: url(images/silvergradientover.gif);*/
background-color:#00528c;
color: white;
/*width:350px;*/
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
/*width:350px;*/
/*height: 300px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

 /*****THIS IS THE END OF THE ACCORDION*****/

</style>