@charset "UTF-8";
/* CSS Document */

body {
font-family: Verdana, Geneva, sans-serif;
color: #505050;
margin: 20px 0px 500px 0px;
background-color: #F2F2F2;
font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6, p, ul {
padding: 0;
margin: 0;
}

address {
font-size: 0.8em;
font-style: normal;
}

br.clear {
height:1px;
clear:both;
line-height: 1px;
}

/* WRAPPER */

#wrapper {
width: 818px;
margin: auto;
border: solid 1px #B70050;
padding: 0px 30px 30px 30px;
background-color: #FFF;
height: auto;
}

/*RAD LOGO */

#footerlogo {
width: 120px;
height: 71px;
float: right;
margin-top: 20px;

}

/* TOP MENU */

#menuborder {
width: 818px;
float: left;
}

table.tablemenu {
width: 818px;
margin: 0px 0px 10px 0px;
}

.tablemenu td {
color: #B70050;
padding: 0px 0px 5px 5px;
text-align: center;
}

.tablemenu td a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.7em;
text-align: center;
color: #B70050;
text-decoration: none;
}

.tablemenu a:visited {
color: #B70050;
text-decoration: none;
}

.tablemenu a:hover {
color: #505050;
text-decoration: none; 
}

/* TOP CONTENT */

#header {
height: 115px;
background-color: #FFF;
margin-top: 30px;
}

#headertext {
width: 350px;
float: left;
margin-top: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
color: #505050;
font-weight: normal;
}

#headerlogo {
float: right;
width: 200px;
}

#mainimage {
width: 818px;
height: 270px;
margin: 10px 0px 15px 0px;
}

/* MAIN CONTENT */

#maincontent h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 2.6em;
line-height: 1.3em;
margin: 0 0 10px 0;
padding: 0;
color: #B70050;
}

#maincontent h2 {
font-size: 1.5em;
color: #505050;
line-height:1.3em;
margin-bottom: 3px;
}

#maincontent h3 {
font-size: 1.4em;
color: #B70050;
line-height:1.3em;
font-style:italic;
font-weight: normal;
margin-bottom: 3px;
}

#maincontent h4 {
font-size: 1.3em;
color: #B70050;
line-height:1.2em;
font-weight: bold;
}

.tempbigger {
font-family: Verdana, Geneva, sans-serif;
font-size: 1.5em;
color: #B70050;
font-weight: bold;
}

#maincontent h5 {
font-size: 1.6em;
color: #505050;
line-height:1.4em;
font-style: italic;
font-weight: normal;
}

#maincontent p {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 15px;
}

#maincontent strong {
font-weight: bold;
}

#maincontent em {
font-style: italic;
}

.teachers {
width: 540px;
margin-bottom: 15px;
font-size: 1em;
margin-bottom: 15px;
border-bottom: dotted #B70050 1px;
}

#maincontent .teachers img {
width: 100px;
height: 112px;
margin-bottom: 10px;
margin-right: 10px;
text-align: left;
float: left;
}

#maincontent {
width: 540px;
float: left;
margin-top: 10px;
line-height: 150%;
}

#rightpicturebox {
width: 254px;
padding: 0px;
float: right;
margin-top: 10px;
}

#eventcontent {
border-bottom: 1px dotted #B70050;
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
}

#eventcontentlast {
padding-top: 5px;
}

/* UNIFORM */

#uniform {
width: 256px;
height: 470px;
margin: 0 20px 20px 0;
text-align: center;
float: left;
border: dotted 1px #B70050;
padding-top: 20px;
vertical-align: bottom;
bottom: 0px;
}

#uniform2 {
width: 256px;
height: 470px;
margin: 0 0 20px 0;
text-align: center;
float: left;
border: dotted 1px #B70050;
padding-top: 20px;
}

#uniformboys {
width: 256px;
height: 550px;
margin: 0 20px 20px 0;
text-align: center;
float: left;
border: dotted 1px #B70050;
padding-top: 20px;
}

#uniform img {
vertical-align: bottom;
}

#uniform table {
width: 256px;
height: 450px;
}

#uniformboys table {
width: 256px;
height: 550px;
}

#uniformboys table tr td {
text-align: center;
vertical-align: bottom;
}


#uniform table tr td {
text-align: center;
vertical-align: bottom;
}

#uniform2 table {
width: 256px;
height: 450px;
}

#uniform2 table tr td {
text-align: center;
vertical-align: bottom;
}

/* MAIN LINKS */

a:link {
color: #505050;
text-decoration: underline;
}

a:visited {
color: #505050;
text-decoration: underline;
}

a:hover {
color: #B70050;
text-decoration: underline;
}

a:active {
color: #505050;
text-decoration: underline;
}


/* EVENTS STYLES */

.eventname {
font-family: Verdana, Geneva, sans-serif;
font-style: italic;
font-weight: bold;
margin: 0px;
}

.eventitle {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 100%;
margin: 0px;
color: #B70050;
border-bottom: 1px #B70050 dotted;
margin-bottom: 5px;
}

.eventsborder {
border-bottom: 1px #B70050 dashed;
}

/*IMAGE STYLES*/

#imgborder {
border: thin #B70050 solid;
}

/* TABLE STYLES */

table.classestable1 { 
width: 260px;
border-collapse: collapse;
border: none;
}

.classestable1 td, th { 
padding: 3px 0 3px 0; 
font-size: 1.2em;
border-bottom: 1px #B70050 dotted;
text-align: left;
} 

table.classestable2 { 
width: 260px;
margin-left: 20px;
border-collapse: collapse;
border: none;
}

.classestable2 td, th { 
padding: 3px 0 3px 0; 
font-size: 1.2em;
border-bottom: 1px #B70050 dotted;
text-align: left;
} 

.classtablecontainer {
width: 540px;
vertical-align: top;
}

.classtablecontainer td {
vertical-align: top;
}

#examwidetable {
width: 340px;
}

#examnarrowtable {
width: 200px;
}

.tableexams { 
border-collapse: collapse;
border: none;
vertical-align: top;
}

.tableexams td, th { 
padding: 3px 0 3px 0; 
font-size: 1.2em;
border-bottom: 1px #B70050 dotted;
text-align: left;
vertical-align: top;
line-height: 1.3em;
}

/* GALLERY */

#galleryframe1 {
width: 259px;
float: left;
margin: 20px 20px 0 0;
} 

#galleryframe2 {
width: 259px;
float: left;
margin: 20px 0px 0 0;
} 

#galleryframe3 {
width: 399px;
float: left;
margin: 20px 20px 0 0;
} 

#galleryframe4 {
width: 399px;
float: left;
margin: 20px 0px 0 0;
} 

#gallerymenu {
width: 818px;
line-height: 1.2em;
}

#gallerymenu a {
text-decoration: none;
}

#gallerymenu a:hover {
text-decoration: none;
background-color: #B70050;
color: #FFF;
}

#gallerymenu a:visited {
text-decoration: none;
}


/* FORM */

.cssform p {
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
}

.cssform label {
font-weight: normal;
line-height: 130%;
float: left;
margin-left: -200px; /*width of left column*/
width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform.dob label {
font-weight: normal;
line-height: 130%;
float: left;
margin-left: -200px; /*width of left column*/
width: 60px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
}

.cssform textarea {
width: 250px;
height: 100px;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
}

legend {
font-family: Verdana, Geneva, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #505050;
text-transform: uppercase;
}

fieldset {
width: 500px;
}

.star {
font-size: 80%;
color: #B70050;
}