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

body{
margin:0;
padding:0;
line-height: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;  
background:url(images/Website-background.png);
background-repeat:no-repeat;
background-position:center;
background-color:#0F1B31; 
background-attachment:fixed;
}

/* PHOTO ALIGN RIGHT
<img src="/images/hero_monsoor.jpg" width="300" height="380" align="right" hspace="10" vspace="5"/>
*/


/* BANNER AT TOP OF PAGE */
#topsection{
height: 320px; /*Height of top section*/

}

/* HEADER BUTTON MENU POSITION */
#headerbuttons {
position: relative;
margin-top: -70px;
width:630px;
margin-left: 4%;
color: #FFFFFF;
}

/*  BLUE SEARCH BAR */
#searchbar {
position: relative;
display: block;
margin-left: 25px;
margin-top: 35px;
background-color:#2f3963;
width: 778px;
height: 35px;
color: #FFFFFF;
}

/*SEARCH ENGINE INCLUDE POSITION */
#searchbar_engine {
position: relative;
margin: 0;
background: transparent;
text-align: right;
padding-top: 7px;
padding-right: 20px;
}

#contentwrapper{
float: left;
width: 758px;
margin-top: 0px;
margin-left:3%;
margin-bottom: 10%;
padding: 10px;
background-color:#e0d6c8;
}



#maincontainer{
width: 845px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding:0;
height:auto;
}

/* CURLY BOX POSITION */
#curlybox {
position: relative;
margin-top: 50px;
margin-left: 2%;
background:url(images/curlybox.png);
background-repeat:no-repeat;
height: 200px;
width: 220px;
}

/* CURLY BOX CONTENT */
#curlyboxcontent {
font-size:70%;
position: relative;
margin-top: -155px;
margin-left: 5%;
color:#0F1B31;
text-align:left;
height: 150px;
width: 180px;
}

/* BUY BOOK POSITION */
#buybookbox {
position: relative;
margin-top: -200px;
margin-left: 30%;
background:url(images/bookbox.jpg);
background-repeat:no-repeat;
height: 197px;
width: 525px;
}


/* BUY BOOK CONTENT */
#buybookboxcontent {
position: relative;
margin-top: -160px;
margin-left: 33%;
text-align:center;
font-size:12px;
height: 100px;
width: 290px;
padding: 3px;
}
 
/* BOTTOM BAR POSITION */
#bottombar {
position: relative;
margin-top: 85px;
margin-left: -10px;
margin-bottom: -40px;
background:url(images/footerbar2.jpg);
background-repeat:no-repeat;
height: 72px;
width: 778px;
}

/*BOTTOM BAR CONTENT */
#bottombarcontent {
position: relative;
padding: 15px;
height: 45px;
width: 180px;
color: #FFFFFF;
margin-left: 75%;
}

/* DONATE BUTTON */
#donate {
position: relative;
float: left;
margin-top: -25px;
margin-left: -600px;
}

/*POSITION HIT COUNTER*/
#hitcounterposition {
position:relative;
background: transparent;
margin-top: 130%;
margin-left: -750px;
}
 
h2{margin:0px; padding:0px}
b{font-size: 100%;}

p{margin:0px; padding:0px}
a{color:#660033; outline-style:none}
ul{margin:0px;padding:0px}
ul li{margin:0px; padding:0px}

img  {
  border: 0;
  margin-left:auto;
  margin-right:auto;
  }

.smallerwhite {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
}

.smallerblack {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#000000;
}

/* ============ BEGIN:  TOP MENU BUTTONS ==== */

/*
.topnavhover
{
background: transparent url("/images/star.png") no-repeat;
background-position: bottom 25px;
}

.topnavnohover
{
background: transparent;
}
*/

a.topnav:link
{
/*display:block;*/ 
width:50px; 
height:50px; 
background:none;
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: normal;
font-family: arial, verdana, sans-serif; 
font-size:80%; 
color:#FFFFFF; 
overflow:hidden;
} 

a.topnav:visited 
{
/*display:block;  */
width:50px; 
height:50px; 
background: none;
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: normal;
font-family: arial, verdana, sans-serif; 
font-size:80%; 
color:#FFFFFF; 
overflow:hidden;
} 

a.topnav:hover 
{
/*display:block;  */
width:50px; 
height:50px; 
/*background: url(images/star.png); 
background-position: bottom padding 10px;*/
background: none; 
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: normal;
font-family: arial, verdana, sans-serif; 
font-size:80%; 
color:#E3C766; 
overflow:hidden;
} 


a.topnav:active 
{
/*display:block;  */
width:50px; 
height:50px; 
background: none;
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: normal;
font-family: arial, verdana, sans-serif; 
font-size:80%; 
color:#999999; 
overflow:hidden;
} 

/* ============ END:  TOP MENU BUTTONS ==== */

.searchbg
{
background:url(images/search_box_bg.png) no-repeat;
width:420px;
height:45px;
display:block;
}

.search_field
{
border:0;
color:#FFFFFF;
font-size:17px;
float:left; /* this will make the images line up */
padding:11px 7px 8px 40px;
width:260px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
height:20px; /* again, must be slightly less than the image size */
background-color:transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesn’t work in Safari, so I may go back later and give them their own style sheet. For now, I’m not bothered by this small inconvenience. */
}