/*
    File:      generic.css
		Created:   October 5th, 2004
		Last edit: October 5th, 2004

		Description:
		This file contains all the basic styles for the Scoolhouse.com
		Web Site. Feel free to steal.
*/

body
{
    padding: 2px;
		margin: 0px;
}

.body_div
{
		width:  800px;
		height: 450px;
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: #006600;
}

.body_left_col
{
    float:  left;
    align:  left;
		width:  300px;
		margin: 0px 2px 0px 2px;
		position: absolute;
    top:      240px;
    left:     115px;
}

.body_right_col
{
    float:  right;
    align:  center;
		width:  500px;
		margin: 10px 5px 0px 2px;
}

.body_left_col_hp
{
    float:    left;
    align:    center;
		width:    372px;
		margin:   0px 2px 0px 2px;
		position: absolute;
    top:      190px;
    left:     115px;
}

.body_right_col_hp
{
    float:  right;
    align:  center;
		width:  428px;
		margin: 40px 5px 0px 2px;
}

.class_list
{
 	  width:  		  500px;
		height: 			130px;
		border-width: 1px;
		border-color: #006600;
		border-style: solid;
		margin: 			0px 0px 10px 0px;
		background-color: #fdfeeb;
}

.class_list_header
{
    width: 		        500px;
		height:						25px;
		padding:					1px;
		color: 		        #20209b;
		font-size:        10pt;
		font-family:      arial, tahoma;
		font-weight: 			bold;
		background-color: #f4c89f;
}

.class_list_left_col
{
    width: 		        275px;
		height:						105px;
		color: 		        #ffffff;
		background-color: #ffffd7;
}

.class_list_right_col
{
    width: 		        225px;
		height:						105px;
		border-style:			solid;
		border-color:			#cacbec;
		border-width:			0px 0px 0px 1px;
		color: 		        #ffffff;
		background-color: #ffffd7;
}

.class_list_subcol
{
    color: #555555;
		font-family: arial, tahoma;
		font-size: 10pt;
}

/**
  Styles for the header.
**/

#header_top_line
{
    background-color: #0D8ED5;
		width: 800px;
		height: 4px;
		margin: 0px;
		border-style: solid;
		border-color: #006600;
		border-width: 1px 1px 0px 1px;
}

#header_yell_bg
{
    background-color: #ffffff;
		width: 800px;
		height: 123px;
	  z-index: 0;
		background-image: url('../interface/scoolhouse_header_yell_bg.gif');
		background-repeat: repeat-x;
		background-position: top left;
		border-style: solid;
		border-color: #006600;
		border-width: 1px;
}

#header_blue_gradient
{
    background-color: #ffffff;
		width: 800px;
		height: 81px;
	  z-index: 50;
		background-image: url('../interface/scoolhouse_header_blue_gradient.jpg');
		background-repeat: repeat-y;
		background-position: top left;
		border-style: solid;
		border-color: #006600;
		border-width: 0px 1px 1px 1px;
}

#header_blue_gradient_hp
{
    background-color: #ffffff;
		width: 800px;
		height: 142px;
	  z-index: 50;
		background-image: url('../interface/scoolhouse_header_blue_gradient.jpg');
		background-repeat: repeat-y;
		background-position: top left;
		border-style: solid;
		border-color: #006600;
		border-width: 0px 1px 1px 1px;
}

#header_logo
{
		width: 200px;
		height: 200px;
	  z-index: 100;
		top: 10px;
		margin-left: -335px;
		position: absolute;
		background-image: url('../interface/scoolhouse_header_logo.gif');
		background-repeat: no-repeat;
		background-position: top center;
}
#header_slogan
{
		width: 351px;
		height: 25px;
	  z-index: 100;
		top: 24px;
		margin-left: 45px;
		position: absolute;
		background-image: url('../interface/scoolhouse_header_slogan_top.gif');
		background-repeat: no-repeat;
		background-position: top center;
}

#header_menu
{
    width: 448px;
		height: 122px;
	  z-index: 100;
		top: 45px;
		position: absolute;
		padding: 0px;
		margin: 0px 0px 0px -50px;
}

#header_menu_hp
{
    width: 448px;
		height: 230px;
	  z-index: 100;
		top: 63px;
		position: absolute;
		padding: 0px;
		margin: 0px 0px 0px -50px;
}

.header_menu_col
{
    width: 144px;
		height: 230px;
	  z-index: 100;
		margin: 0px 5px 0px 5px;
}

.header_menu_col
{
    width: 144px;
		height: 122px;
	  z-index: 100;
		margin: 0px 5px 0px 5px;
}

/**
 Footer styles
**/

#footer
{
    padding: 10px 0px 5px 0px;
		width: 800px;
		height: 40px;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-color: #006600;
		color: #0000b3;
		font-family: arial, tahoma;
		font-size: 10pt;
}

.footer_link
{
		color: #0000b3;
		font-family: arial, tahoma;
		font-size: 10pt;
}

.footer_link:hover
{
		color: #736bf5;
		font-family: arial, tahoma;
		font-size: 10pt;
}

/**
 Misc.
**/

.welcome_hp
{
    color: #000000;
		font-family: arial, tahoma;
		font-size: 10pt;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #0000d3;
		padding: 4px 0px 11px 0px;
		margin: 0px 0px 10px 0px;
}

.news_hp
{
    color: #000000;
		font-family: arial, tahoma;
		font-size: 10pt;
		padding: 4px 0px 11px 0px;
		margin: 0px 0px 10px 0px;
}

#news_entry
{
		margin: 0px 0px 6px 0px;
} 

.small
{
    color: #000000;
		font-family: arial, tahoma;
		font-size: 10pt;
}

