/* CSS Document */

/* Website Colors:
    Red: #D69999 #990000 #330000
	Blue: #9999D6 #000099 #000033
	Green: #99D699 #009900 #003300
	Grey:
*/

* {
   margin: 0;
   padding: 0;
   border: 0;
} 

body
{
	background-color: #fff;
	font: 0.7em Verdana, sans-serif;
	line-height: 1.6em;
	color: #666;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 62.5%;
}

div#container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 0;
	margin-top: 0px;
	text-align: left;
	font-size: 1.0em;
}


/* text defaults */

h1, h2, h3, h4 { font-family: Georgia, serif; }
h1
{
	font-size: 1.8em;
	margin-bottom: 20px;
	color: #990000;
}

h2
{
	color: #990000;
	font-size: 1.6em;
	border-bottom: 1px solid #990000;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

p, td
{
	font-size: 1.2em;
	line-height: 1.4em;
}

p { margin-bottom: 1.0em; }


ul, ol, nl
{
	margin-left: 1.5em;
	padding-left: 1.5em;
	margin-bottom: 1.5em;
}

.hidden {
	width:1px;
	height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-9999px;
}

div#header
{
	background: url('images/top2flat.gif') top left no-repeat;
	height: 100px;
	width: 100%;
}
div#header h1
{
	/* hide text */
	left: -9999px;
	width: 1px;
	height: 1px;
	position: absolute;
}
div#login
{
	float: right;
	text-align: right;
	margin-top: 20px;
	height: 20px;
	max-height: 20px;
}
div#navigation
{
	background: url('images/mainmenu.gif') top left repeat-x;
	height: 30px;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 10px;
}

div#navigation ul
{
	margin: 0;
	padding: 0;
}

div#navigation ul li
{
	display: inline;
	list-style-type: none;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}

div#navigation ul li a
{
	color: #fff;
	text-decoration: none;
}
div#navigation ul li a:hover, div#navigation ul li a:active { color: #eee; }

div#welcome, div#news
{
	width: 540px;
	margin-right: 40px;
}

div#sidebar
{
	width: 200px;
	border: 1px solid #990000;
	padding: 20px;
	padding-top: 180px;
	float: right;
	background: #fff url('/images/BusinessPic_sidebar.jpg') top left no-repeat ;
}
div#sidebar h3
{
	margin-top: 15px;
	color: #990000;
}

th, td
{
	padding: 3px;
	font-size: 0.8em;
}
td
{
	vertical-align: top;
	text-align: left;
}

tr.odd { background: #eee; }
tr.even { background: #fff; }

th
{
	text-align: left;
}

table#classes { font-size: 1.6em; }

div.contact-image
{
	width: 583px;
	height: 450px;
	background: #fff url('/images/BusinessPic.jpg') top left no-repeat;
	padding: 20px;
}
div.contact-image .text
{
	text-align: left;
	color: #ffffff;
	font-size: 1.0em;
	
	font-weight: bold;
}

/* class detail */

div.class-detail
{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
}
div.class-detail div.picture
{
	float: left;
	width: 200px;
	padding: 0px 4px;
}
div.class-detail div.picture img { border: 1px solid #990000; }
div.class-detail div.details { margin-left: 200px; }

div.class-detail h2
{
	color: #990000;
	font-size: 1.4em;
	border-bottom: none;
}

div.class-detail div.class-fee,
div.class-detail div.class-dates,
div.class-detail div.class-description
{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.2em;
}

div.class-detail div.class-fee { font-weight: bold; }

div.printbutton {
	float: right;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
div.printbutton a {
	background: #000099;
	color: #fff;
	text-decoration: none;
	padding: 10px;
}
div.printbutton a:hover {
	background: #000033;
	color: #fff;
	text-decoration: none;
	padding: 10px;
}

div#footer
{
	background: url('/images/mainmenu.gif') top left repeat-x;
	position: relative;
	height: 30px;
	width: 800px;
	font-size: 0.9em;
	color: #fff;
	font-weight: normal;
	padding: 10px;
    margin: 0px auto;
    margin-top: 20px;
    text-align: left;
}


a:link { color: #990000; }
a:visited {}
a:hover {}
a:active {}

div#footer a { color: #fff; }

/*  Clearing
------------------------------------------ */

.clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */