/*****************/
/* global stuff */
/***************/
h1, h2, h3, h4, p, a, form, input, li, ul, ol, body, fieldset{
	margin:0;
	padding:0;
}

a{
	outline: none;	
	text-decoration: underline; 
	color: #0099FF;
}
a:hover{
	color: #37AFFF;	
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;	
}

h2{
	font-size: 24px;
	font-weight: bold;
}

h3{
	font-size: 18px;
}

h4{
	font-size: 24px;
	color: #0066FF;
}

hr{
	width: 90%;
	text-align: center;
	border:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

p, label, li, table, body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

p{
	padding-bottom:11px;
}

img {
	behavior: url(../iepngfix.htc);
	border: none;
}

label{
	display: block;	
}


form.book{
	padding:22px;
	padding-left:44px;
}

.book input{
	margin-bottom:11px;
	display: block;
	width:210px;
}

.book select{
	margin-bottom:11px;
	display: block;
}

p.error{
	color:#FF0000;
	padding-top:11px;
}

#mytablebox{
	width:250px;
	background-color:#99CCFF;

}

table.timetable{
margin-left:22px;
margin-top:11px;
}



table.timetable{
	border: none;
}



table.timetable th{
	border: none;
	font-size: 18px;
	font-weight: normal;
}

table.timetable tr{
	border: none;
}


table.timetable td{
	border:1px solid #D6D6D6;
}



table.timetable th{
	background-color:#99CCFF;
	text-align: center;
}

table.timetable li{
	padding-left: 22px;
	list-style-position: inside;
	list-style-type: circle;
}



table{
	border-collapse: collapse;
	color: #333333;
}
table p {
	color: #333333;
}

table td {
	
	border: 1px solid #FFFFFF;
	padding:4px;
	padding-left:8px;
	padding-top:14px;
}




/*
table.timetable{
	padding: 5px;		
	
	
	float:left;
	
	width: 500px;
}


table.timetable h2{
	border: 2px solid #CCCCCC;
}

table.timetable tr{
	border: 2px solid #CCCCCC;
}

table.timetable td{
	border: 2px solid #CCCCCC;
}

table.timetable li{
	border: 2px solid #CCCCCC;
	padding-left: 22px;
	list-style-position: inside;
}*/

/******************/
/* Site specific */
/****************/
html,body{
	text-align: center;
	background-color: #FFFFFF;
	height:100%;
}

#wrapper{
	position:relative;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 22px;
	height:auto !important; /* needed to keep the footer in place?? */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-image: url(../images/main-bg.gif);
	background-repeat: repeat-y;
}

#header{
	height: 100px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	position: relative;
	background-color: #FFFFFF;
}
#header #logo{
	z-index: 5;
	position: absolute; 
	left: 0px;
	bottom: 5px;
}

* html #header #logo{
	bottom: 0px;
}


#block{
	height: 200px;
	z-index: 0;
	padding-top: 5px;
	background-color: #FFFFFF;
}


  /**************/
 /* Menu stuff */
/**************/
#menu{
	position: absolute;
	right: 0px;
	top: 80px;
	width: 497px;
	height: 35px;
}

#menu ul{
	list-style-type: none;	
}

#menu li a{
	height: 16px;
	position: absolute;
	background-repeat: no-repeat;
	top:  0px;
}

#menu li a span{
	display:none;
}

#menu li#m1 a{
	background-image: url(../images/menu.gif);	
	background-position: 0px bottom;	
	
	width: 65px;		
	
	left: 0px;
	
}

#menu li#m1 a:hover{	
	background-position: 0px top;			
}

#menu li#m1 .selected{	
}



#menu li#m2  a{
	background-image: url(../images/menu.gif);
	background-position: -67px bottom;
	width: 70px;
	left: 67px;
	
}
#menu li#m2 a:hover{	
	background-position: -67px top;	
}
#menu li#m2 .selected{		
}


#menu li#m3  a{
	background-image: url(../images/menu.gif);
	background-position: -135px bottom;
	width: 115px;
	left: 136px;
	
}
#menu li#m3  a:hover{	
	
	background-position: -135px top;	
}
#menu li#m3 .selected{	
}



#menu li#m4  a{
	background-image: url(../images/menu.gif);
	background-position: -250px bottom;
	width: 103px;
	left: 251px;

}
#menu li#m4 a:hover{		
	background-position: -250px top;	
}

