/* CSS Document for VocabularyBuilders.com */

body {
font: .8em Arial, Helvetica, sans-serif;
color: #666;
margin: 0;
padding: 0;
background-color:#655C92;
}

h1 {font-size: 1.8em; font-weight: normal; color: #71001a; text-transform: uppercase; margin: 5px 0 15px 0; padding: 0; border-bottom: 1px solid #533d02;}
h1 span {font-size: .9em;}
h2 {font-size: 1.5em; color: #333; margin: 0 0 12px 0; padding: 0;}
p {margin: 0 0 10px 0; padding: 0;}
img {border: 0;}
a:link, a:visited, a:active {color: #993333;}
a:hover {color: #e94e4e;}
small, .small {font-size: .9em;}
.clear {clear: both;}
.float_left {
	float:left;
	padding: 10px 10px;
}
.float_right {
	float:right;
	padding:0 0 10px 10px;
}
.styled_input {
	border:1px solid #ccc;
	padding:10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	width:300px;
}

.styled_table th{font-size:10px;font-weight:bold;border-bottom:1px solid #999999; padding:2px; padding-left:4px; padding-right:4px;}
.styled_table td{font-size: 14px; line-height:24px;border-bottom:1px solid #CCCCCC; padding:2px;padding-left:4px; padding-right:4px;}

#wrapper {
width: 757px;
margin: 0 auto;

}

/*Begin: Header*/
#header {
	position: relative;
	width: 757px;
	height: 96px;
}

/*end: Header*/

#container {
width: 757px;
background: url('../images/container_bg.gif') repeat-y; border-bottom: 1px solid #999;
border-bottom:1px solid #ccc;
/*border-right:1px solid #ccc;
border-left:1px solid #ccc;*/
}

/*Begin Column1*/
#column1 {
float: left;
width: 196px;
}
ul#navigation {margin: 0; padding: 0; list-style: none;}
ul#navigation li {margin: 0; padding: 0;}
ul#navigation li a:link,
ul#navigation li a:visited,
ul#navigation li a:active {
display: block;
width: 186px;
font-size: 16px;
color: #3d3562;
text-decoration: none;
padding: 9px 0 9px 10px;
}
ul#navigation li a:hover,
ul#navigation li a#current {
background-color: #3d3562;
color:#fff;
}

ul#navigation li ul {margin: 0; padding: 0; list-style: none;}
ul#navigation li ul li {
margin: 0; 
padding: 0;
}

ul#navigation li ul li.disabled {
display: block;
width: 176px;
font-size: 12px;
color: #999999;
text-decoration: none;
padding: 5px 0 5px 20px;
}

ul#navigation li ul li a:link,
ul#navigation li ul li a:visited,
ul#navigation li ul li a:active {
display: block;
width: 176px;
font-size: 12px;
color: #990033;
text-decoration: none;
padding: 5px 0 5px 20px;
}
ul#navigation li ul li a:hover,
ul#navigation li ul li a#sub-current {
background-color: #990033;
color:#fff;
}

/*end: Column1*/

/*Begin Column2*/
#column2 {
float: left;
/*width: 564px; //pre-padding*/
width: 530px;
padding: 20px 12px 40px 12px;
}

.book-container {margin-bottom: 10px;}
.book-container img {float: left; margin-right: 10px;}
.book-container blockquote {
color: #996600;
font-style: italic;
margin: 0 0 12px 0;
padding: 0;
}
.book-container .info {
float: left;
width: 385px;
}
.book-container blockquote .quote-by {
display: block;
width: 300px;
padding-left: 10px;
font-style: normal;
}
/*end: Column2*/


/*Begin Footer*/
#footer {
clear: both;
text-align: center;
padding-top: 15px;
color:#333
}
#footer a:link, #footer a:visited {
	color:#333;
}
/*end: Footer*/
