body
	{
	background: #DDDDCC url(../images/bgr.gif) repeat-x top left;
	margin: 0 auto;
	padding: 0 auto;
	
	font-family: Arial, sans-serif;
   	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
    	color: #fff;
	text-align: center;
	}
	
p, td, ul, ol, h1, h2, h3, h4, h5, h6
	{
	font-family: Arial, sans-serif;
	}
li
	{
		list-style-image: none;
 text-align:left;
 list-style: none;
	}

.clear
	{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}

a img
	{
	border: none;
	}

a
	{
	color: #fff;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}

h1
	{
	font-family: Georgia, 'Times New Roman', serif;
	color: #B7D1E8;
	font-size: 34px;
	line-height: 1.2;
	font-weight: normal;
	margin: 0;
    	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited
	{
	text-decoration: none;
	}
	
h1 a:hover, h1 a:active
	{
	text-decoration: underline;
	}

h2
	{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1;
	margin: 0;
    	padding: 0;
	border: 0;
	}

	
/* PAGE */

#pageframe
	{
	background: #2063B0 url(../images/pgBgr.jpg) no-repeat top left;
	width: 800px;
	margin: 0 auto;
    	padding: 30px 30px 100px 30px;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	}


/* HEADER */

#header
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0;
    	padding: 0 0 6px 0;
	border-bottom: 1px #fff solid;
	}

.arrowbutton
	{
	position: relative;
	float: left;
	display: inline;
	width: 16px;
	height: 18px;
	margin: 0 5px 0 469px ;
    	padding: 0;
	}	

#infolink
	{
	position: relative;
	float: left;
	display: inline;
	width: 150px;
	margin: 0 ;
    	padding: 0;
	text-align: right;
	line-height: 1.2;
	}

#logo
	{
	position: relative;
	float: left;
	display: inline;
	width: 640px;
	margin: 20px 0 0 0;
    	padding: 0;
	text-align: left;
	}


/* HOME PAGE SUBHEAD  */
	
#home #subhead
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0 ;
	padding: 40px 0 6px 0;
	text-align: left;
	border-bottom: 1px #fff solid;
	}

#welcome
	{
	position: relative;
	float: left;
	display: inline;
	width: 465px;
	margin: 0 ;
	padding: 0;

	}
	
#home #welcome h2
	{
	width: 260px;
	margin: 0 0 10px 0 ;
	padding: 0;
	}
	
#home #welcome p
	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	}


/* HOME PAGE LOGIN  */
	
#login
	{
	position: relative;
	float: left;
	display: inline;
	width: 143px;
	margin: 34px 0 0 0 ;
	padding: 0;
	border: 0px #FFA95D solid;
	}
	
#loginbutton
	{
	position: relative;
	float: left;
	display: inline;
	width: 25px;
	margin: 33px 0 0 3px ;
	padding: 0;
	border: 0px #F67D4D solid;
	}
	
#txtCode
	{
	width: 139px;
	height: 19px;
	margin: 0 ;
	padding: 0 0 0 3px ;
	line-height: 1.3;
	color: #42607F;
	text-align: left;
	border: 1px #9BBDE1 solid;
	}


/* HOME PAGE CONTENT */
	
.error
	{
	color: #FF9A38;
	font-weight: bold;
	text-decoration: none;
	}

#home #content
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
    	height: 350px;	
	margin: 0;
	padding:  60px 0 30px 0;
	text-align: left;
	border-bottom: 1px #fff solid;
	}
	
#home #content p
	{
	width: 320px;
	}


/* FORM PAGE SUBHEAD */
	
#getdata #subhead
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0 ;
	padding: 20px 0 10px 0;
	text-align: left;
	border-bottom: 1px #fff solid;
	}
	
#getdata #welcome h2
	{
	margin: 0 0 10px 0 ;
	padding: 0;
	}
	
#getdata #welcome p
	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	}




/* SCHOOL BANNER LOGO */

#schoollogo
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0;
	padding: 10px 0 10px 0;
	
	}
#validationsummary
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0;
	height:auto ;
	padding: 0px 0 2px 0;
	
	}

/* FORM PAGE CONTENT */	

#getdata #content
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0;
	padding:  0px 0 60px 0;
	text-align: left;
	border-bottom: 1px #fff solid;
	}
	
#getdata #content div	/* controls vertical spacing of form fields */
	{
	position: relative;
	float: left;
	display: inline;
	margin: 6px 0 0 0 ;
	padding: 0;
	}
	
#formA, formB	/* controls position and width of both forms */
	{
	position: relative;
	float: left;
	display: inline;
	width: 800px;
	margin: 0 ;
	padding: 0;
	
	}

#formA input, #formB input	 /* defines appearance of all form input fields, except submit button and checkbox. */
	{
	height: 19px;
	margin: 0 ;
	padding: 0 0 0 3px ;
	line-height: 1.5;
	color: #42607F;
	text-align: left;
	border: 1px #9BBDE1 solid;
	}

#formA .formitem { width: 135px; }	/*  width of text container  */
#formA .formfield { width: 500px; }	/*  width of input container.  input boxes are defined within each input tag  */

#getdata .state	/* controls vertical spacing of form fields */
	{
	width: 34px;
	}
#getdata .zip	/* controls vertical spacing of form fields */
	{
	width: 40px;
	}	
#getdata .phone	/* controls vertical spacing of form fields */
	{
	width: 120px;
	}	
		
#formB .formitem { width: 70px; height: 21px; }		/*  width of container  */

#formB .formfield1 { width: 220px; height: 21px; }	/*  width of container  */
#formB .formfield1  input { width: 210px; }	/*  width of input box  */

#formB .formfield2 { width: 220px; height: 21px; }	/*  width of container  */
#formB .formfield2  input { width: 210px; }	/*  width of input box  */

#formB .formfield3 { width: 130px;  height: 23px; }	 /* width of container for dropdowns.  There seems to be a bug with the dropdown boxes that requires the div height to be greater than the other fields.  Drove me nuts trying to understand what the problem was.  */
#formB select	/* controls appearance of Grade/Teacher dropdown selections */
	{
	width: 130px;
	height: 19px;
	margin:  0;
	padding: 0;
	font-size: 10px;
	color: #42607F;
	line-height: 1.5;
	text-align: left;
	border: 1px #9BBDE1 solid;
	}

#getdata #content .code
	{
	width: 640px;
	padding: 0;
}

#getdata #content .code2
	{
	width: 640px;
	padding: 0;
	}

/* FOOTER */

#footer
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0 ;
	padding: 5px 0 0 0;
	}

#copyright
	{
	position: relative;
	float: left;
	display: inline;
	width: 318px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
#sitecredit
	{
	position: relative;
	float: left;
	display: inline;
	width: 780px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
#sitecredit a { color: #FFCB66; text-decoration: none; }
	
#sitecredit a:hover { text-decoration: underline; }