﻿/*Marvin Schools CSS*/
*
{
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
}
body
{
	background-color: #282828;
	margin-top:0px;
	padding:0px;
	text-align: center;
}
#character_table
{
	margin:0px auto 0px auto;
	border:0;
	border-spacing:0px;
}
#top_chars
{
	background-image: url(../../images/header.jpg);
	background-repeat: no-repeat;
	height:77px;
}
#bottom_chars
{

}
#wrapper
{
	margin:0px auto 0px auto;
	border:0;
	border-spacing:0px;
}
#left
{
	width:6px;
	height: 5px;
	background-image: url(../../images/left_top.gif);
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
}
#middle
{
	width:783px;
	height: 5px;
	background-image: url(../../images/middle_top.gif);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
}
#content_table
{

}
#left_column
{
	width:560px;
	text-align:left;
	border: 1px solid #fff; 
	background-color:#435d9f;
	vertical-align: top;
}
#left_column p
{
	font-size: small;
	margin: 5px 0 5px 0;
	padding: 0px 10px 0px 10px;
	color: #fff;
}
#left_column a
{
	font-size: small;
	text-decoration: none;
	color: #ffff99;
}
#right_column
{
	width:203px;
	height: 302px;
	margin:0;
	padding:0;
	vertical-align: top;
}
#flash_logo
{
	width:203px;
	height: 302px;
	margin:0;
	padding:0;
	text-align: right;
}
#flash_logo_top
{
	width:203px;
	height: 302px;
	border: 1px solid #fff;
}
#flash_logo_bottom
{
	
}
#right
{
	height: 5px;
	width:5px;
	background-image: url(../../images/right_top.gif);
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
}
#center_left
{
	width:6px;
	background-image: url(../../images/left.gif);
	background-repeat: repeat-y;
}
#center_middle
{
	width:783px;
	background-image: url(../../images/middle.gif);
}
#center_right
{
	width:5px;
	background-image: url(../../images/right.gif);
	background-repeat: repeat-y;
}
#bottom_left
{
	height: 52px;
	width:6px;
	background-image: url(../../images/bottom_left.gif);
	background-repeat: repeat-y;
}
#bottom_middle
{
	font-size: x-small;
	height: 52px;
	width:783px;
	background-image: url(../../images/bottom_middle.gif);
	background-repeat: repeat;
}
#bottom_right
{
	height: 52px;
	width:5px;
	background-image: url(../../images/bottom_right.gif);
	background-repeat: repeat-y;
}
#bottom
{
	vertical-align: top;
	background-image: url(../../images/bottom.gif); 
	height: 54px;
	font-size: x-small;
	color: #333;
}
#copyright
{
	padding:0;
	margin:0;
	background-color:#282828;
	border-spacing: 0px;
	font-size: xx-small;
	color: #666;
}
h1
{
	font-size: large;
	font-weight: bold;
	font-style: italic;
	margin: 5px 0 5px 0;
	padding: 0px 10px 0px 10px;
	color: #ccc;
}
h2
{
	font-size: small;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0px 10px 0px 10px;
	color: #99ccff;
}
.form_label
{
	margin-left: 20px;
	font-size: small;
	color: #fff;
}
.form_textbox
{
	font-size: small;
	color: #333;
	border: 1px solid #333;
	margin-left:8px;
}
.form_dropdown
{
	font-size: small;
	color: #333;
	border: 1px solid #333;
	margin-left:8px;
}
.button
{
	border: 1px solid #333;
	background-color: #7593d3;
	color:#fff;
	margin: 0px;
	padding: 0px;
	font-size:small;
	font-weight:bold;
}
/* Navigation CSS */
#menubar 
{
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
	font-size:x-small;
	font-weight:bold;
	color: #fff;
	padding-top:7px;
	padding-bottom: 0px;
	padding-left:3px;
	line-height: 15px;
}
.menu
{
    width: auto;
    float: left;
	padding-left: 3px;
    padding-right: 20px;	
    cursor: default;
}
.menu a
{
    color: #fff;
	text-decoration:none;
}
.menu ul
{
    display: none;
    position: absolute;
    background-color: #92b3eb;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
	width:100px;
	text-align:left;
}
.menu ul li
{
    display: block;
    padding: 0.2em;
}
div.menu:hover ul
{
	display: block;
	margin: 0;
	padding: 0;
	padding-left:5px;
	padding-right:5px;
}
div.menu ul li:hover
{
    background-color: #71a0f0;
}