@media handheld{
body {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	color: #AA9C1D;
	margin: 0% 0.75% 0% 1%;
	font-size:small;
	 behavior: url(../ratemplates/csshover2.htc);
	}
	
p	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0% 0.75%;
	}
	
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 10px;
	width:auto;
	}

th {	
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	}

td {	
	font-style: normal;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #871891;
	font-weight: bold;
	margin: 0% 0.75%;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #871891;
	margin: 0% 0.75%;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #871891;
	font-size: 1.25em;
	margin: 0% 0.75%;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #871891;	
	font-size: 1em;
	margin: 0% 0.75%;
	}
a {
	color: #871891;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	}
	
img {
	margin: 0px;
	border: 0px;
	}
	
#logo {
	display: none;
	}

caption {
	
	font-weight: bold;
	text-align: left;	
	}
	
span.separator {
	color:#000000;
	display:none;
	}
	
.limitedwidth
{
	width:350px;
}
}


@media screen {

body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	color: #AA9C1D;
	margin: 0% 0.75% 0% 1%;
	behavior: url(../ratemplates/csshover2.htc);
	}
	
p	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0% 0.75%;
	}

table {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 10px;
	width:auto;
}

td {
	
	font-style: normal;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #871891;
	font-weight: bold;
	margin: 0% 0.75%;
}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#871891;
	margin: 0% 0.75%;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #871891;
	font-size: 1.25em;
	margin: 0% 0.75%;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #871891;	
	font-size: 1em;
	margin: 0% 0.75%;
	}

a {
	color: #871891;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#list-menu {
width: 132px;
}
#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
}

#list-menu li {
margin: 2px 0 0;
}

#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
}

#list-menu a {
	display: block;
	width:140px;
	border: 0px solid #000000;
	text-decoration: none;
	color: #0002FD;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-color: #000000;
}


#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #A99D17;
font-weight:bold;
font-size:small;
}

#list-menu a:hover {
	border: 0px solid #000000;
	color: #871891;
	font-weight:bold;
	background-color: #000000;
}	
img {
	margin: 0px;
	border: 0px;
	}
	
#logo {
	display: none;
	}	

#corp-logo-protected {
    top: 0px;
    height: 78px;
	width: 182px;
	left: 0px;
	
	}

/* 
	Hekuran Added this on 04-12-2006
	to ensure that the table has no left margin
	so that items on the table are aligned with
	other form objects.
*/
.tableNoLeftMargin {
	margin-left: 0px;
	width:auto;	
	}

th {	
	font-weight: bold;
	color: #000000;
	text-align: left;
	}
/* 
	Hekuran Added this on 04-12-2006
	The default th is bold and on some occasions
	it is not needed hence the regularHeader. 
*/
.regularHeader{	
	font-weight: normal;
	color: #000000;
	text-align: left;
	}
	
#holder {
	width: 800px;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	border:none;
    
	}
#left-column {
	float: left;
	width: 210px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#mid-column {
	top: 20px;
 	margin-left: 280px;
  	margin-right: 1px;
	}
#right-column {
	float: right;
  	padding: 0px 0px 0px 0px;
 	 width: 1px;	
	}
#footer {
	 padding-top: 5px;
  	text-align: center;
 	 clear: both;
	 }
#inline_img {
	float: right;
	margin-left: 10px;
	border: 0px;
	align: right;
	
	}	
#inline_txt_block {
	margin-right: 120px;
	}
#inline_txt_block_narrow {
	margin-right: 180px;
	}
#logo {
	display: none;
	}
	
.whitetext {
	color: #FFFFFF;
}

.redtext {
	color: #FF0000;
}

caption {
	font-weight: bold;
	text-align: left;
}


span.separator {
	color:#FFFFFF;
	display:none;
	}

/* The below section is Roger's CSS Online Form Best Practice, 
   pls don't know modify it without inform me */
form 
	{
		margin:0px;
	}

fieldset 
	{
		margin-left:7px;
		padding:0px;
		border:0px;
	}

.submitCol input 
	{
		display:inline;
	}

