
/* css development by maramade productions http://www.maramade.com */

html { min-height: 100%; margin-bottom: 1px; }

body {
margin:0 auto;
padding:0;
font:76% Arial, verdana, Tahoma,sans-serif;
background:#fff url(../images/bg.jpg) top center repeat;
color:#404040;
}


#wrap{
background-color:#85A558;
color:#000000;
width:800px;
margin:0 auto;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}


#banner{
width:800px;
height: 200px;
background-repeat:no-repeat;
position:relative;
background-image:url(../images/bannerbg_booksarticles.jpg);
}

#banner a { 
width: 520px;
height: 100px;
top: 50px; 
left:30px; 
position: absolute;
text-decoration:none;
}

#banner a i { 
visibility: hidden; 
}

#leftcol{
width:175px;
float:left;
clear:left;
margin:0;
padding:0;
}

#menu{
margin-left:30px;
margin-top:0;
}


#menu ul{
list-style-type:none;
margin:0;
padding:0;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active{
display:block;
background-color:#85A558;
color:#FFFFFF;
width: 9em;
text-decoration:none;
font-weight:bold;
font-size:11px;
padding: 5px 0;
}

#menu a:hover{
background-color:#85A558;
color:#734615;
}

#menu p{
color:#43438E;
background-color:#85A558;
font-size:1.1em;
text-transform:uppercase;
margin-bottom:0;
font-weight:bold;
font-family: Arial, Verdana,  Helvetica, sans-serif
}



#rightcol{
float:right;
width:144px;
margin:0 30px 0 0; 
padding:0;
background-color:#FFFFFF;
color:#000000;
}

 

#rightcol p{
text-align:center;
padding: 0 10px 0 10px;
margin-top:0;
margin-bottom:5px;
display:inline;
}


#content{
margin:0 0 0 180px;
line-height:1.3em;
}

#content2{
margin:0;
line-height:1.3em;
background-color:#FFFFFF;
color:#000000;
}

#content p{
margin-right:180px;
}

#content2 p{
margin-right:10px;
margin-left:10px;
margin-top:0;
}

#content a, #content a:link, #content a:visited, #content a:active{
background-color:#85A558;
color:#734615;
font-weight:bold;
text-decoration:underline;
}


#content2 a, #content2 a:link, #content2 a:visited, #content2 a:active{
background-color:#fff;
color:#734615;
font-weight:bold;
text-decoration:underline;
}

#content a:hover, #content2 a:hover{
text-decoration:none;
}

.quotebox{
color:#43438E;
background-color:transparent;
font-size:1.1em;
z-index:1000;
}

#quotebox p{
margin-top:0;
}


h2 {
color:#43438E;
background-color:#85A558;
font-size:1.3em;
text-transform:uppercase;
background-image:url(../images/h2bg.jpg);
background-position:top;
background-repeat:no-repeat;
width:407px;
padding-top:10px;
margin-top:30px;
}



.left {
padding:4px 10px 4px 0;
float:left;
position:relative;
}

.right {
margin:4px 0 4px 10px;
float:right;
}

.small{
font-size: .9em;
text-transform:uppercase;
}

a img{
border:0;
}

#footer {
clear:both;
margin:0 auto;
padding: 10px 0 0 0;
width:800px;
text-align:center;
color:#808080;
background:transparent;
font-size:.8em;
}

#footer p {
margin:0;
padding:0;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active  { 
background-color:transparent;
color:#808080;
text-decoration:underline;

}

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




#credit {
padding-bottom:1px;
text-align:center;
font-size:.8em;
}

.photodiv{
font-size:.8em;
float: left;
margin: 0 10px 10px 0;
}



