body { padding: 0; margin: 0 10% 0 10%; }

h1 { margin: 0 0 0 10px; font-family: Lucida Calligraphy, Book Antiqua, Lucida Sans Unicode; font-size: 30pt; vertical-align: middle;}
h2 {color: black; text-align: left; vertical-align: top; font-weight: bold; margin: 0 0 0 0; font-family: Lucida Sans Unicode; font-size: 14pt;}
h3 {color: black; text-align: left; font-weight: bold; margin: 10px 0 0 0; font-family: Lucida Sans Unicode; font-size: 11pt;}
h4 {color: black; font-weight: bold;  font-family: Lucida Sans Unicode; font-size: 11pt; text-align: center;}
h4 a {color: blue; font-weight: bold;  font-family: Lucida Sans Unicode; font-size: 10.5pt; text-align: center; padding: 0px;}

/*This is the first menu with all menu options*/
.narrowbanner {background: transparent; width: 100%; margin: 0 0 0 0;  } 
.narrowbanner .rb5, .narrowbanner .rb6, .narrowbanner .rb7, .narrowbanner .rb8 {background: #061D2E; display:block; overflow:hidden; font-size:1px; } 
.narrowbanner .rb5, .narrowbanner .rb6, .narrowbanner .rb7 {height:1px; background: #061D2E;} 
.narrowbanner .rb6 {background: #061D2E; border-left:1px solid #999; background: #061D2E;} 
.narrowbanner .rb7 {background: #061D2E; border-left:1px solid #999; background: #061D2E; } 
.narrowbanner .rb8 {background: #061D2E; border-left:1px solid #999; background: #061D2E;} 
.narrowbanner .rb5 {margin:0 5px; background: transparent;} 
.narrowbanner .rb6 {margin:0 4px; border-width:0 2px;} 
.narrowbanner .rb7 {margin:0 2px;} 
.narrowbanner .rb8 {height:2px; margin:0 1px;} 
.narrowbanner .text { color: #FBFC98; display: block; background: #061D2E; border-left:1px solid #0C4774; height: 18px; padding: 0 0 0 10px; font-family: Verdana, Comic Sans, Arial, Helvetica;} 
.narrowbanner .text a {font-family: Verdana, Comic Sans, Arial, Helvetica; font-size: 10pt;  color: #FBFC98; }

/*This is the banner with the images*/
.banner {  color: #FBFC98; display:block; background: #061D2E; border-left:1px solid transparent; width: 100%; }
.banner td img { height: 160px;}

/*This is the facilities submenu*/
.submenu { background-image: url('../images/gradient.gif'); height: 10px; margin: 0 0 0 2px ; width: 100%; }

/*Buttons that appear down the left*/
.facbutton {background: transparent;  padding: 0 0 2px 0; } 
.facbutton .rb5, .facbutton .rb6, .facbutton .rb7, .facbutton .rb8 {background: #FBA649; display:block; overflow:hidden; font-size:1px; } 
.facbutton .rb5, .facbutton .rb6, .facbutton .rb7 {height:1px; background: #FBA649;} 
.facbutton .rb6 {background: #FBA649; border-left:1px solid #999; background: #FBA649;} 
.facbutton .rb7 {background: #FBA649; border-left:1px solid #999; background: #FBA649; } 
.facbutton .rb8 {background: #FBA649; border-left:1px solid #999; background: #FBA649;} 
.facbutton .rb5 {margin:0 5px; background: transparent;} 
.facbutton .rb6 {margin:0 4px; border-width:0 2px;} 
.facbutton .rb7 {margin:0 2px;} 
.facbutton .rb8 {height:2px; margin:0 1px;} 
.facbutton .buttontext { text-align: center; color: #000000; font-weight: bold; display: block;
                          background: #FBA649; border-left:1px solid #FBA649; height: 18px; } 
.facbutton .buttontext a { font-family: Verdana, Comic Sans, Arial, Helvetica; font-size: 10pt;  color: #000000; }

/*Main table with buttons and text*/
.content td { vertical-align: top; padding: 10px 0 0 0; }

.pagecontent { vertical-align: top; padding: 0 30px 0 10px; width: 100%; }
.pagecontent p { vertical-align: top; text-align: justify; font-family: Verdana, Comic Sans, Arial, Helvetica; font-size: 10pt;}
.pagecontent li { text-align: justify; font-family: Verdana, Comic Sans, Arial, Helvetica; font-size: 10pt;}
.pagecontent img {cursor: hand; border: 0px none;}
.pagecontent td.intro {vertical-align: top; text-align: justify; font-family: Verdana, Comic Sans, Arial, Helvetica; font-size: 10pt; padding-right: 20px;}

.sponsors img { padding-right: 6px;}
.sponsors img a {text-decoration: none;}

.myschool {width: 160px; padding: 0px;}

.buttons {width: 250px;}