﻿body
{
	margin: 0px;
	padding: 0px;
	color: #666666;
	background-color: #CCCCCC;
}

body, table, th, td, p, input, select, ol, ul, li, span, div
{
    font: normal 13px Arial, Sans-Serif;
}

div
{
	text-align: left;
	border: solid 0px;
}

img
{
	border: 0px;
}

.blue
{
	color: #0073D0;
}

h1, h2, h3, h4, h5, h6
{
	color: #0073D0;
	margin: 20px 0px 5px 0px;
}

h2
{
	font-size: 24px;
}

h3
{
	font-size: 18px;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
}

h6
{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

em
{
	font-style: normal;
	text-decoration: none;
	color: #339900;
}

strong 
{
	font-weight: bold;
	text-decoration: underline;	
}

p
{
	margin: 5px 0px 5px 30px;
	line-height: 18px;
}

li p 
{
	margin: 5px 0px 5px 0px;
}

ul 
{
	margin: 10px 10px 5px 10px;
	padding: 0px;
}

ul li
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	list-style: none outside;
	background: url( 'Images/list_circle.gif' ) no-repeat top left;
	font-size: 14px;
}

ul h6
{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #666666;
}

ol 
{
	margin: 0px 0px 0px 52px;
	padding: 0px;
	line-height: 18px;
}

ol li 
{
	margin: 0px;
	padding: 0px;
}


/******************************
    ...
 ******************************/

.visible
{
    display: inherit;
}

.invisible
{
    display: none;
}

.mouse_out .out,
.mouse_over .over
{
    display: inherit;
}

.mouse_out .over,
.mouse_over .out,
.disabled .enabled,
.enabled .disabled
{
    display: none;
}

/*
.image_plus,
.image_minus
{
    vertical-align: top;
}

.plus .image_plus,
.minus .image_minus
{
    display: inherit;
}

.invisible,
.minus .image_plus,
.plus .image_minus
{
    display: none;
}
*/

/******************************
    ...
 ******************************/

.text_input {
	width: 150px;
}

.text_input_long {
	width: 300px;
}

.button_submit,
.button_submit_big,
.button_submit_bigger,
.button_submit_small
{
	height: 25px;
	line-height: 25px;
	color: #0066CC;
	font-weight: bold;
	border: 0px;
}

.button_submit_disabled
{
	color: #CCCCCC;
}

.button_submit[disabled="disabled"],
.button_submit_big[disabled="disabled"],
.button_submit_bigger[disabled="disabled"],
.button_submit_small[disabled="disabled"]
{
	color: #CCCCCC;
}

.button_submit
{
	width: 68px;
	background: url( 'Images/button_submit.gif' ) no-repeat top left #FFFFFF;
}

.button_submit_big
{
	width: 106px;
	background: url( 'Images/button_submit_big.gif' ) no-repeat top left #FFFFFF;
}

.button_submit_bigger
{
	width: 150px;
	background: url( 'Images/button_submit_bigger.gif' ) no-repeat top left #FFFFFF;
}

.button_submit_small
{
	width: 25px;
	background: url( 'Images/button_submit_small.gif' ) no-repeat top left #FFFFFF;
}

/******************************
	Page Footer
******************************/

.footer
{
	text-align: center;
	background: url( 'Images/bg_footer.png' ) repeat-x top left #FFFFFF;
}

/******************************
	Heading Table
******************************/

.heading_table
{
	margin: 5px 0px 5px 30px;
	border: solid 4px #949494;
	background-color: #FFFFFF;
}

.heading_table th
{
	height: 19px;
	text-align: center;
	color: #000000;
	background: url( 'Images/bg_table_heading.gif' ) repeat-x top left #EFEFF0;
}

.heading_table td
{
	height: 20px;
	padding: 3px 10px;
	color: #000000;
	background-color: #EFEFF0;
}

/******************************
	Content Table
******************************/

.content_table
{
	margin: 5px 0px 5px 30px;
	border: solid 4px #00BBCC;
	background-color: #FFFFFF;
}

.content_table th
{
	height: 28px;
	text-align: center;
	color: #000000;
	background: url( 'Images/bg_table_content.gif' ) repeat-x top left #D5EAF2;
}

.content_table td
{
	padding: 3px 10px;
	color: #666666;
	background-color: #D5EAF2;
}

.content_table p 
{
	margin: 0px;
}

.content_table h5
{
	margin: 0px 0px 3px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}

/******************************
	Contents Page Table
******************************/

