/* My style sheet for ESL Writing Wizard */

body, html	{	
    text-align: center; background-color: #00afe6;
	line-height: 12pt;
	font-size: 9pt; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #007;
}

h2 {
    margin-top: 0px;
    font-weight: bold; 
    font-size: 10.5pt; 
    font-family: helvetica, sans-serif; 
    line-height: 16pt;
}

h3 {
    font-weight: bold; 
}

img {
    border: 0;
}

a 		{ text-decoration: none; color: #0000FF; } 
a:hover 	{ text-decoration: none; color: #e02e2e; }

ul, ol, li {
    margin: 0; padding: 0;
    list-style-type: none;
}

.bold   {   
    font-weight: bold;
}

.clear  {
    clear: both;
    padding: 0; margin: 0;
}

#container_outside	{
	margin-left: auto; 
	margin-right: auto;
	width: 796px;
	text-align: left;
	background-color: #ffcc00;
	border: 2px solid #444;
}	

#container_inside	{
    margin: 2px 0 10px 0;
	text-align: left;
	background-color: #ffcc00;
}

#container_header	{
    margin: 0 0 5px 6px;
    padding: 4px;
	width: 781px;
	text-align: left;
	background-color: #ffcc00;
}

/* HEADER */

#header_left {
    float: left;
    width: 300px;
    padding-right: 6px;
}

#header_logo {
    float: left;
    width: 100px;
}

#header_intro   {	
    float: left;
    width: 190px;
    margin: 4px 0 0 4px;
    padding: 0 0 0 4px;
}

#header_intro h1	{
    margin: 0px 0 4px 0;	
    font-weight: bold; 
    font-size:14pt; 
    font-family: helvetica, sans-serif;
    line-height: 16pt; 
}

#header_right {
    float: left;
    width: 468px;
    text-align: center;
}

#header_banner {
    margin-bottom: 8px;
}

#header_menu td {
    font-family: helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 10.5pt;
    padding: 0 7px 0 7px;
}

#header_quote {
    text-align: center;
    padding: 0 4px 0 4px; 
    margin: 3px 0 0 0; 
    font-style: italic; 
    font-size: 8pt;
    line-height: 12pt;
    color: #007;
}

/* MAIN CONTAINER */

#container_body {
    margin-top: 4px;
    height: 100%;
}

/* MARGINS */

.margin {
    float: left;
    width: 120px;  
	border: 1px solid #444;
	background-color: #FFFFCF;
    padding: 4px;
}

.margin_left    {
    margin: 0 6px 0 8px;
    text-align: center;
    height: 100%;
}
        
.margin_right    {
    margin: 0 8px 0 0;
    text-align: left;
    font-size: 8pt;
}

.margin_right p {
    padding: 0 2px 0 2px;
    font-size: 7pt;
}

.margin_right p a {
    font-size: 8pt;
    font-weight: bold;
    margin-top: 4px;
}

#add_this {
    text-align: center;
}


/* BODY */

.body {
    float: left;
    width: 490px;    
    margin-right: 6px; 
}

.body_left, .body_right {
    float: left;
    width: 242px;    
    margin-right: 6px; 
}

.body_left.wizard  {
    width: 306px;
}

.body_left.wizard input {
    width: 220px;
}
        
.body_right.wizard {
    width: 168px;
    background: #ffffcf;
	border: 1px solid #444;
    text-align: center;
    padding: 4px;
}

.window {
    font-size: 8pt;
	border: 1px solid #444;
    background: #fff;
    margin-bottom: 8px;
    padding: 8px;
}

#container_copyright	{
    display: block;
    text-align: center;
    font-size: 8pt;
    margin: 10px 8px 0 8px;
    padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #444;
	background-color: #FFFFCF;
}

/* TOP ADS */

#top_bar_ads {
    text-align: center;
    margin-bottom: 8px;
}

/* FRONT PAGE ONLY */

#worksheets_image   {
    text-align: center;
    margin-bottom: 4px;
}

#enter_name {
    width: 160px;
}

#how_do_this img {
    display: block;
    margin: 0 auto 0 auto;
}

#latest_worksheets h2 {
    margin-bottom: 4px;
}

#search_home form {
    margin-bottom: 10px;
}

#search_home_input {
    width: 170px;
}

.rss_latest	{
    margin-bottom: 4px;
}

.rss_item	{
    border-top: 1px solid #aaa;
    padding-top: 4px;
    margin-bottom: 4px;
}

.rss_icon   {
    height: 14px;
    width: 14px;
}

/* ALPHABET PAGE */

.letter_links   {
    font-size: 16pt;
    letter-spacing: 4px;
    line-height: 20pt;
    text-align: center;
}

.alphabet_headers {
    background: #ff8;
    text-align: center;
    padding: 4px;
}

/* CONTACT / ABOUT PAGE */

#contact_contents {
    padding-bottom: 10px;
}

.contact_section {
    padding-bottom: 10px;
    border-top: 1px solid #aaa;
}

/* TOOLS, PUBLISHED RESPONSE, SEARCH */

.tools, .published_response, .search {
     width: 508px;  /* because there's no padding to push out .body's 490px width */
}

.published_response .window  {
    text-align: center;
}

.published_response_message  {
    font-size: 10.5pt;
}

/* WORKBOOKS */

.workbooks {
    width: 474px;
    padding: 16px 16px 16px 16px;
}

#workbooks_navigation a, #workbooks_navigation span {
    line-height: 16pt;
}

img.workbooks_front {
    float: right;
    padding-left: 30px;
}

.workbooks ol li {
    list-style-type: decimal;
    margin-left: 40px; 
    line-height: 20pt;
}

.workbooks ul li {
    list-style-type: disc;
    margin-left: 40px; 
    line-height: 20pt;
}

ul.workbooks_front {
    margin-top: 40px;
}

ul.workbooks_front li {
    line-height: 16pt;
}
		
/* PAGINATION */

#pagination {
    font-size: 0.9em;
    margin-top: 2.0em;
    text-align: right;
}

#pagination a {
    display: inline;
    padding: 0.3em 0.7em 0.3em 0.7em;
    border:solid 1px #F0F0F0;
}

#pagination .pagi_current {
    color: #fff;
    background-color: #00afe6;
    font-weight: bold;
    padding: 0.3em 0.7em 0.3em 0.7em;
    border:solid 1px #444444;
}

#pagination a:hover {
    border:solid 1px #444444;
    text-decoration: none;
}