/* global */
html{height: 100%;}

/* General HTML */
body { 
  width: 100%; 
  color: #000000; 
/*  background-image:url(../Images/MDWhiteBckgrd.jpg);  */
  background-repeat:repeat; background-position:center;
  background-color: #ffffff; background-position: top center;
  padding: 0px; margin: 0px; 
	top:auto; 
	font-family: calibri; font-size:90%; text-align: center;
}

#Wrapper {
	width: 800px;
  height: 100%; 
	padding: 0px; 
  margin: 0px auto; 
  text-align: left;
}

#Header {
	position:relative;
	width:800px;
	height:135px;
	background-image: url(../images/header.jpg); background-repeat: no-repeat;
}

#newsletterreg {
	position:absolute;
	width:175px;
	height:36px;
	left: 602px;
	top: 34px;
}

#MDLogo {
	position:absolute;
	left: 23px;
	top: 23px;
}

#Menu {
	position:relative;
	width:800px;
	height:47px;
	background-image: url(../images/menu.jpg); background-repeat: no-repeat;
}

#Content {
	position:relative;
	width:800px;
  height: auto;
  margin: 0px auto;
}

#Events {
	position:relative;
	padding-top: 45px;
  margin-top: 0px;
	height: auto;
  width: 175px;
  margin-left:0px;
  float: left;
}
#Eventshome {
	position:relative;
	padding-top: 42px;
  margin-top: 0px;
	height: auto;
  width: 175px;
  margin-left:0px;
  float: left;
}

#Events img {
	padding-bottom: 5px;
}

#Eventshome img {
	padding-bottom: 6px;
}

#MainContent {
	position:relative;
  height: auto;
  float: left;
  width: 625px;
}  
  
* html #MainContent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#MainContenthome {
	position:relative;
  height: auto;
  float: left;
  width: 470px;
}

#MenuRight {
	position: relative;
  float: right;
  width: 150px;
  padding-top: 28px;
  padding-right: 5px;
  margin-top: 0px;  
}

#Footer {
	position:relative;
	width:800px;
	height:90px;
  padding-top: 20px;
  text-align: center;
  clear: both;
}

a {
	font-family: Calibri;
	font-size: 100%;
	color: #FFCC00;
	font-weight: bold;
	padding-left: 0px;
}

