body, td, input, textarea
	{
		color: #333;
		font-size: small;		
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}	

	html body
	{
		padding: 0 0 25px 0;
		margin: 0px;
		text-align: center;
	}

	.complete
	{
		clear: both;
	    margin: 0;
	 	padding: 0;
	}

	#wrapper
	{	
		margin: 2px auto;
		margin-top: 20px;
		width: 600px;
		text-align: left;
		background: url(./gfx/bg_fill.gif) repeat-y;
		background-color: transparent;		
	}
		
	.body_01
	{
		float: left;	
		width: 100%;
		background: url(./gfx/bg_top.gif) no-repeat top left;
		background-color: transparent;
		padding-top: 120px;		
	}
	
	.body_02
	{
		float: left;
		width: 100%;
		background: url(./gfx/bg_bottom.gif) no-repeat bottom left;
		background-color: transparent;
		padding-bottom: 82px;
	}
	
	.spacer
	{
		float: left;
		width: 1px;
		height: 340px;	
	}		
	
	.body_03
	{
		float: right;
		width: 510px;
		margin: 0 20px 0 0;
	}
	
	p
	{
		margin-top: 0;
		margin-bottom: 0.8em;
	}
	
	h4
	{
		font-size: 1em;
		margin-top: 0;
		margin-bottom: 0.6em;
		color: #306;	
	}
	
	.small_text
	{
		font-size: xx-small;
		color: #306;	
	}
	
	.error
	{
		color: #F00;
		margin-left: 12px;	
	}			
	
	img
	{
		border: none;
	}	
	
	
/*----------------landing ------------------*/	

	.btn_report
	{
		float: left;
		margin: 10px 10px 0 0;
		padding: 0;
	}
	
	.btn_change
	{
		float: left;
		margin: 10px 10px 0 0;
		padding: 0;
	}
	
	.btn_view
	{
		float: right;
		margin: 10px 10px 0 0;
		padding: 0;
	}		


/* -------------------- form -------------------- */	


	div.row
	{
		clear: both;
		width: 500px;		
		padding-top: 0.6em;

	}	

	span.label
	{
		float: left;
		width: 120px;
		text-align: right;
	}

	span.entry
	{
		float: right;
		width: 380px;		
		text-align: left;
	}
	
	span.required
	{
		padding-left: 4px;
		vertical-align: top;
		color: #aaa;		
	}
	
	body input, body select, body .button, body textarea
	{
		border: 1px solid #AA80FF;
		padding-left: 4px;	
	}
	
	.label input
	{
		border: none
	}	
	
	.button
	{
		margin-top: 1.6em;
		border: 1px solid #306;
		background-color: #D5BFFF;
		color: #306;
		font-weight: bold;
		cursor: pointer;
	}
	
	.comment
	{
		margin: 6px 0 4px 14px;
		color: #666;
	}
	
	.return
	{
		float: left;
		margin-top: 60px;
	}
	
	.schoolItem
	{
		margin-bottom: 6px;
	}
	
	.schoolItem strong
	{
		color: #306;
	}	
	
	.alphalinks
	{
		margin: 14px 0 20px 0;
		width: 360px;			
	}

	img.icon
	{
		height: 26px;
		width: 46px;
		margin: 10px 10px 0 10px;
		vertical-align: middle;
	}	
	
	.alphalinks div
	{
		float: left;
		background-color: #D5BFFF;
		margin: 0 0.4em 0.4em 0;
		padding: 0 0 0.1em 0;
		width: 1.2em;
		text-align: center;
	}
			
	.alphalinks div.all
	{
		width: 2em;
		background-color: #AA80FF;
		font-weight: bold;
	}
			
	input.small, select.small
	{
		width: 80px;
	}

	input.medium, select.medium
	{
		width: 200px;
	}

	input.large, select.large, textarea, #button_pic_browse
	{
		width: 360px;
	}
	
	#OpenClosed input, #YesNo input
	{
		border: none;
	}

	textarea.tall
	{
		height: 140px;
	}

	textarea.short
	{
		height: 80px;
	}
	
	.chkItem
	{
		float: left;
		width: 110px;
		padding-bottom: 8px;
	}		
	
	.chkItem input
	{
		margin: 2px 0 0 0;
		padding: 0;
		float: left;
		border: none;						
	}				
	
	.chkItem span
	{
		float: right;
		width: 88px;						
	}
	
/* -------------------- links -------------------- */

	a:link, a:visited
	{
    text-decoration: none;
    color: #306;
    background-color: transparent;
	}

	a:hover
	{
    text-decoration: underline;
    color: #AA80FF;
    background-color: transparent;
	}		
			
	div.all a:link, div.all a:visited
	{
    text-decoration: none;
    color: #fff;
    background-color: transparent;
	}

	div.all a:hover
	{
    text-decoration: underline;
    color: #eee;
    background-color: transparent;
	}