#menu li#m4 .selected{	
}



#menu li#m5  a{
	background-image: url(../images/menu.gif);
	background-position: -350px bottom;
	width: 149px;
	left: 350px;
	
}
#menu li#m5 a:hover{		
	background-position: -350px top;	
}

#menu li#m5 .selected{	
}


/* end menu *****************************************/
/****************************************************/




#menu li a{
	color: #C4E3FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;	
}

#menu .selected a,
#menu .selected a:hover{	
	cursor:default;	
}


#main{
	width: 100%;
	padding-bottom: 100px;
	
	height:auto !important; /* needed to keep the footer in place?? */
	height:350px; /* IE6: treaded as min-height*/
	min-height:350px;
}

#main #sales p{
	padding-left:0px;
	
}

#main li{
margin-left:22px;
}
#main h2{
	padding-left: 22px;
	padding-top:16px;
	padding-bottom:16px;
	
	font-size: 22px;
	width:700px;
}

#main h3{
	padding-top:22px;
	padding-left: 22px;
}

#main h3 a{
	color: #0066FF;
	font-weight: normal;
	text-decoration: underline;		
}
#main h3 a:hover{
	color: #0066FF;
}

#main p{
	padding-right: 12px;
	padding-left: 22px;
}

#main table.timetable p{
	margin: 0px;
	padding: 0px;	
}

#main ul,
#main ol{
	padding-top: 11px;
	padding-left: 44px;	
}

#main li{
	
}

#main .centerBox{
	text-align: center;
	padding-top: 11px;	
}

#main .courses{
	margin: 22px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 11px;
}

#main .courses p{
	padding-left:0px;
}

#main .courses h2{
	padding-left:0px;
}

#main .lCol{
	width:50%;
	float:left;	
}

#main .lCol h2{
	width:300px;
}

#main .lCol #doc{
	background-image: url(../images/dentist.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 250px;
	width: 200px;
	position: absolute;
	
	left: 1px;
	bottom: 40px;
}

#main #doc4{
	background-image: url(../images/lantern.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 400px;
	width: 350px;
	position: absolute;
	right: 0px;
	bottom: 47px;	
}

#main .rCol{
	width:50%;
	float:right;
	background-image: url(../images/blue-grad.jpg);
	background-repeat: repeat;
	
	height:auto !important; /* needed to keep the footer in place?? */
	height:550px; /* IE6: treaded as min-height*/
	min-height:550px;
	
	position: relative;
	padding-top: 22px;
}

* html #main .rCol{
	height:450px; /* IE6: treaded as min-height*/
	min-height:450px;
}

#main .rCol .homeBox{
	background-image: url(../images/grad-space.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 33px;
	padding-bottom: 11px;
}
#main .rCol .homeBox p,
#main .rCol .homeBox ul{
	font-size: 18px;
	color: #666666;
	text-align: center;
}

#main #contact{
	padding-top: 22px;	
}

#main #contact .lCol p{
	
}

#main #contact .rCol{
	
}




#clearBox{
	clear:both;
}

#footer{
	height: 50px;
	
	margin-top: 33px;	
	
	background-color: #333333;
	
	position: absolute;
	bottom: 0px;	
	width:100%;

}

#footer a{
	color: #CCCCCC;

}

#footer a:hover{
	color: #999999;

}


#footer p{
	font-size: 10px;
	color: #FFFFFF;
	padding: 6px;
	
}

#footer a:hover{
	color:#CCCCCC;
}

#footer #fLCol{
	float: left;
	width: 50%;
}

#footer #fRCol{
	float: right;
	width: 50%;
	text-align:right;
}

#footer #fRCol p{
	text-align: right;
}

/********************/
/* Mail form stuff */
/******************/

.mailwrapper {
	text-align: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.maildiv {
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-left: 33px;
	margin-bottom: 44px;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block;
	float: left;
	clear: left;	
}
.maildiv a {
	
}
.maildiv h2 {
	
	
}
.maildiv input {
	margin-bottom: 10px;
}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
	padding-right: 19px;
} 
.maildiv .fmrequired {
	
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	margin-bottom: 15px;
	font-weight: bold;
	
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	
	font-size: 120%;
}

/********************/
/* Flash heading stuff */
/******************/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}
*/
.sIFR-hasFlash h2.flash {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 22px;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 18px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/