/* ============ COLOUR LIST ============ 

Orange: #ff6600;
Blue:   #000080;
Yellow: #ffffcc;
Light blue: #515380;
Dark Green: #008000;

 */

/* ============ GENERAL SECTION ============ */

body {
	color: #333333;
	background-color: #003300;
	font: 78% arial;
	margin: 0; 
	padding:0;
}
#page {
	background-color: #003300;
	text-align: left;
	margin: 0; 
	padding: 0;

}


#left {
        position: absolute;
	top: 	0;
	left: 	0;
	width:  150px;
	margin: 0; 
	padding:5px;
}

#container {
	background-color: white;
	position: absolute;
	top:	0;
	left:	150px;
	margin: 0;
	padding:0;

}
a:link 	        {color: #000000; text-decoration: none;}
a:visited 	{color: #000000; text-decoration: none;}
a:active 	{color: #008000; text-decoration: none;} 
a:hover 	{color: #008000; text-decoration: none;}

/* ============ LEFT BAR SECTION ============ */

#TRDnav a			{
	font-size: 1em;
	font-weight: bold;	
	background-color: #003300;	
	height: 1.65em;
        text-align: center;
	padding: 0;
	margin: 0;


	

}

#TRDnav a:link 	{color: #ffffff; text-decoration: none;}
#TRDnav a:visited {color: #ffffff; text-decoration: none;}
#TRDnav a:active 	{color: #000000; text-decoration: none;} 
#TRDnav a:hover 	{color: #000000; text-decoration: none;}

#TRDnav { 
	margin:  0 0 0 0;
	padding: 0;
}

#TRDnav li { 
	list-style-type: none; 
        padding: 0 0 1em 0;
}

#TRDnav li a {
	background: transparent url(images/bullet.gif) left center no-repeat;
	padding-left: 0em;
}

#TRDnav li a:hover {
	background: transparent url(images/bulletactive.gif) left center no-repeat;
}


/* ============ HEADER SECTION ============ */



#TRDheader {
	color: #ffffff;
    	background-image:url('images/TRDbackground2.jpg');


	
}



#TRDheader h1 {
	font-family: "Comic Sans MS", arial, sans-serif;
	font-size: 2em;
        font-style: none;
	text-decoration: none;
	margin:  0;
	padding: 0.5em;
}

#TRDheader h2{
	font-family: "Comic Sans MS", arial, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	letter-spacing: 0.15em;
	text-decoration: none;
	margin:  0;
	padding: 0 0 0.8em 1em;
}

#TRDheader a:link 	{color: #ffffff; text-decoration: none;}
#TRDheader a:visited {color: #ffffff; text-decoration: none;}
#TRDheader a:active {color: #ffffff; text-decoration: none;} 
#TRDheader a:hover 	{color:#ffffff; text-decoration: none;}

/* ============ MENU SECTION ============ */

#TRDmenu {
	background-color: #000000;
	height: 1.65em;
	font-size: 1em;
	font-weight: bold;
	padding: 0.60em;
	margin: 0;
}

#TRDmenu ul {
	width: 70em;
	margin: 0;
	padding:0;
}

#TRDmenu li { 
	display: inline;
	height: 1.65em;
	padding: 0; 
	margin: 0;
}

#TRDmenu li a {
	float: left;
	background-color: #000000;
	text-decoration: none;
	border-right: 1px solid #008000;
	padding: 0.2em 0.8em;
	margin: 0;
}

#TRDmenu a:link 	{color: #ffffff; text-decoration: none;}
#TRDmenu a:visited {color: #ffffff; text-decoration: none;}
#TRDmenu a:active {color: #ff6600; text-decoration: none;} 
#TRDmenu a:hover 	{color:#ff6600; text-decoration: none;}

#TRDmenu li a:hover {
	background-color: #000000;
	color:  #008000;
}

#TRDmenu li a#current {
	background-color: #778899;
	color:  #ffffff;
}

/* ============ CONTENT SECTION ============ */

#content {
	background-color: #ffffff;
	margin: 0em; 
	padding: 1em 0 0 1em;
	min-height: 30em;
}

#innerContent {
	background-color: #ffffff;
<!--	border: 0.1em solid #000080; -->
       border: 0.1em solid #ffffff;
       margin: 0 10em 0em 250px; 

	padding: 0em;

}

#content h2 {
	color: #333333;
	font-size: 1.5em;
	margin: 0 0 0em 0;
	padding: 0;
}

#content .banner {
       color: #000000; 
background-color: #ffffff;
        background-repeat:repeat-x"
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
        padding: 0em 3em 0em ;
	margin: 0em 0 5em 0em;
	
}

#content h3 {
	color: #000080;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0em 0 0.0em 0;
	padding: 0;
}

#content h4 {
	color: #ff6600;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0;
}


#picture {
        position: absolute;
	top: 	140;
	left: 	0;
	width:  750px;
	margin: 0 0 1em 0; 
        padding: 0 0 1em 2em;
	
}

table, tr, th, td {
	color: #000080;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table {
	margin-bottom: 1em;
}

th {
	background-color: #ff6600;
	border: 1px solid #000080;
	padding: 0.2em 0.3em;
}

td {
	background-color: #ffffcc;
	border: 1px solid #000080;
	padding: 0.2em 0.3em;
}

