body {
margin-top:0px;
font-family: Verdana, sans;
}



/* ----- HEADER ----- */



#header {

height: 80px;
background-color:black;
background:url(logo_header.gif)  no-repeat 0px 0px #000000;
}

#header	#medal	{
position: relative;
height: 0px;
}

#header #medal img	{
position: absolute; 
top: -62px; 
left: 730px;
}

#subnav {

width: 750px;
height:40px;
background:url(nav_secondary.gif) 0px 0px;
}

body.three_col #subnav	{
width:730px;
}

body.two_col #subnav	{
display: none;
}

body.two_col #header	{
width: 900px;
}

/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper	{
/*COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
 /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */

width: 900px;
margin:0 auto;
margin-top:0px;
margin-left: auto;
margin-right: auto;

}

#inner_wrapper	{
width:900px;

}


#main{
padding:0;

background:url(background_circle.gif) repeat-y 0px top; /* WARNING: IF YOU CHANGE THE */
}



/* ----- NAVIGATION ----- */



#navigation {
width:160px;
font-size: 10px;
font-weight: bold;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
background-color:none;
position: absolute;
z-index: 99;

}



/* ----- SUBNAV ----- */
#subnav ul	{
margin:0;
font-size: 11px;
height: 40px;
margin-left: 140px;
*margin-left: 180px;



}

#subnav ul li	{
float: left;
padding: 4px 10px 4px 0px;
list-style: none;
margin-top: 10px;


}

#subnav ul li a	{
text-decoration: none;
color:  #48735f;
}

#subnav ul li.area 	{
padding-top: 0px
}


#subnav ul li.area 	{
font-size: 18px;
font-weight: bold;
color:  #48735f;
}

#subnav ul li.current a	{
color: #ffffff;

}


/* ----- MAIN CONTENT ----- */

.topic	{
font-weight: bold;
}

#content { 
margin-left: 150px;

min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:none;
margin-top:0px;
padding: 20px 30px 20px 30px;
font-size: 11px;


}

body.three_col #content	p.first{
margin-top: 7px;
_margin-top: 28px;

}

body.three_col #content	h3.first{
margin-top: 7px;
_margin-top: 28px;

}

body.three_col #inner_wrapper	{
width: 730px;
float: left;
}

body.two_col #inner_wrapper	{
width: 540px;
float: left;
}

#right_column	{
width: 170px;
margin-bottom: -20px;
float: left;

}

body.two_col #right_column	{
width: 320px;

padding: 20px;
_padding: 15px;
}
body.two_col #right_column	p {
font-size: 9px;
}

body.two_col #content p, body.three_col #content p	{
font-size: 11px;
_font-size: 10px;
}

 body.three_col #content p,  body.three_col #content li	{
 font-size: 11px;
_font-size: 10px;
 color: #414042;
 }

.collaborator	{
font: bold 10px verdana;
color: #48735F;
display: block;
margin-top: -5px;
margin-bottom: 3px;
}

#right_panel	{
min-height:532px; /* for modern browsers */

background: #9cceb1;
height:540px;
width: 465px;

float: right;
margin-top: -20px;
margin-right: -30px;
margin-bottom: -20px;

padding-left: 25px;
padding-right: 20px !IMPORTANT;
_padding-right: 40px;
overflow: hidden;

}
.imagebox {width: 500px; }
.auto	{width: auto; }
.imagebox	img		{

float: left;
margin: 5px;

}
.imagebox .bookwrap	{
height: 180px;
float: left;
margin-bottom: 16px;

}

.imagebox .label	{

margin-top: -7px;
margin-bottom: 23px;
}
#right_column .imagebox	{
width: auto;
}

#right_column .imagebox	img{
float: none;
padding: 15px 15px 0px 15px;
}



div.order	{
margin-right: 15px;
float: left;
font: bold 9px verdana;
width: 160px;
margin-bottom: 20px;

}


div.copies	{
width: auto;
clear: both;
}

.last	{
padding-right: 0px !IMPORTANT; 
margin-right: 0px;
}


div.copies img	{
padding: 0px 0px 3px 10px;
margin:0px;

margin-right: 5px;
}

div.copies span	{
display:block;
margin-left: 20px;
margin-top: -5px;
*margin-top:0px;

}

div.row_2	{
margin-right: 8px !IMPORTANT;
}

div.activity_box	{
width: 102px;
float: left;
padding-right: 10px;
}



div.activity_box p	{
font-size: 9px;
font-weight: bold;
}

.activity_caps	{
text-transform: uppercase;
color: #636363;
font-size: 7px;
}

.link_category	{
font-weight: bold;
color: #636363;
font-size: 11px;
}

div.activity_box div.detail p	{
font-weight: normal !IMPORTANT;

}

#content div.intro	p {
font-size: 12px !IMPORTANT;
}
.icon	{
float: left;
margin-right: 5px;

}

div.list_columns	{
padding:0;
margin:0;
margin-top: -15px;

}

div.list_columns ul	{
float: left;
width: 220px;
_width: 225px;
_list-style: disc inside !IMPORTANT;
_margin-left: 20px;
}