.headline 
	{
	color:#871891;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	}

.formContainer 
	{
		display:block;
	}

.formCol 
	{
		clear:both;
		padding-top:10px;
	}

.textCol 
	{
		display:block;
	}

.checkboxColL 
	{
		display:block;
		float:left; 
		margin-top:-2px;
	}

.checkboxColR 
	{
		display:block;
		float:left;
	}

.textLength 
	{
		width:310px;
	}
	
.selectLength 
	{
		width:315px;
	}

.errormsg 
	{
		color:#B5111B;
		font-weight:bold;
	}
.bgCol 
	{
		clear:both;
		padding:5px;
		background:#FFF5B0;
	}
/* End Online Form Best Practice*/
/* Start List-Style Best Practice */
ul.link-list
	{
		margin:10px 0px 10px 0px;
		padding:0px;
	}
	ul.link-list li
		{
			list-style-type:none;
			margin: 0% 0.75%;
		}
ul.h-link-list 
	{
		list-style:none;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
		padding:0px;
	}
	ul.h-link-list li
		{
			display:inline;
			padding:0px;
			margin:0px;
		}
	ul.h-link-list li:before 
		{
			content:"| ";
		}
	ul.h-link-list li:first-child:before 
		{
			content:"";
		}
	/* start all ie browsers */
	* html ul.h-link-list 
		{
			height:1%;
		}
	* html ul.h-link-list li
		{
			border-left:1px solid #000;
			padding:0 0.4em 0 0.4em;
			margin:0 0.4em 0 -0.4em;
			float:left;
		}
	* html ul.h-link-list li:first-child 
		{
			border-left:0;
		}
	/* end of all ie browsers */
/* End List-Style Best Practice */
/* Start Database-Edit CSS */
#navBar 
	{
		list-style:none;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
		padding:0px;
	}
	#navBar li
		{
			display:inline;
			padding:0px;
			margin:0px;
		}
	#navBar li:before 
		{
			content:"| ";
		}
	#navBar li:first-child:before 
		{
			content:"";
		}
	/* start all ie browsers */
	* html #navBar 
		{
			height:1%;
		}
	* html #navBar li
		{
			border-left:1px solid #000;
			padding:0 0.4em 0 0.4em;
			margin:0 0.4em 0 -0.4em;
			float:left;
		}
	* html #navBar li:first-child 
		{
			border-left:0;
		}
	/* end of all ie browsers */

#tabularList ul.vert
	{
		margin:0px;
		padding:0px;
		width:540px;
	}	
	#tabularList ul.vert li
		{
			list-style-type:none;
			padding:5px 0px 5px 0px;
			margin:0px;
			height:15px;
		}
	#tabularList ul.vert li.tableHeader
		{
			font-weight:bold;
		}
	#tabularList ul.horz
		{
			list-style-type:none;
			clear:left;
			padding:0px;
			margin:0px;
		}
	#tabularList ul.horz li
		{
			float:left;
			padding:0px;
			margin:0px;
		}
	#tabularList ul.horz li.visitIDList
		{
			width:80px;
		}
	#tabularList ul.horz li.schoolNameList
		{
			width:380px;
		}
	#tabularList ul.horz li.visitDateList
		{
			width:80px;
			text-align:center;
		}

#showRecord
	{
		margin-top:10px;
		margin-bottom:10px;
	}
		
#recordFound
	{ 
		font-weight:bold;		
		margin-top:10px;
		margin-bottom:10px;
	}
	
#pageCount
	{ 
		font-weight:bold;		
		margin:0px;
		padding:0px;
	}
	#pageCount span.separator 
		{
			color:#FFFFCC;
		}
		
.col
	{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
	}
	* html .col /* IE */
		{
			margin-left:7px;
		}

.colLeft
	{
		 width:auto;
		 float:left;
	}

.colRight 
	{
		 width:auto;
		 text-align:right;
	}

.horizontalLine
	{
		margin-left:5px;
	}
	* html .horizontalLine /* IE */
		{
			margin-left:7px;
		}

.errormsg 
	{
		color:#B5111B;
		font-weight:bold;
	}
/* End Database-Edit CSS */
/* Start Calendar Style */
#tabularCalendarList
	{
		margin:0px;
		padding:0px;
	}
	#tabularCalendarList ul.vertCalendarList
		{
			list-style-type:none;
			margin:0px;
			padding:0px;
			width:200px;
		}	
	#tabularCalendarList ul.vertCalendarList li
		{			
			padding:0px;
			margin:0px;
			height:19px;
		}
	#tabularCalendarList ul.vertCalendarList li.tableCalendarColumn
		{			
		}
	#tabularCalendarList ul.horzCalendarList
		{
			padding:0px;
			margin:0px;
		}
	#tabularCalendarList ul.horzCalendarList li
		{
			list-style-type:none;
			float:left;
			display:inline;
			padding:0px 0px 0px 0px;
			margin:0px;
		}
	#tabularCalendarList ul.horzCalendarList li.pre
		{
			width:25px;
			margin:0px;
			padding:0px;
			text-align:center;
		}
	#tabularCalendarList ul.horzCalendarList li.monthYear
		{
			width:140px;
			margin:0px;
			padding:0px;
			text-align:center;
		}
	#tabularCalendarList ul.horzCalendarList li.next
		{
			width:25px;
			margin:0px;
			padding:0px;
			text-align:center;
		}
	#tabularCalendarList ul.horzCalendarList li.calendarList
		{
			width:27px;
			margin:0px;
			padding:0px;
			text-align:center;
		}
/* End Calender Style */

/*Start Commentor style Added by Khosi Nkomo on 9/7/07 */

		#outer{position:relative;
		border:1px dotted;
		border-color:#999999;
		margin-bottom:15px;
		margin-left:5px;
		margin-right:5px;
		
		}
		#name{
		float:left;
		background-color:#CCCCCC;
		font: 0.9em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		}
		
		#date{float:inherit;
		font: 0.9em Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		background-color:#666666;
		}
		
