body {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #FcFcFc; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; COLOR: #000; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#container {
	BORDER-RIGHT: #3e23d0 1px solid;
	BORDER-TOP: 1px solid #3e23d0;
	BACKGROUND: #ffffff;
	MARGIN: auto;
	BORDER-LEFT: #3e23d0 1px solid;
	WIDTH: 880px;
	BORDER-BOTTOM: #3e23d0 1px solid;
	TEXT-ALIGN: left;
	
}


#header {
	BACKGROUND: Navy url(images/fader4.jpg);
	BORDER-BOTTOM: 1px solid White;
	HEIGHT: 129px;
	TEXT-ALIGN: center;
}

#left {
	LEFT: -2px;
	FLOAT: left;
	MARGIN-LEFT: -139px;
	WIDTH: 140px;
	POSITION: relative;
	/* top: 196px; */

}

#left P {
	PADDING-LEFT: 5px;
}

#middle {
	BORDER-RIGHT: white 1px solid;
	BACKGROUND: #ffffff;
	MARGIN-LEFT: 140px;
	BORDER-LEFT: 1px solid White;
}

* HTML #middle {
	MARGIN-LEFT: 140px; 
	HEIGHT: 1%;
}

#middle p {
	margin-right: 10px;

}

#footer {
	CLEAR: both;
	BORDER-TOP: #3e23d0 1px solid;
	BACKGROUND: #ADD8E6;
	BORDER-BOTTOM: #3e23d0 2px solid;
	HEIGHT: 2.7em;
	TEXT-ALIGN: center;
	background-image: url(images/blueblend2.jpg);
}

h1 {
	MARGIN-TOP: 0px;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 300%;
	font-style: italic;
	font-weight:normal;
	text-shadow: 2px 2px 3px #000;
}
#smallhead {
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:160%;
	font-style: italic;
	color:#fff;
	padding-right:20px;
	margin-top:-10px;
text-shadow: 0px 1px 0px #000;
	}

h2 {
	font-style: normal;
	color: #0769B0;
}

h3 {
	MARGIN-TOP: 0px;
}

h3 span {
color:#0769B0;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	color: Navy;
}

p {
	MARGIN-TOP: 0px;
}

/* snazzyboxes */

.xsnazzy h2, .zsnazzy h2 {
   margin:0; 
   font-size:1.2em; 
   padding:0 10px 5px 10px; 
   border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
   margin:0; 
   padding:5px 10px; 
   font-size:12px;
}
.xsnazzy {
   background: transparent; 
   width:335px; 
   float:left; 
   margin:0 5px 10px 10px;
}

.xtop, .xbottom {
   display:block; 
   background:transparent; 
   font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
   display:block; 
   overflow:hidden;
}
.xb1, .xb2, .xb3 {
   height:1px;
}
.xb2, .xb3, .xb4 {
   background:#fff; 
   border-left:1px solid #444;
   border-right:1px solid #444;
}
.xb1 {
   margin:0 5px; 
   background:#444;
}
.xb2 {
   margin:0 3px;
   border-width:0 2px;
}
.xb3 {
   margin:0 2px;
}
.xb4 {
   height:2px; 
   margin:0 1px;
}

.xboxcontent {
   display:block; 
   border:0 solid #444; 
   border-width:0 1px; 
   height:auto;
}
* html .xboxcontent {
   height:1px;
}
.xboxcontent h3{
padding-left:10px;
}
.xboxcontent h2{
text-shadow:1px 1px 1px #000;
}

.color_a {
   background:#0769B0;
   color:#fff;
}
.color_b {
   background:#d4d8bd; 
   color:#000;
}
.color_c {
   background:#758279; 
   color:#fff;
}
.color_d {
   background:#b2ab9b; 
   color:#000;
}

/* end snazzy boxes */

.b {
  font-weight: bold;
  color: #0769B0;
}

.imgbox {
	margin-left: 10px;
	width: 225px;
	float: right;
}

.smallimgbox {
	width: 130px;
	float:right;
}

.centrebox {
   width: 300px;
	margin: auto;
	font-size: 120%;
	margin-bottom: 10px;
}

.centrebox2 {
   width: 150px;
	margin: auto;
	font-size: 120%;
	margin-bottom: 10px;
}

/* shadowbox */

.out {
	display: block;
	background: #D8D8D8;
	border: 1px solid #ddd;
	position: relative;
	margin: 1em 0;
}
.in {
	text-align: center;
	background: #fff;
	border: 1px solid Navy;
	position: relative;
	padding: 5px;
	font-weight: normal;
}
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;} /* change to suit */
.image {width:212px; padding:0;}

/* end shadowbox */

.rightbox {
   width: 350px;
	margin: auto;
	margin-bottom: 10px;
	float: right;
	padding-right: 10px;
}