b {
	font-family: Calibri;
	font-size: 80%;
	color: #FF0000;
	font-weight: bold;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

b:hover {
	text-decoration: none;
	color: #FF0000;
}

a:active {
	text-decoration: none;
}

a.head2 {
    font-size: 130%; 
    font-style: italic;
    color: #FF0000; 
    padding-top: 7px; 
    padding-bottom: 10px;
    margin-bottom:0px; 
    margin-top:0px;
} 

p { 
	font-family: calibri;
	vertical-align: top;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

ul {margin-top: 0px; margin-bottom: 8px; padding-left: 5px; margin-left: 14px;}
li { font-family: Calibri;}
img { border: 0px; }
/*form {padding: 0px; margin: 0px;} */
form { padding: 0px; margin: 0px; border: 0px;}
input { padding:0px; margin: 0px; }
fieldset { border: 0px; }

label {
width: 120px;
float: left;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 4.5em;
}

.inputButton
{
color: #ffffff;
background: #800000;
border: 1px solid #800000;
}

/*Text settings*/ 
/* Headers */
h1 { font-size: 160%; color: #FF0000; margin: 0px; padding-top: 5px; padding-bottom: 8px; padding-left: 2px; }
.h1Center { text-align: center; }
h2 { font-size: 130%; color: #FF0000; padding-top: 7px; padding-bottom: 10px; margin-bottom:0px; margin-top:0px}
h3 { font-size: 125%; color: #f3c400; padding-top: 5px; padding-bottom: 0px; margin-bottom:0px; margin-top:0px}




/* Body Text */
.bodytext {font-family: calibri; color: #000000; font-size: 100%; font-weight: normal;}
.boldbodytext {font-family: calibri; color: #FAFAFA; font-size: 100%; font-weight: bold;}
.lrgboldbodytext {font-family: calibri; color: #FAFAFA; font-size: 100%; font-weight: bold;}
.header1 {font-family: calibri; color: #FAFAFA; font-size: 150%; font-weight: bold;}
.valuesbullettext {font-family: calibri; color: #FAFAFA; font-size: 85%; font-weight: normal; }
.redbodytext {color: #FF0000}
.endlinktext {text-align: right; font-family: calibri;	font-size: 85%; color: #FF0000;}
.showcasetext {font-family: Calibri; font-size: 90%; color: #FF0000; font-weight: bold;}
.redText { color: #c80000; }
.linktext { color: #c80000; }
.blackText { color: #000000; }
.boldBlackText { color: #000000; font-weight: bold; }
.boldRedText { color: #c80000; font-weight: bold; }
.smlBlackText { font-size: 90%; color: #000000; }
.smlRedText { font-size: 90%; color: #c80000; }
.lrgboldRedbrushText { font-family:"Brush Script Std"; color: #f3c400; font-weight: bold; font-size: 200%; }
.lrgBoldRedText { color: #c80000; font-weight: bold; font-size: 110%;}
.smlBoldRedText { color: #c80000; font-weight: bold; font-size: 90%;}
.smlBoldYellowText  { color: #f3c400; font-weight: bold; font-size: 90%;}
.mediumBoldYellowText  { color: #f3c400; font-weight: bold; font-size: 150%;}
.mediumBoldWhiteText  { color: #FFFFFF; font-weight: bold; font-size: 150%;}
.medlrgBoldYellowText  { color: #f3c400; font-weight: bold; font-size: 140%;}
.medlrgBoldWhiteText  { color: #FFFFFF; font-weight: bold; font-size: 140%;}
.whiteTitle { color: #ffffff; font-size: 110%; font-family: arial; font-weight: bold; }
.lrgBoldYellowImpactText { color: #f3c400; font-family: impact; font-weight: bold; font-size: 200%;}
.OrangeJGabledText { color: #f3c400; font-family: ji-gabled; font-weight: bold; font-size: 120%;}
.wedredJGabledText { color: #971B1E; font-family: ji-gabled; font-weight: bold; font-size: 120%;}
.medwedredJGabledText { color: #971B1E; font-family: ji-gabled; font-weight: bold; font-size: 150%;}
.medOrangeJGabledText { color: #f3c400; font-family: ji-gabled; font-weight: bold; font-size: 140%;}




/*Table settings*/
#valuesTable { width: 570px; font-size: 90%; border-collapse: collapse;}
.raTDRedBottomLine { border-bottom: 1px solid #ff0000; text-align: right; padding-right: 5px;} 
.laTDRedBottomLine { border-bottom: 1px solid #ff0000; text-align: left; padding-left: 22px;} 
.raTDWhiteBotLeft { text-align: right; padding-right: 10px; vertical-align:top;} 
.raTDWhiteTopLeft { text-align: left; padding-top: 5px; padding-right: 10px; vertical-align: text-top;} 
.laTDWhiteBotLeft { text-align: left; padding-left: 5px;} 

.timetableTable {padding-left:100px; margin-left: -1px;}
.timetableTable td { padding-right: 20px; }

.tdVertAlignTop { vertical-align: text-top; }

/* Teachers Table */
#teachersTable td { vertical-align: top; padding-bottom: 20px;}
.thrTblLeftCol { width: 160px; padding-top: 4px;}

#classesTable { width: 620px; border-collapse: collapse; margin-left: -4px;}
.classesTableLTD { width: 300px; vertical-align:top; padding-left: 5px; }
.classesTableRTD { width: 320px; vertical-align:top; padding-left: 16px; }

.classpicturetable {background-image: url(../images/classpicturebkground.jpg); background-repeat: no-repeat; margin-left: 10px;
	margin-top: 10px;}

.pricesRedTableHeadI { width: 140px;
					  background-color: #c80000; 
					  border: 1px solid #000000;
					  color: #ffffff; 
					  text-align: left; font-weight: bold; font-size: 110%;
					  padding: 8px 10px 8px 10px;}
.pricesRedTableHeadII { width: 140px;
                      background-color: #c80000; 
					  border: 1px solid #000000;
					  color: #ffffff; 
					  text-align: center; font-weight: bold; font-size: 110%;
					  padding: 10px 10px 10px 10px;}
.pricesRedTableHeadIII{ width: 90px;
                        background-color: #c80000; 
						border: 1px solid #000000;
					    color: #ffffff; 
					    text-align: center; font-weight: bold; font-size: 110%;
					    padding: 10px 10px 10px 10px;}
.pricesRedTableHeadIV {  width: 140px;
						background-color: #c80000; 
						border: 1px solid #000000;
					    color: #ffffff; 
					    text-align: center; font-weight: bold; font-size: 110%;
					    padding: 10px 10px 10px 10px;}
					  
.pricesWhiteTableCell { color: #ffffff; 
						padding: 0px; margin: -2px;
						border-collapse: collapse;
					    text-align: center; font-size: 85%; }
.pricesYellowTableCell { padding: 0px;
						margin:-2px;

						border-collapse: collapse;
						color: #000000;
						vertical-align: middle;
					    text-align: center; font-size: 85%; font-weight: bold;}
						
.pricesYellowTableCell input { display: block; }

#locationDetailsTable { width: 100%; margin-left: -2px;} 
.locDetTblRightCold { text-align: left; padding-right: 10px; vertical-align: text-top;} 
.vertAlignRedText { vertical-align: top; color: #c80000; font-weight: bold; }

#carparkTable { margin-left: -1px;}
#carparkTable td {  vertical-align: top; padding: 0px 47px 10px 0px; }

#newsletterTable { border: 0px;}

/* List Ooptions */
.redBullet { color: #c80000; }
.redBulletBold { color: #c80000;  list-style-type: disc; font-weight: bold;}
.redBulletBold a { text-decoration: none; color: #c80000; }
.yellowBullet { color: #f3c400; }
.yellowBulletBold { color: #f3c400;  list-style-type: disc; font-weight: bold;}
.yellowBulletBold a { text-decoration: none; color: #f3c400; }
.whiteLineList { list-style-image: url(file:///F|/images/listImg.jpg); }


.topLinkRed { text-decoration: none;  color: #c80000; float: right; font-size: 85%; }
.topLinkYellow { text-decoration: none;  color: #f3c400; float: right; font-size: 85%; }

.imgCenter { padding-left: 15px; }