body, html
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
    font-size: 12px;
}

img
{
    border: 0px;
}
#edBannerOuter 
{
    border: 4px solid #D9D9D9;
    margin-bottom: 8px;
}

#edBanner {
	height: 60px;
	position: relative;
}
#edBanner .logo {
	right: 0px;
	position: absolute;
	margin: 0;
}
#edBanner .strapLine {
	position: absolute;
	bottom: 0px;
	margin: 10px;
}

#websiteLogo {
	position: absolute; 
	top: 56px; 
	left: 8px; 	
	opacity: 0.85;
	z-moz-opacity: 0.85; 
	filter: alpha(opacity=85);
}

#bannerAnim {
	width: 785px;
	height: 166px;
}
#rssFeedIcon {
	position: absolute;
	margin-left: 753px;
	margin-top: 7px;
}

a:link, a:active, a:visited
{
    text-decoration: none;
    color: Black;
}
a:hover
{
    text-decoration: underline;
    color: Black;
}

div.blueStripe
,div.blueGradientStripe
{
    height: 14px;
    background-color: #027abb;
}
div.blueStripe
{
    margin-bottom: 15px;
}

div.blueGradientStripe
{
    background-image: url(../images/backgrounds/blue_stripe_gradient.gif);
    background-position: top;
    background-repeat: repeat-x;
}


table.mainInterface
{
    margin: 0px;
}
table.mainInterface td.middle
{
    background-color: #ededed;
}
table.mainInterface td.right
,table.mainInterface td.bottom
,table.mainInterface td.bottomRightCorner
{
    background-color: White;
}
table.mainInterface td.right
{
    background-image: url(../images/backgrounds/right_shadow.gif);
    background-position: top;
    background-repeat: repeat-y;
    width: 29px;
}
table.mainInterface td.bottom
{
    background-image: url(../images/backgrounds/bottom_shadow.gif);
    background-position: top;
    background-repeat: repeat-x;
    height: 22px;
    text-align: center;
}
table.mainInterface td.bottomRightCorner
{
    background-image: url(../images/backgrounds/bottom_right_corner_shadow.gif);
    background-position: top;
    background-repeat: repeat-x;
    width: 29px;
    height: 22px;
}
table.siteInterface
{
    width: auto;
    height: auto;
}
table.siteInterface td
{
  padding: 3px 8px 3px 8px;
}

table.siteInterface div.mainMenu
{
    background-image: url(../images/backgrounds/blue_stripe_gradient_long.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 11px;
    color: White;

}
table.siteInterface div.footerPanel
{
    background-color: White;
    padding: 6px 6px 6px 6px;
}
table.siteInterface td.footerInfoCell
{
    padding-top: 0px;
    padding-bottom: 8px;
}

table.siteInterface div.footerInfo
{
    background-image: url(../images/backgrounds/blue_footer_gradient.gif);
    background-position: top;
    background-repeat: repeat-x;
    height: 49px;
    color: White;
    font-size: 11px;
    background-color: #0074B8;  
    padding-left: 10px;  
    padding-top: 10px;
    padding-bottom: 10px;
}

table.siteInterface div.footerInfo div.footerMenu {
	margin-bottom: 13px;	
}
table.siteInterface div.footerInfo div.footerMenu .separator {
	margin-left: 5px;
	margin-right: 5px;
}
table.siteInterface div.footerInfo div.footerMenu a {
	color: White;
}
table.siteInterface div.footerInfo div.footerMenu a.selected {
	font-weight: bold;
}

div.contentPanel
{
    border: 4px solid #d9d9d9;
    background-color: White;
    padding: 5px 5px 10px 5px;
}
/* Table container that defines the default height for the page content */
div.contentPanel table.contentPanelContainer
{
    margin: 0px;
    width: 100%;
}

div.contentPanel table.contentPanelContainer td.ct
{
    vertical-align: top;
    height: 420px;
    padding: 0px;
}

div.contentPanel div.content
{
    margin: 0px 7px 0px 7px;
    font-size: 11px;
    color: #707070;
}

div.register-now
{
    position: relative;
    width: 210px;
    height: 58px;
}

div.register-now img
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 210px;
    height: 58px;
    border: solid 0px #000;
}

div.register-now a
{
    border: solid 0px #000;
}
div.register-now a img.inactive
{
    display: block;
}
div.register-now a:hover img.inactive
{
    display: none;
}

