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

Orange: #ff6600; Grey:   #4D4D4D; Yellow: #ffffcc; Light blue: #515380; */

/* ============ GENERAL SECTION ============ */
body { background: url(../images/background.gif) top left repeat-y; color: #000; background-color: #fff; font: 80% verdana,helvetica,arial,sans-serif; margin: 0; padding:0; }

#page { background-color: #4D4D4D; text-align: left; margin: 0; padding:0; }

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

#container { background-color: #fff; margin: 0; padding:0; }

a:link 		{color: #4D4D4D; text-decoration: underline; }
a:visited 	{color: #515380; text-decoration: underline; }
a:active 	{color: #ff6600; text-decoration: underline; } 
a:hover 	{color: #ff6600; text-decoration: underline; }

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

#nav a			{ font-size: 1em; font-weight: bold; }

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

#nav { margin:  3em 0 0 0; padding: 0; }

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

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

#nav li a:hover { background: transparent url(../images/bulletactive.gif) left center no-repeat; }
/* ============ HEADER SECTION ============ */

#header { color: #fff; background-color: #4D4D4D; margin: 0; padding: 0.5em 0.5em 0.5em 0; }

#sponsor { float: right; }


#header h1 { font-family: "arial black", arial, sans-serif; font-size: 2em; text-transform: uppercase; margin:  0; padding: 0.5em 0 0 0; }

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

#header a:link 	{color: #fff; text-decoration: none; }
#header a:visited {color: #fff; text-decoration: none; }
#header a:active {color: #fff; text-decoration: none; } 
#header a:hover 	{color:#fff; text-decoration: none; }

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

#menu { background-color: #ff6600; height: 1.65em; font-size: 1em; font-weight: bold; padding: 0; margin: 0; }

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

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

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

#menu a:link 	{color: #fff; text-decoration: none; }
#menu a:visited {color: #fff; text-decoration: none; }
#menu a:active {color: #fff; text-decoration: none; } 
#menu a:hover 	{color:#fff; text-decoration: none; }

#menu li a:hover { background-color: #4D4D4D; color:  #fff; }

#menu li a#current { background-color: #fff; color:  #4D4D4D; }

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

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

#innerContent { background-color: #fff; /*	border: 0.1em solid #4D4D4D; */
    border: 0.1em solid #fff; margin: 0 11em 0 210px; padding: 0.5em; }

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

#content .banner { color: #fff; background-color: #000; font-size: 1.2em; font-weight: bold; text-align: center; padding: 0.2em 0; margin: 0 0 1em 0; }

#content h3 { color: #4D4D4D; font-size: 1em; font-weight: bold; margin: 0.5em 0 0.2em 0; padding: 0; }

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


#picture { float: left; }

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

table { margin-bottom: 1em; }

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

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

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

.eventdescription { background-color: #fff; }

.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 5px 0 0; }

#registration fieldset p#referredby { width: 16em; }

#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: #4D4D4D; background-color: #ff6600; border: 0.1em solid #4D4D4D; 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: #fff; 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 ============ */


#right { <!--	background-color: #fff; -->
       background-color: #B0C4DE; float:  right; width:  9em; height: 100%; <!--	border: 0.1em solid #4D4D4D; -->
       border: 0.1em solid #fff; margin: 0 0.5em 0 0; padding:0; }

#news a			{ font-size: 1em; }
#news a:link 	{color: #4D4D4D; text-decoration: underline; }
#news a:visited {color: #4D4D4D; text-decoration: underline; }
#news a:active 	{color: #ff6600; text-decoration: underline; } 
#news a:hover 	{color: #ff6600; text-decoration: underline; }

#news { margin:  0; padding: 0.5em; }

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

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

#footer { color: #fff; background-color: #ff6600; font-size: 1em; font-weight: bold; text-align: center; margin: 0; padding: 0.2em; }

#footer p { margin: 0; padding: 0; }

#footer a:link 		{color: #fff; text-decoration: underline; }
#footer a:visited 	{color: #fff; text-decoration: underline; }
#footer a:active 	{color: #fff; text-decoration: underline; } 
#footer a:hover 	{color: #fff; text-decoration: underline; }

#starfish { text-align: right; }

#starfish a {color: #808080; text-decoration:none; }
#starfish 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 */