.rightbox2 {
   width: 280px;
	margin: auto;
	margin-bottom: 10px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

.rightbox3 {
	width: 240px;
	margin: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	border: thin dashed Blue;
}

.rightbox4 {
   width: 220px;
	margin: auto;
	margin-bottom: 10px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

.rightbox5{
width:500px;
float:right;

}

.leftbox {
	width: 212px;
	margin: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
	min-height:400px;
	padding: 10px;
	border: thin dashed Blue;
}

.leftbox2 {
   width: 200px;
	margin: auto;
	margin-bottom: 10px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.myTable {
	width: 90%;
	border: none;
}

.myTable td, .myTable th {
	padding-left: 20px;
	padding-top: 5px;
	vertical-align: top;
}

.wideTable {
	width: 95%;
	border: none;
}
.wideTable td, .wideTable th {
	padding-left: 20px;
	padding-top: 5px;
	vertical-align: top;
}


.myRed {
	color: Red;
	font-weight: bold;
	text-align: center;
}

.justRed {
color:red;
}
.myCentredTable {
	width: 90%;
	border: none;
}

.myCentredTable td, .myTable th {
	text-align: center;
	padding-left: 20px;
	padding-top: 5px;
	vertical-align: top;
	font-size: 120%;
	font-weight: bold;
}

.myOtherTable {
	width: 625px;
	border: none;
}

.myOtherTable td, .myOtherTable th {
	padding-left: 20px;
	padding-top: 5px;
	vertical-align: top;
}

.hlt {
	background-color: Yellow;
	color: black;
}
.turq {
	background-color: #AFEEEE;
	text-align: left;
}

hr {
	color: Navy;
	width: 80%;
	margin: auto;
	background-color: Navy;
}

.myTable hr {
	color: #3e83c9;
	width: 80%;
	margin: auto;
	background-color: #3e83c9;
}

.feesTable {
	width: 725px;
	border: 0px none;
}

.feesTable td, .feesTable th {
	padding-top: 5px;
	vertical-align: top;
	text-align: center;
}

.feesTable .turq, .feesTable td .turq {
	text-align: left;
}

.niner {
	font-weight: bold;
	text-align: left;
}

.feesTable .niner {
	font-weight: bold;
	text-align: left;
}

.right-justify {
   float: right;
   margin-top: -1em;
}
.news {
	padding-left: 15px;
	padding-bottom: 10px;
}

.str {
font-weight: bold;
}

a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #fff;
	background-color: #0A208D;
}

.inset {
	margin-left: 25px;
}

.greyed {
	background-image: url(images/grey-grad.gif);
	background-repeat: repeat-x;
	padding: 11px 0 11px 5px;
	text-shadow: 0px 1px 0px #fff;
}


.account {
	width: 600px;
}
.account td, .account th {
	padding-left: 5px;
	padding-top: 10px;
	vertical-align: top;
}

.cellright {
	text-align: right;
}

.warning {
	width:600px;
	text-align: center;
	font-weight: bold;
}

.central {
	text-align:center;
	font-weight: bold;
	}
	
.central2 {
	width:570px;
	border: 1px solid blue;
	margin: auto;
	padding:10px;
	margin-bottom:15px;
	-webkit-box-shadow: 4px 4px 4px #ccc;
	   -moz-box-shadow: 4px 4px 4px #ccc;
	        box-shadow: 4px 4px 4px #ccc;
			
	-webkit-border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	-moz-border-radius-bottomright: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;			
	}
/* form bits */

form {
	width:520px;
}
form br {
	clear:left;
}

fieldset {
	
	border: 1px solid Navy; padding: 10px;
}

form label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 200px;
	padding: 0px;
	margin: 5px 15px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
 legend {
 	font-size: 110%;
	padding: 10px;
 }

 /* month selection form */
 #myForm {
	margin: auto;
	width: 600px;

	padding: 5px;
}

.formLeft {
	float: left;
}

.formRight {
	float: right;
}

.myLists {
	list-style-position: outside;	
	}
.myLists li {
	padding-left: 5px;
	padding-bottom:5px;
	}
 .clearfix {
 clear:both;
 }

.blocks {
width: 460px;
border: 2px solid navy;
margin-left:10px;
font-size:120%;
padding:5px 0px;
}

.blocks a:link, .blocks a:visited {
display:block;
width:400px;
padding:10px;
text-decoration:none;
border-bottom:2px solid #fff;
border-top:2px solid #fff;
background: url(images/arrow10.gif) no-repeat left center;
padding-left:50px;
}

.blocks a:hover, .blocks a:active {
background: url(images/arrow10.gif) no-repeat left center #cff;
color:#000;
border-bottom:2px solid #000;
border-top:2px solid #000;
}

.blocks span{
opacity:1.0; /* FX/Opera/Safari/Chrome */
-ms-filter:"alpha(opacity=100)"; /* IE8 */
filter:alpha(opacity=100); /* IE6/IE7 */
}

.quoted {
width:90%;
margin-left:50px;
font-style:italic;
margin-top:10px;
}

.cadets{
margin:auto;
width:550px;
border:8px double red;
padding:10px;
margin-bottom:10px;
}

.spacedMinutes {
	padding-left:270px;
}