div.mainSponsorsPanel
{
    text-align: center;
}
div.mainSponsorsPanel img
{
    margin: 5px;
}
div.countDownPanel
{
    background-image: url(../images/backgrounds/green_stripe_gradient.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: White;
    font-size: 11px;
    padding: 2px 4px 2px 4px;
    background-color: #73be1e;
}

div.countDownPanelRed
{
    background-image: url(../images/backgrounds/red_stripe_gradient.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: White;
    font-size: 11px;
    padding: 2px 4px 2px 4px;
    background-color: #ff6a6a;
}

div.countDownPanel p, div.countDownPanelRed p {
	margin: 0px;
	padding: 0px;
	display: inline;
}
div.countDownPanel a, div.countDownPanelRed a {
	color: White;
	text-decoration: underline;
}

div.newsletterPanel
{
    background-image: url(../images/backgrounds/blue_stripe_gradient_newsletter_box.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: White;
    font-size: 11px;
    padding: 2px 9px 2px 9px;
    background-color: #027bbb;
}

div.newsletterPanel h2 a
{
	color: #fff;
}

div.newsletterPanel input.submit
{
	margin: 0px;
	padding: 0px;
	color: White;
}

div.newsletterPanel input.black
{
	color: #000;
}

div.footerPanel div.notice
{
    margin: 11px 0px 11px 13px;
    font-size: 11px;
    color: #707070;
}

/* Main menu styles */

/* all lists */
#nav, #nav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li.main
{
    border-right: 1px solid #F0F0F0;
    padding: 11px;
    width: auto;
}
#nav li.mainSelected
{
    cursor: pointer;
}
#nav a
{
	display: block;
    color: White;
    text-decoration: none;
    margin: 2px 2px 2px 2px;
}
#nav a.selected
{
    font-weight: bold;
    cursor: default;
}
/* all list items */

#nav li
{
	float: left;
    width: 130px; /* width needed or else Opera goes nuts */
}
#nav li a:hover
{
    color: #a7e9ff;
}


/* third-and-above-level lists */
#nav li ul ul
{
	margin: -27px 0px 0px 140px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
	left: -999em;
}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	left: auto;
}

/* second-level lists */
#nav li ul
{
	position: absolute;
	background: #027ABB;
	width: 130px;
    margin-top: 11px;
    margin-left: -12px;
    padding: 10px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    border: solid 1px White;
	filter: alpha(opacity=93);
	opacity: 0.93;
	-moz-opacity:0.93;
}



/* Separators between submenu items */
#nav li ul>li:first-child
{
    border-top: 0px;
    padding-top: 0px;
}
#nav li ul>li
{
    border-top: dashed 1px #62adcc;
    padding-top: 3px;
    padding-bottom: 3px;
}
#nav li ul>li:last-child
{
    padding-bottom: 0px;
}

/* Registration form controls */
div.standardForm
{
    margin-left: 20px;
    margin-right: 20px;
}
div.standardForm table.formFields td
{
    padding-top: 4px;
    padding-left: 0px;
    padding-bottom: 4px;
    height: 0px;
}
div.standardForm .required
{
    font-weight: bold;
}
div.standardForm .label
{
    padding-right: 20px;
    vertical-align: top;
    width: 100px;
}
div.standardForm .sectionName
{
  color: #5c971c;
  font-size: 12px;
  font-weight: bold;
}

div.standardForm .separator
{
    height: 10px;
}
div.standardForm .tickBox
{
    text-align: right;
    padding-right: 10px;
}

div.standardForm input.standardWidth
{
    width: 170px;
}
div.standardForm select.standardField
{
    width: 176px;
}

div.standardForm input.standardField
,div.standardForm select.standardField
,div.standardForm textarea.standardField
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 1px 2px 1px 2px;
    border: solid 1px #027abb;
}

div.standardForm .invalid_label
{
    color: #a9192b;
}

div.standardForm input.invalid_control
,div.standardForm select.invalid_control
,div.standardForm textarea.invalid_control
{
    border: solid 1px #a9192b;
    background-color: #fdf3f3;
}

div.standardForm .invalid_panel
{
    border: solid 1px #a9192b;
    background-color: #fdf3f3;
}
div.newsItem
{
    margin-bottom: 10px;
}

div.newsItem .title
{
    font-weight: bold;
    color: #027ABB;
    margin: 0px 0px 5px 0px;
    text-decoration: none;
}
div.newsItem .title a:link,
div.newsItem .title a:visited,
div.newsItem .title a:active
{
    text-decoration: none;
    color: #027ABB;
}
div.newsItem .title a:hover
{
    text-decoration: underline;
    color: #027ABB;
}
div.newsItem .brief
{
    padding: 0px;
    margin: 0px;
    /*line-height: 16px;*/
}
div.newsItem a
{
    margin: 0px 0px 0px 0px;
}

table.horizontalNewsItems td
{
    vertical-align: top;
    width: 33%;
}
table.horizontalNewsItems td.firstCol
{
    padding-left: 0px;
}

/* Content Styles */
div.contentPanel h1
{
    font-size: 16px;
    color: #027ABB;
    margin: 0px 0px 20px 0px;
}
div.contentPanel h1.green
{
    font-size: 16px;
    color: #73be1e;
    margin: 0px 0px 20px 0px;
}
div.contentPanel h1.black
{
    font-size: 16px;
    color: Black;
    margin: 0px 0px 20px 0px;
}
p.C_blueImportant,
span.C_blueImportant
{
    font-weight: bold;
    color: #027ABB;
}
p.C_blackStandard,
span.C_blackStandard
{
    font-weight: normal;
    color: Black;
}
p.C_blackImportant,
span.C_blackImportant
{
    color: Black;
    font-weight: Bold;
}
p.C_greyStandard,
span.C_greyStandard
{
    font-weight: normal;
    color: #707070;
}

img.C_blueFrame
{
    border: solid 1px #027ABB;
    padding: 2px;
}
img.C_grayFrame
{
    border: solid 1px #d9d9d9;
    padding: 2px;
}
img[align="right"],
img.C_grayFrame[align="right"],
img.C_blueFrame[align="right"]
{
    margin-left: 10px;
}
img[align="left"],
img.C_grayFrame[align="left"],
img.C_blueFrame[align="left"]
{
    margin-right: 10px;
}

img.C_grayFrame
{
	margin-bottom: 2px;
}

table.C_TwoColumnsContainer
{
    width: 100%;
}
table.C_TwoColumnsContainer td
{
    vertical-align: top;
}
table.C_TwoColumnsContainer td.leftCol
{
    padding: 0px 10px 0px 0px;
    width: 50%;
}
table.C_TwoColumnsContainer td.rightCol
{
    padding: 0px 0px 0px 10px;
    width: 50%;
}
table.C_TwoColumnsContainerHomePics
{
    width: 184px;
}
table.C_TwoColumnsContainerHomePics td
{
    padding: 0px 0px 2px 0px;
    text-align: right;
    vertical-align: top;
}

table.C_TwoColumnsContainerHomePics td:first-child
{
    text-align: left;
}

div.essenceDesignBox
{
	background-color: Black;
	color: White;
	padding: 10px;
	border-bottom: 7px solid #f89728;
}
div.essenceDesignBox img.edLogo
{
	margin-bottom: 20px;
}
div.essenceDesignBox div.runtimesIntroductionBox
{
	border-top: solid 1px #4c4c4c;
	border-bottom: solid 1px #4c4c4c;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #AAAAAA;
	margin-bottom: 20px;
}
div.essenceDesignBox div.runtimesIntroductionBox h1
{
	color: White;
	margin-bottom: 10px;
}

div.essenceDesignBox span.label
{
	font-weight: bold;
	margin-top: 5px;
	margin-right: 15px;
	float: left;
}
/*div.essenceDesignBox form
{
	margin: 0px;
	padding: 0px;
}
*/
div.essenceDesignBox div.validationSummary
{
	border: solid 1px #f89728;
	background-color: #bd731e;
	color: White;
}
div.essenceDesignBox div.validationSummary table.validationSummaryItems div.message
{
    background-image: url(../images/validation_item_marker_ed.gif);    
}

div.essenceDesignBox div.fieldPair
{
	text-align: right;
	margin-bottom: 5px;
}
div.essenceDesignBox div.buttons
{
	text-align: right;
	border-top: solid 1px #4c4c4c;
	padding-top: 10px;
}
div.essenceDesignBox input.standard
{
	font-size: 11px;
	border: solid 1px #4c4c4c;
	width: 370px;
	padding: 3px 2px 3px 2px;
}
div.essenceDesignBox div.runTimesList
{
	padding-bottom: 15px;	
}
div.essenceDesignBox div.runTimesList table.registrationList
{
	width: 100%;
}
div.essenceDesignBox div.runTimesList table.registrationList td
{
	width: 50%;
	vertical-align: top;
	padding: 0px;
}
div.essenceDesignBox div.runTimesList div.labelRow
{
	margin-bottom: 10px;
	text-align: right;
	font-weight: bold;	
}
div.essenceDesignBox div.runTimesList div.labelRow .name
{
	float: left;
}
div.essenceDesignBox div.runTimesList div.labelRow .pos
{
	width: 50px;
	text-align: center;	
}
div.essenceDesignBox div.runTimesList a.runner
{
	color: #AAAAAA;
	text-decoration: none;
	display: block;
	text-align: right;
	cursor: pointer;
	margin-bottom: 3px;
}
div.essenceDesignBox div.runTimesList a.runner:hover
{
	color: White;
}
div.essenceDesignBox div.runTimesList a.runner .name
{
	float: left;
	width: 190px;
	text-align: left;
}
div.essenceDesignBox div.runTimesList a.runner .runPosition
{
	text-align: center;
}
div.essenceDesignBox div.runnerTimeBlock table.runnerData
{
	width: 100%;
}
div.essenceDesignBox div.runnerTimeBlock table.runnerData td
{
	vertical-align: top;
	padding: 0px 5px 0px 0px;
}
div.essenceDesignBox div.runnerTimeBlock table.runnerData .label
{
	font-weight: bold;
	padding: 0px 7px 0px 0px;
	margin: 0px;
}
div.essenceDesignBox div.runnerTimeBlock table.runnerData .time
{
	padding-top: 15px;
}
div.essenceDesignBox div.runnerTimeBlock table.runnerData .time img
{
	margin-left: -15px;
}
div.essenceDesignBox .noResults
{
	color: #f89728;
}
div.essenceFooter
{
	color: gray;
	font-size: 11px;
	padding-top: 10px;
}
div.essenceFooter a
{
	color: Gray;
	text-decoration: none;
}