.eventdate {
	text-transform: uppercase;
	font-weight: bold;
}

.eventdescription {
	background-color: #ffffff;
}

.headline {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.newssource {
	text-align: right;
	margin: 0 1em 1em 0;
	position: relative;
	top: -1em;
}

.newslinkback {
	text-align: right;
	font-size: 0.9em;
	margin-right: 1em;
}

.legend {
	color: #ff5555;
	font-weight: bold;
}

.address {
	margin-left: 3em;
}

em {
	font-weight: bold;
	font-style: normal;
}

em.strong {
	font-style: italic;
}

.breadcrumb {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

#content h2.headline {
	font-size: 1.4em;
	color: #ff6600;
}

img {
	border: 0;
}

/* ============ FORMS SECTION ============ */

#registration form, #registration input, #registration textarea, #registration select{
	padding: 0;
	margin:  0;
}

#registration fieldset {
	border: 0.1em solid #ff6600;
	padding: 1em;
	margin: 1em 0;
}

#registration fieldset br {
	display: none;
}

#registration legend {
	color: #ff6600;
	font-weight: bold;
	border: 0.1em solid #ff6600;	
	padding: 0.2em 0.5em;
	margin:  0 0 1em 0;
}

#registration fieldset div {
	clear: both;
	position: relative;
	margin: 0.1em 0;
}

#registration fieldset label, #registration fieldset p {
	float: left;
	display: block;
	width: 10em;
	text-align: right;
	margin: 0;
	padding: 0;
}

#registration fieldset .rightblock label {
	float: none;
	text-align: left;
	margin-left: 10em;
	width: auto;
}

#registration fieldset .instruction {
	float: none;
	display: block;
	color: #cc9966;
	text-align: left;
	width: auto;
	font-size: 0.85em;
	border-left: 0.1em solid #cc9966;
	margin: 0 0 0.5em 12.2em;
	padding: 0 0.3em;
}

#registration fieldset .optional {
	font-size: 0.85em;
	color: #cc9966;
}

#registration fieldset .error {
	font-weight: bold;
	font-size: 1em;
	color: #ff0000;
	border: 0;
	padding-right: 0.5em;
}

#registration fieldset .warning {
	font-weight: bold;
	font-size: 1em;
	color: #cc9966;
	border: 0;
	padding-right: 0.5em;
}

#registration fieldset .buttons {
	margin: 1em 1em 0 10.2em;
}

#registration .buttons input {
	color: #000080;
	background-color: #ff6600;
	border: 0.1em solid #000080;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.3em 0.6em;
}

#registration fieldset table {
	margin: 0 0 0 10.2em;
}

#registration tr, #registration td {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

#registration td.teamnumber {
	background-color: #ffffcc;
	margin: 0;
	padding: 0 0.2em;
}

#registration td.info {
	border: 0;
	margin: 0;
	padding: 0 0.2em;
}

#registration td input {
	border: none;
	margin: 0 1px;
	padding: 0;
}

/* ============ RIGHT BAR SECTION ============ */

#TRDnavright a			{
	font-size: 1em;
	font-weight: bold;	
	background-color: #003300;	
	height: 1.65em;
        text-align: center;
	padding: 0;
	margin: 0;

}

#TRDnavright a:link 	{color: #ffffff; text-decoration: none;}
#TRDnavright a:visited {color: #ffffff; text-decoration: none;}
#TRDnavright a:active 	{color: #ff6600; text-decoration: none;} 
#TRDnavright a:hover 	{color: #ff6600; text-decoration: none;}

#TRDnavright { 
	background-color: #696969;
        left: 	0;
        text-align=left;
	margin:  0em 0 0 0;
	padding: 0;

}

#TRDnavright li { 
	list-style-type: none; 
text-align: left;
	padding: 0 0 1em 0;
}

#TRDnavright li a {
	background: transparent url right no-repeat;
	padding-left: 5em;
}

#TRDnavright li a:hover {
	background: transparent url left no-repeat;
}


/* ============ FOOTER SECTION ============ */

#TRDfooter {
	color: #ffffff;
	background-color: ##003300;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
        padding: 9em 0em 0em 0em;



 
}

#TRDfooter p {
	margin: 0;
	padding: 0em;
}

#TRDfooter a:link 		{color: #ffffff; text-decoration: underline;}
#TRDfooter a:visited 	{color: #ffffff; text-decoration: underline;}
#TRDfooter a:active 		{color: #003300; text-decoration: underline;} 
#TRDfooter a:hover 		{color: #003300; text-decoration: underline;}


#JCL {
	text-align: center;
}

#JCL a {color: #808080; text-decoration:none;}
#JCL a:hover {color: #a0a0a0; text-decoration:underline;}


/* ============ HACKS SECTION ============ */

/* Prevents some browsers adding extra top margin to the first p tag in a div */
#header p, #content p, #footer p, #left p, #right p {margin-top: 0;}

/* Prevents IE/Win from making content vanish when a float touches the clearing div \*/
* html #container {height: 1%;}  /* End hide from IE/Mac */

/* Mimics min-height in IE \*/
* html #content {height: 30em;}  /* End hide from IE/Mac */

/* Fixes a three pixel text jog \*/
* html #registration fieldset .rightblock input.first {
  margin-left: -3px;
  }
/* End hide from IE/Mac */