#content div.list_columns ul	li{


}

ul.flush_left	{
margin-left: 0px;
padding-left: 10px;
}

div.price_columns div	{
width: 215px;
float: left;

}

div.price_columns .price	{
width: 120px;


}

div.price_columns p	{
margin: 2px 0px 2px 0px !IMPORTANT;
}

div.price_columns .price p	{
text-align: right;
}

div#activitybox	{
margin-top: 50px;
margin-bottom: 20px;


}

ul#instructions	{
padding-left: 0px;
margin-left: 0px;
margin-top: 20px;
}

ul#instructions li	{
margin-bottom: 15px;
}



.booklist	{
font-weight: bold;
color: #414042;
margin-bottom: 15px;

}

.booklist .author 	{
font-weight: normal;
}


/* ----- TEXT ----- */


h1	{
text-transform: capitalize;
font-size: 24px;
font-family: Georgia, Bookman Old Style, serif;
margin-bottom: 5px;
margin-top: 15px;
}


.comment	{
font-family: Georgia, Bookman Old Style, serif;
font-size: 14px;
color: #000000;

}

h2	{
margin-top: 0px;
font-size: 14px;
color: #d0e5d2;
font: 10px verdana;
font-weight: regular;
text-transform: uppercase;
margin-bottom: 5px;
}

h3	{
color: #48735f;
font-size: 12px;

}

h4	{
font-size: 9px;
margin-top: -12px;

}

h5	{
text-transform: uppercase;
color: #414042;
font-family: verdana, sans;
margin-bottom: -5px;
font-size: 10px;
}

body.books h2 a	{
color: #d0e5d2 !IMPORTANT;
text-decoration: none;
}

body.books h1 a	{
text-decoration: none;
}

.detail	{
font-size: 10px;
}

div.testimonial	{
margin-left: 15px;
margin-top: 15px;
margin-bottom: 30px;

width: 140px;

}


body.books div.testimonial	{
margin-left: 0px;
}


p.tlarge	{
font-size: 12px !IMPORTANT;
}

.pub	{
text-transform: uppercase;
}

p.quote	{
font-size:10px;
_font-size:9px;
font-weight: bold;
color: #48735f;

}

p.featured	{
font-size: 14px !IMPORTANT;
color: #000c07;
}

body.books p.quote	{
font-weight: bold;
}

p.download	{
font-size:10px;
color: #808285;
}

p.signed	{
*margin-top: -8px;
font-size: 9px;
}

body.books p.signed	{
margin-top: -8px;
*margin-top: -12px;

}


img.activity	{
height: 85px;
width: 40px;
}

.largequote	{
color: #48735f;
font: bold 18px verdana;
}

/* ----- FOOTER ----- */



#footer { 
clear: both;
font: bold 9px Arial;
color: #999;
margin-top:0px;
width:900px;
height:30px;
background-color:none;
margin: 0px auto;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 0px solid #C0C0C0;
background-color: none;
border-bottom-width: 0px;

}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;

}

.wireframemenu ul li a{
font: bold 10px Verdana;
padding: 8px 3px 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #48735f !IMPORTANT;
text-decoration: none;
border-bottom: 0px solid #C0C0C0;
}

.wireframemenu li a:visited{
color: #48735f !IMPORTANT;
}

#navigation .wireframemenu li.current a	{
color: #ffffff !IMPORTANT;
}

html>body .wireframemenu li a{ /*Non IE rule*/
width: auto;
}

#navigation .wireframemenu li a:hover{
background-color: none;
color: white !IMPORTANT;
}


a.enlarge	{
color: #808285;
text-decoration: none;
font-size:10px;

}
.clear	{
clear: both;
}

.extras	{
font-family: Georgia, Times, Serif;
font-weight: bold;
color: #F26522;
font-size: 14px;

}
img	{
border: 0;
}
.category	{
margin-top: 10px;
}
.caption	{
font-size: 14px;
font-weight: bold;
font-family: Georgia, Times, Serif;
color: #ffffff;
text-align: center;
margin-top: -12px;
}

.caption2	{ margin-top: 5px; font-size: 10px }

.caption_left	{
text-align: right;
margin:0;
width: 815px;
margin-right: 8px;
font-size: 9px;
color: #ABC5B5;
}

.notice	{
color: #636363;
fot-weight: bold;

}

#colophon	{
width: 335px;
font-size: 11px;
line-height: 18px;
}

#colophon p, h5	{
margin-bottom: 20px;
}

body.links #colophon p	{
margin-bottom: 0px;

}

#colophon ul 	{
margin: 0px;
padding: 0;
margin-bottom: 20px;
}

#colophon ul li	{
list-style: none;
}

#colophon ul li a	{
color: #48735F;
}

.mail	{
color: #636363;
font-size: 9px;
margin-top: 50px;
}

.left	{
float: left;
}

.right	{
float: right;
}

#content a, #right_column a	{
color: #231f20;
}

.dropshadow	{
-moz-box-shadow: -3px 3px 3px #666;
-webkit-box-shadow: -3px 3px 3px #666;
box-shadow: -3px 3px 3px #666;

}