* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #010202; 
	background-repeat: repeat-x;
	background-image: url(/images/background.png);
	text-align: center;
	z-index: 1;
	
	color: #FFFFFF; 
	line-height: 18px; 
	font-size: 9pt; 
	font-family: Trebuchet MS, Trebuchet, Arial;
}

a {
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

#content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 50px;
	
	min-height: 850px;
	
	
	background-image: url(/images/content-bg.png);
	background-repeat: repeat-y;
	background-position: top left;
	z-index: 2;	
}

#content h3 {
  color: #FFC721; line-height: 24px; font-weight: bold; font-size: 12pt; font-family: Trebuchet MS, Trebuchet, Arial;
  padding: 5px;
}

#content p {
  line-height: 1.2em;
  margin-bottom: 1em;  
  padding: 5px;
}

#content a {  color: #6BCBF7; line-height: 18px; font-size: 9pt; font-family: Trebuchet MS, Trebuchet, Arial  }
#content strong {  color: #C0C0C0; line-height: 20px; font-weight: bold; font-size: 10pt; font-family: Trebuchet MS, Trebuchet, Arial  }
#content input {  font-family: verdana, arial; height: 16pt; font-size:8pt; border: 1px solid rgb(100,100,100)  }
#content textarea {  font-family: verdana, arial; font-size:8pt; border: 1px solid rgb(100,100,100)  }


#barbackground {
	background-repeat: repeat-x;
	background-image: url(/images/bannerline.png);
	height: 73px;
	z-index: 3;
}

#centerContent {
  width: 585px;
  margin-left: 190px;	
}

#nav {
	width: 180px;
	float: left;
	margin-top: -72px;
	margin-left: 5px;
	z-index: 555;
}

#nav img {
	margin: 0px;
	padding: 0px;
}

#rightbar {
	float: right;
	width: 176px;
	margin-right: 10px;
}

.rightbar_img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#kidsbanner {
	margin-bottom: 10px;
	margin-right: 0px;
}

#btnSend {
	margin-left: 450px;
}

#schoolButton {
	padding-top: 10px;
	display: block;
}

#bottomnav {
	margin-top: 15px;
	width: 600px;
}

#bottomnav img {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.legal {
  margin-left: 30px;
  margin-right: 25px;
  margin-bottom: 1em;  
  margin-top: 2em;

  
  font-size: xx-small;
  line-height: 1em;
}

#flyer {
	float: left;
	position: absolute;
	top: 540px;
	margin-top: 50px;
	margin-left: -170px;
	z-index: 4;
}

#emailformtop {
	background-image: url(/images/formtop.jpg);
	background-repeat: no-repeat;
	background-position: top left;

	width: 500px; 	
}

#emailform {
	background-image: url(/images/formmid.jpg);
	background-repeat: repeat-y;
	width: 500px; 	
}

.emailnote {
	font-size: 8pt;
	line-height: 8pt;
	color: #8da1ae;
}

#emailformbottom {
	background-image: url(/images/formbottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	
	width: 500px; 	

	padding-bottom: 17px;
	margin-left: 75px;
	margin-bottom: 2em;
	margin-top: 1em;
	
	position: relative;
	z-index: 3;
}


#emailform td {
	padding-top: 7px;
}

#topspacer {
	height: 17px;
}

.emailform_label {
	width: 105px;
	font-weight: bold;
	font-size: 11pt;
	line-height: 21pt;
	padding-left: 10px;	
	padding-right: 5px;
	text-align: right;	
	vertical-align: top;
}

#sendername, #senderemail, #schoolname, #message, #addresses {
	width: 340px;
	padding-left: 5px;
	padding-right: 5px;
}

#message, #addresses {
	height: 75px;
}


#schoolcode {
	width: 125px;
	padding-left: 5px;
	padding-right: 5px;	
}

#form_missing_view {
	text-align: center;
	padding-left: 30px;
}

#form_missing_view #emailformbottom {
	margin-left: 0px;
}

#form_missing_view #emailformbottom #emailformtop {
	height: 90px;
	padding-top: 80px;
	color: #ff9b39;
	font-size: larger;
	font-weight: bold;
}

#postStatus {
  margin-left: 80px;
  margin-right: 12px;
  margin-bottom: 1em;  
  padding-top: 5px;
  padding-bottom: 5px;  
  padding-right: 20px;
  
  text-align: right;
  
  color: #ff9b39;
  font-size: larger;
  font-weight: bold;
}

#postStatus .error {
	color: #f32733;
}