@import url(fonts.css);

	body
	{
		text-align: center;
		font-family: "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		color: black; background-color: transparent;
		margin: 0px 0px 0px 0px;	
	}

	a, a:link, a:visited, a:active
	{
		text-decoration: none;
		border: 0;
		color: Black;
	}
	
	br
	{
		clear: left;
	}
	
	li
	{
		font-family: "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		font-size: 13px; line-height: 18px;
		margin-bottom: 5px;
		list-style-type: square;
		list-style-position: inside;
	}
	
	img
	{
		text-align: left; vertical-align: top;
		border: 0px solid RGB(255,255,255);
	}
	img.logo
	{
		position: absolute; display: inline; visibility: visible; 
		left: 0px; top: 23px; width: 120px; height: 178px;
	}
	img.topbar
	{
		position: absolute; display: inline; visibility: visible; 
		left: 150px; top: 0px; width: 550px; height: 165px;
	}
	img.product
	{
		position: relative; display: inline; visibility: visible;
		float: right;
	}
	
	h3
	{
		font-family: "Optima Bold", sans-serif; font-style: normal; font-weight: bold; font-size: 16px;
		text-align: left;
	}	
	h3.red
	{
		color: #EE2526;
	}
	h3.green
	{
		color: #009966;
	}
	
	h4
	{
		font-family: "Optima Bold", sans-serif; font-style: normal; font-weight: bold; font-size: 13px;
		text-align: left;
		margin-bottom: 0px;
	}	
	
	
	
	#base
	{
		text-align: left; 
		position: relative; display: block; visibility: visible;
		width: 700px; height: 580px;
		margin: 0px 0px 0px 10px;
		border: 0px solid RGB(240,240,240);
	}
	

	.leftcolumn
	{
		position: absolute; display: inline; visibility: visible; 
		left: 0px; top: 210px; width: 150px; 
		font-size: 13px; line-height: 18px;
		padding-right: 20px;
	}
	.main
	{
		position: absolute; display: inline; visibility: visible; 
		left: 150px; top: 210px; width: 550px;  height: auto;
		font-size: 13px; line-height: 18px;
	}
	
	.clickable
	{
		cursor: pointer;
	}
	
	.superscrpt
	{
		position: relative; vertical-align: super;
		font-size: 60%;
	}
	
	
	
	
	
	
	#bottompanel
	{
		position: relative; display: block; 
		left: 0px; width: 100%; height: 10px;
		color: black; background-color: #f8f8f8;
		text-align: left;
		vertical-align: baseline;
		margin-top: 30px;
	}
	.bottompanelimage
	{
		text-align: left;
		vertical-align: bottom;
	}
	.bottompaneltext
	{
		text-align: right;
		vertical-align: bottom;
	}
	
	#locdetails
	{
		font-size: 12px;
		text-align: right;
	}
	#copyright
	{
		font-size: 8px;
		text-align: left;
		padding-left: 5px;
		color: black;
		text-transform: uppercase;
		letter-spacing: 2px;
	}


	
	
	
	
	
	.formrow
	{
		font-family:  "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		font-size: 13px; 
		vertical-align: top;
	}
	.formcol
	{
		vertical-align: top;
		width: 50%;
	}
	.forminput
	{
		font-family: "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		font-size: 13px; 
		width: 98%;
		margin-bottom: 10px;
		border: solid 1px navy;
		background-color: #eef9ff;
	}
	select.forminputsel
	{
		font-family: "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		font-size: 13px; 
		width: 98%;
		margin-bottom: 10px;
	}
	.multiforminput
	{
		width: 95%;
		margin-bottom: -3px;
	}
	
	#response
	{
		text-align: left;
		font-family: "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		font-size: 13px; 
	}
	

	
	
	.schoolsrow
	{
		vertical-align: middle;
	}
	.schoolsdata
	{
		font-family: "Optima Regular", sans-serif; font-style: normal; font-weight: normal;
		font-size: 11px; line-height: 13px;
		border: solid 1px #e0e0e0;
		height: 20px;
	}
	
	
	
	
	
	
	#id1
	{
		position: relative; display: inline; visibility: visible; 
	}
	#id2,#id3,#id4,#id5,#id6,#id7,#id8,#id9,#id10
	{
		position: relative; display: none; visibility: hidden; 
	}