/*End Commentor style*/

}

/* The CSS below is used for the olympic banner on the olympic pages only */
   
  #olympicbanner 
  {background-image: url(/images/fp/olympicsquares.jpg);
	background-repeat:repeat-x;
	background-position:0% 0%;
	position:relative;
	width:100%;
	height:25px;}
   
   
   
/* iframe {

 overflow: auto;*/
/*  width: 600px; */
/* height: 1000px;

} */

/* The CSS below is used for the summersorted on the Summer sorted pages only */
   
  #summersortedbanner 
  {background-image: url(/images/fp/summersorted.jpg);
	background-repeat:repeat-x;
	background-position:0% 0%;
	position:relative;
	width:100%;
	height:61px;}
	
	
/* The CSS below is used for the summersorted on the Summer sorted test pages only */
   
  #summerssortedbanner 
  {background-image: url(/images/fp/summers-sorted-ful.gif);
	background-repeat:repeat-x;
	background-position:0% 0%;
	position:relative;
	width:100%;
	height:155px;}
	
	/* The CSS below is used for the summersorted on the Summer sorted  test pages only */
   
  #summersunibanner 
  {background-image: url(/images/fp/summer-uni-ful.gif);
	background-repeat:repeat-x;
	background-position:0% 0%;
	position:relative;
	width:100%;
	height:155px;}
	
	
/* The CSS below is used for the summersorted on the Summer sorted pages only */
   
  #summerunibanner 
  {background-image: url(/images/fp/summer-uni.gif);

	background-position:0% 0%;
	position:relative;
	width:100%;
	height:61px;}
/* The CSS below is used for the summersorted on the Summer sorted pages only */
   
  #tellusbanner 
  {background-image: url(/images/fp/tell-us-banner.jpg);
	background-repeat:repeat-x;
	background-position:0% 0%;
	position:relative;
	width:100%;
	height:61px;}
	
/* The CSS below is used for the summersorted on the Summer sorted pages only */
   
  #moltenbanner 
  {background-image: url(/images/fp/molten-logo.jpg);

	background-position:0% 0%;
	position:relative;
	width:100%;
	height:150px;}

/* The CSS below is used for the summersorted on the Summer sorted pages only */
   
  #olympicbanner2 
  {background-image: url(/images/fp/olympics.jpg);

	background-position:0% 0%;
	position:relative;
	width:100%;
	height:150px;}