.sub_heading
{
    color: #6633cc;
		font-family: arial, tahoma;
		font-size: 11pt;
		font-weight: bold;
}

.link_red
{
		color: #bc1212;
		font-family: arial, tahoma;
		font-size: 10pt;
}

.link_red:hover
{
		color: #f16b6b;
		font-family: arial, tahoma;
		font-size: 10pt;
}

.link_blue
{
		color: #20209b;
		font-family: arial, tahoma;
		font-size: 10pt;
		text-decoration: underline;
}

.link_blue:hover
{
		color: #859cfa;
		font-family: arial, tahoma;
		font-size: 10pt;
}

#history_div
{
    width: 400px;
		height: 300px;
		margin: 3px 1px 1px 4px;
		color: #000000;
		font-family: arial, tahoma;
		font-size: 10pt;
}

/**
 Gallery styles
**/

.gallery
{
    width: 		        480px;
		height: 					520px;
		border-width:     1px;
		border-color:     #006600;
		border-style:     solid;
		margin: 			    0px 0px 10px 0px;
		background-color: #fdfeeb;
}

.gallery_header_left
{
    width: 		        75px;
		height:					  29px;
		padding:					0px 0px 0px 3px;
		color: 		       #000000;
		font-size:        10pt;
		font-family:      arial, tahoma;
		font-weight: 			bold;
		background-color: #00CC33;
		border-width:     0px 0px 1px 0px;
		border-style:     solid;
		border-color:     #006600;
} 

.gallery_header_center
{
    width: 		        250px;
		height:						29px;
		padding:					0px;
		color: 		        #20209b;
		font-size:        10pt;
		font-family:      arial, tahoma;
		font-weight: 			bold;
		background-color: #00CC33;
		border-width:     0px 1px 1px 0px;
		border-style:     solid;
		border-color:     #006600;
} 

.gallery_header_right
{
    width: 		        150px;
		height:						29px;
		padding:					0px 0px 0px 7px;
		color: 		        #20209b;
		font-size:        10pt;
		font-family:      arial, tahoma;
		font-weight: 			bold;
		background-color: #00CC33;
		border-width:     0px 0px 1px 0px;
		border-style:     solid;
		border-color:     #006600;
}

.gallery_body
{
    width: 		        500px;
		height:						406px;
		background-color: #CCFF99;
}

.gallery_viewproduct_top
{
    width: 		        500px;
		height:						220px;
		background-color: #CCFF99;
		border-width:     0px 0px 1px 0px;
		border-style:     solid;
		border-color:     #006600;
}

.gallery_viewproduct_bottom
{
    width: 		        500px;
		height:						30px;
		background-color: #CCFF99;
		font-size:        10pt;
		font-family:      arial, tahoma;
		color:            #000000;
		border-width:     0px 0px 1px 0px;
		border-style:     solid;
		border-color:     #006600;
		padding:          0px 0px 0px 3px;
}

.gallery_body_top
{
    width: 		        500px;
		height:						60px;
		background-color: #CCFF99;
		margin:           5px 0px 0px 5px;
		font-size:        10pt;
		font-family:      arial, tahoma;
}

.gallery_body_bottom
{
    width: 		        500px;
		height:						306px;
		background-color: #CCFF99;
		margin:           3px;
		font-size:        10pt;
		font-family:      arial, tahoma;
}


.gallery_footer
{
    width: 		        500px;
		height:						25px;
		padding:					0px 0px 0px 3px;
		color: 		        #20209b;
		font-size:        10pt;
		font-family:      arial, tahoma;
		font-weight: 			bold;
		background-color: #00CC33;
		border-width:     1px 0px 0px 0px;
		border-style:     solid;
		border-color:     #006600;
}

.gallery_image
{
    border-width:     0px;
		width:            155px;
		height:           110px;
		margin:           0px;
		padding:          0px;
}

.gallery_image_cell
{
		border-width:     1px;
		border-style:     solid;
		border-color:     #006600;
		width:            155px;
		height:           110px;
		margin:           0px;
		padding:          0px;
}

.gallery_image_cell_bottom
{
    margin-bottom: 4px;
		padding-top:   3px;
		padding-left: 2px;
		border-width:  1px 0px 0px 0px;
		border-style:  solid;
		border-color:  #006600;
		font-weight:   bold;
		font-size:     10pt;
		color:         #000000;
		font-family:   arial, tahoma;
}

#viewimage_image
{
		border-width:     1px;
		border-style:     solid;
		border-color:     #006600;
		margin:           5px;
		padding:          0px;    
}

#viewimage_desc
{
		border-width:     1px;
		border-style:     solid;
		border-color:     #006600;
		margin:           0px;
		padding:          3px;
		height:           60px;
		font-size:        10pt;
		color:            #000000;
		font-family:      arial, tahoma;
}

/**
 Admin Styles
**/

.admin_div
{
    width: 700px;
		margin-top: 20px;
}

.admin_menu_header
{
    width:            120px;
		height:           30px;
		background-color: #f0ad71;
		font-weight: 			bold;
		font-size:				11pt;
		color:					  #853234;
		font-family:      arial, tahoma;
		border-width:     1px 1px 0px 1px;
		border-style:     solid;
		border-color:     #006600;
}

.admin_menu_item
{
    width:            120px;
		height:           30px;
		background-color: #f4c89f;
		border-width:     1px 1px 0px 1px;
		border-style:     solid;
		border-color:     #006600;
}

.admin_class_master
{
		background-color: #dee2fa;
		border-width:     1px;
		border-style:     solid;
		border-color:     #006600;
		margin: 2px;
}