.contents_page_table
{
	margin: 0px auto;
	width: 594px;
	text-align: center;
	border: solid 4px #DBD0CC;
}

.contents_page_table td
{
    padding: 10px 0px;
    vertical-align: top;
	background-color: #F6E7E0;
}

.contents_page_table_text
{
    width: 165px;
    margin: 2px auto 0px auto;
    text-align: left;
}
 
.contents_page_table_text td
{
    padding: 0px;
	font-size: 10px;
	line-height: 17px;
}

/******************************
	Master Page
******************************/

.master_container
{
	width: 970px;
	background: #FFFFFF;
}

.master_menu_container
{
	float: left;
	width: 193px;
	height: 677px;
	background: url( 'images/bg_menu_all.jpg' ) no-repeat top left;
}

.master_menu
{
	padding-left: 5px;
}

.master_logo_container
{
	height: 127px;
}

.master_logo
{
	margin-top: 29px;
	text-align: center;
}

.master_content_container
{
	float: left;
	width: 777px;
}

.master_content_container a, 
.master_content_container a:active, 
.master_content_container a:visited 
{
	color: #339900;
}

.master_content_container a:hover 
{
	text-decoration: none;
}

.master_header_container
{
	height: 127px;
	background: url( 'images/bg_header_all.jpg' ) no-repeat top left;
}

.master_content
{
	padding: 0px 25px 0px 30px;
}

.master_links_container 
{
	margin: 50px 0px 0px 0px;
	text-align: center;
}

/******************************
	Menu
******************************/

.menu
{
	width: 180px;
	border: solid 0px #FFFFFF;
	border-top-width: 1px;
}

.menu_item
{
	padding: 4px 0px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-indent: 15px;
	color: #FFDDAA;
	border: solid 0px #FFFFFF;
	border-bottom-width: 1px;
}

.menu_item:hover
{
	color: #FFFFFF;
}

/******************************
	Bottom Menu
******************************/

.bottom_menu 
{
	margin: 0px auto;
	border: solid 0px #FFFFFF;
	
}

.bottom_menu_item a
{
	margin: 0px;
	padding: 0px;
	color: #003668;
}

.bottom_menu_item a:hover 
{
	color: #0073D0;
}


/******************************
	Login Page
******************************/

.input_email_name 
{
	width: 200px;
}

.input_email_domain 
{
	width: 100px;
}

.input_password 
{
	width: 200px;
}

.input_email 
{
	width: 257px;
}

/******************************
	Purchase Subscription Page
******************************/

.price_table td
{
	padding: 0px;
}

.product_table_name
{
	width: 200px;
}

.product_table_price
{
	width: 200px;
}

.product_table_quantity
{
	width: 100px;
}

.product_table_total
{
	width: 125px;
}

.input_quantity
{
	width: 30px;
}

/******************************
	Curriculum Page
******************************/

.curriculum_container 
{
	width: 710px;
	margin-bottom: 40px;
}

.curriculum_heading_container 
{
	width: 700px;
}

.curriculum_inner_container 
{
	width: 350px;
	vertical-align: top;	
}

.curriculum_inner_padding 
{
	width: 10px;	
}

.curriculum_lesson
{
	width: 60px;
	text-align: center;
}

.curriculum_category
{
	width: 60px;
	text-align: center;
}

.curriculum_alphabet 
{
	width: 60px;
}

.curriculum_composition 
{
	width: 200px;
}

.curriculum_speaking_container td
{
	width: 65px;
	padding: 0px;
}


/******************************
	Inquiry Page
******************************/

.inquiry_table 
{
	width: 600px;
	margin-bottom: 20px;
}

.inquiry_heading 
{
	width: 150px;
	text-align: right;
}

.inquiry_select 
{
	width: 250px;
}

.inquiry_select_small
{
	width: 150px;
}

.inquiry_text_input 
{
	width: 250px;
}

.inquiry_textarea 
{
	width: 350px;
	height: 200px;
	vertical-align: top;
}

.inquiry_textarea_small
{
	width: 350px;
	vertical-align: top;
}

/******************************
	Other Pages
******************************/

.arrow 
{
	margin-right: 8px;
	vertical-align: middle;
}

.faded, a.faded, a.faded:visited, a.faded:hover 
{
	color: #CCCCCC;
	text-decoration: none;
}

a.blue, a.blue:visited, a.blue:hover 
{
	color: #0073D0;
	text-decoration: none;
}