@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: #000000;
	margin: 0% 0.75% 0% 1%;
	font-size:small;
	}
	
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: #000000;
	text-align: left;
	}

td {	
	font-style: normal;
	}

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

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC0000;	
	font-size: 1em;
	margin: 0% 0.75%;
	}
a {
	color: #CC0000;
	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:#FFFFFF;
	display:none;
	}
}


@media screen {
body {
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	color: #000000;
	margin: 0% 0.75% 0% 1%;	
	}
	
p	{
	margin: 0% 0.75%;
	}
	
table {
	margin-left: 10px;
	width:auto;	
	}

/* 
	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;
	}
	
h1 {
	font-size: 2.5em;
	color: #CC0000;
	font-weight: bold;
	margin: 0% 0.75%;
	}
	
h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #CC0000;
	margin: 0% 0.75%;
	}
	
h3 {
	font-weight: bold;
	color: #CC0000;
	font-size: 1.25em;
	margin: 0% 0.75%;
	}

h4 {
	font-weight: bold;
	color: #CC0000;	
	font-size: 1em;
	margin: 0% 0.75%;
	}

a {
	color: #CC0000;
	text-decoration: underline;
	}
	
img {
	margin: 0px;
	border: 0px;
	}
	
#left-column {
	position: absolute;
	width: 190px;
	left: 12px;
	visibility: visible;
	margin-top:10px;
	border: thin none #000000;
	text-align: left;
	float: left;
	clear: right;	
	top: 1px;
	}
	
#mid-column {
	position: relative;
	margin-left: 200px;
	margin-right: 230px;
	margin-top:10px; 
	border-left: 1px solid #999999;
	clear:right;
	padding-right:15px;
	
	}
	
#right-column {
	position: absolute;
	width: 230px;
	margin-top:10px;
	top: 1px;
	margin-right: 2px;
	right: 2px;
	border-left: 1px solid #999999;
	padding-left: 10px;
	float:right;
	clear:left;
	}
	
#logo {
	display: none;
	}
.whitetext {
	color: #FFFFFF;
}
.redtext {
	color: #FF0000;
}
span.separator {
	color:#FFFFFF;
	display:none;	
	}

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

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

.submitCol input 
	{
		display:inline;
	}

.headline 
	{
		font:bold 1.25em Arial, Helvetica, sans-serif;
		color:#CC0000;
	}

.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:#CC0000;
		font-weight:bold;
	}
/* End Online Form Best Practice*/
/* 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 */
}

/* 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;

} */