/*Styles for Browns Books For Student web site*/
body{
    font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%;
	margin:0;
	padding:0;
}
h1{
	margin: 1em 0;
	padding: 0;
	line-height: 130%;
	font-size: 115%;
	color: #791388;		
}
img{
	border: 0;
}
a{
	color: #630678;
	text-decoration: underline;	
}
a:hover{
	text-decoration: none;
}
.alignRight{
	text-align: right;
}
#TopArea {
    width: 785px;
	height: 108px;			
}
.topLogo {
    float: left;
}
.topRight {
	float: right;
}
.clear{
    clear:both;
    margin:0;
    padding:0;	
}
/* Main content area styles */
#maincontentHolder{
	margin: 5px;
	padding: 0;
	width: 775px;
}
/* Left col*/
#navLeft{
	float: left;		
}
.nav {
	color: #8953a4;
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
.nav li{
	list-style-type: none;
	padding:2px 0 2px 0;			
}
.nav li a{
	display: block;
	width: 160px;
	height: 23px;
	color: #333;	
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
 	line-height: 200%;
	text-decoration: none;	
	margin: 0;
	padding:0 0 0 3px;							
}
.nav li a.orange{
    background: url(images/but_orange.jpg) no-repeat top left;			
}
.nav li a:hover.orange, .nav li a.orange_active{
	text-decoration: none;
	color: #fff;
    background: url(images/but_orange_on.jpg) no-repeat top left;		
}
.nav li a.purple{	
    background: url(images/but_purple.jpg) no-repeat top left; 		
}
.nav li a:hover.purple, .nav li a.purple_active{
	text-decoration: none;
	color: #fff;
    background: url(images/but_purple_on.jpg) no-repeat top left;		
}
.nav li a.red{	
    background: url(images/but_red.jpg) no-repeat top left; 		
}
.nav li a:hover.red, .nav li a.red_active{
	text-decoration: none;
	color: #fff;
    background: url(images/but_red_on.jpg) no-repeat top left;		
}
.nav li a.green{	
    background: url(images/but_green.jpg) no-repeat top left; 		
}
.nav li a:hover.green, .nav li a.green_active{
	text-decoration: none;
	color: #fff;
    background: url(images/but_green_on.jpg) no-repeat top left;		
}
/* Right col*/
#content{
	font-size: 85%;
	float:left;
	width: 600px;
	margin: 0 0 0 3px;
	line-height: 130%;		
}
.imgRight{
float: right;
}

/* Picture boxes */
#topleftBox{
padding: 0;
margin: 0 0 5px 0;
width:50%;
float: left;
}
#toprightBox{
padding: 0;
margin: 0 0 5px 0;
width: 50%;
float: right;
}
#botleftBox{
padding: 0;
width:50%;
float: left;
}
#botrightBox{
padding: 0;
width: 50%;
float: right;
}
/***** Below are styles for curved boxes*****/
/* curve height, background image */
.box_curve .t, .box_curve .b, .box_curve .b b, .box_curve .t b{
height:6px;
background-image:url(images/round_box.png);
}
/* inner color, border color, border width */
.box_curve .c{
background:#f3eef2;
border-color:#d1d1d1;
border-left-width:1px;
border-right-width:1px;
}

/* surrounding margins */
.round{
margin: 0 0 3px 0; 
}
.round .c{
/* inner content padding */
padding:0 8px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
}
.round .t b, .round .b b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}
/*Footer*/
#footer{
padding: 3px;
text-align: right;
}
#footer a{
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
/*Styles - page specific styles*/
.col1, .col2, .col3, .col4{
float: left;
width: 23%;
padding: 0 5px 0 5px;
margin-bottom: 8px;
margin-top: 8px;
border-left: 1px solid #999;
}
.col1{
border-left: 0;
}
.col4{
float: right;
}
.bold{
color: #630678;
font-weight: bold;
}
.widecol1{
float: left;
width: 47%;
padding: 0 5px 0 5px;
margin-bottom: 8px;
margin-top: 8px;
}
.widecol2{
float: right;
width: 47%;
padding: 0 5px 0 5px;
margin-bottom: 8px;
margin-top: 8px;
border-left: 1px solid #999;
}