﻿html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;    
}

body 
{
    background-color: #5e8f3e; /*#566068;*/
    /*background-repeat: repeat-x;*/
    background-image: url(images/background.png);
    font-family: Calibri, Trebuchet MS,Courier New, Courier;
    font-size: 12px;
    text-align: center;
}

img
{
    border: 0px;
}

h2 
{
    margin: 2px;
    font-size: 20px;
    font-weight: bold;
    
}

th 
{
    font-size: 14px;
    text-align: left;
    vertical-align: top;
}

td 
{
    vertical-align: top;
}

a 
{
    text-decoration: none;
    color: Blue;
    /*font-weight: bold;*/
    font-size: 12px;
}

ul 
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#container {
	min-height:100%; /* real browsers */
	margin: 0 auto;
    text-align: left;
	width: 1000px;
	/*
    background-color: #eeeeee;
    border: solid 2px #555555;*/
}

#container_content {
	width: 899px;
	padding: 5px 0;
}


#layout_title
{
    width: 899px;
    text-align:left;
    /*background-color: #000000;*/
    height: 186px;
    position: relative;
    left: -50px;
}

#layout_nav
{
    height: 26px; 
    text-align: right; 
    padding: 1px 10px 0px 10px;
    color: white;
    position: relative;
    top: -33px;
    left: 50px;
}

#layout_nav .menu
{
    float: right; 
    height: 100%;
}

#layout_nav .menu img
{
    vertical-align: middle;
}

#layout_main
{
    /*background-image:url(images/layout_main_back.jpg);*/
    background-repeat: repeat-y;
    position: relative;
    top: 0px;
    left: 0px;
    width: 899px;
    height: 500px;
}

#layout_main_content
{
    /*float: right;*/
    width: 699px;
    padding: 0px 5px 5px 5px;
    z-index: 20;
    
}

#layout_main_content_wide
{
    /*float: right;*/
    width: 889px;
    padding: 5px 5px 5px 5px;
    z-index: 20;
    
}


.layout_main_content_rounded
{
    Width:907px;
    
}

.layout_main_content_rounded2
{
    background-repeat: repeat-y;
    padding: 0px 50px;
    /*float: right;
    background-image:url(images/layout_mid.png);
    Width:1200px;
    z-index: 200;*/
    
}

#layout_mid
{
    background-image:url(images/layout_mid.png);
    background-repeat: repeat-y;
    padding: 0px 50px;
}

#layout_main_side
{
    float: left;
    width: 190px;
    z-index: 25;
    /*padding-top: 5px;
    border-right: solid 1px black;*/
}

#layout_main_side_content
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 200px;
    /*background-image:url(images/layout_side_back.gif);*/
    background-repeat: repeat-y;
    padding: 0 0 0 10px;
}

#layout_footer
{
    position:relative;
    left:0px;
    clear: both;
    width: 1000px;
    height: 97px;
    background-image:url(images/layout_bottom.png);
    background-repeat: no-repeat;
    text-align: center;
    margin-top:0px;
}

.footer_text
{
    text-align: center;
}

.PicOfTheDay a
{
    color: #598224;
}

.login a
{
	font-size:12px;
	text-decoration:none;
}

.login a:hover
{
	text-decoration: underline;
}

.login td
{
	vertical-align: middle;
}

.login input, .login .button
{
    font-family: Calibri, Trebuchet MS,Courier New, Courier;
	border: solid 1px #598224;
	font-size: 12px;
    color: Black;
    background: White;
    cursor: pointer;
}

.login .button
{
    height: 20px;
    padding: 0px 3px;
    font-weight: normal;
    text-align: center;
}

.login .button:hover
{
	text-decoration: none;
}


.login .name
{
	font-size:12px;
	font-style:none;
	font-weight:bold;
    color: #5e8f3e;
}

.table_results
{
    width: 696px;
    margin-top: 5px;
	border-collapse:separate;
	border-spacing:0 2px;
}

.table_results th
{
    background-image: url(/images/section_header.png);
    background-repeat: no-repeat;
    color: White;
    padding: 5px 15px;
    font-size: 14px;
}

.table_results td
{
    text-align: left;
    padding: 1px;
}

.table_results hr
{
    border: none;
    border-top: solid 1px #598224;
}

.table_events
{
    width: 688px;
    margin-top: 0px;
}

.table_events th
{
    background: #5e8f3e;
    color: White;
    padding: 5px 15px;
    font-size: 14px;
}

.table_events td
{
    text-align: left;
}


.table_side
{
    width: 180px;
    /*margin-top: 2px;*/
    border-bottom: solid 1px #598224;
}

.table_side th
{
    /*background-color: #9ec43b; #566068;*/
    background-repeat: repeat-x;
    background-image: url(/images/Side_header.png);
    background-repeat: no-repeat;
    color: White;
    padding: 5px 15px;
    font-size: 14px;
}

.table_side td
{
    text-align: left;
    padding: 2px 5px;
    font-weight: bold;
    border-left: solid 1px #598224;
    border-right: solid 1px #598224;
}

.link_selected 
{
    background-color: #5e8f3e;
    color: White;
    padding: 1px 4px;
    -moz-border-radius: 3px;
}

.plain td
{
    border: none;
    padding: none;
}



.about_text
{
	text-align: justify;
		
}

.HomeRightImg
{
    padding: 0 0 3px 2px;    
}

.table_details
{
    width: 696px;
    margin-top: 5px;
	border-collapse:separate;
	border-spacing:0 2px;
}

.table_details th.main
{
    background-image: url(/images/section_header.png);
    background-repeat: no-repeat;
    color: White;
    padding: 5px 15px;
    font-size: 14px;
}

.table_details th.sub
{
    border-bottom: solid 1px #bbbbbb;
    color: #bbbbbb;
    font-weight: bold;
    font-size:12px;
    padding-top: 5px;
}

.table_details td
{
    text-align: left;
}

.table_details td span.title
{
    color: #bbbbbb;
    font-weight: bold;
    padding-top: 5px;
}


/* default layout */
.Advrace .ajax__tab_header {white-space:nowrap;}
.Advrace .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.Advrace .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.Advrace .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.Advrace .ajax__tab_header {font-family:Calibri, Trebuchet MS,Courier New, Courier;font-size:12px;}
.Advrace .ajax__tab_outer {padding-right:0px;height:21px;border: solid 1px black;}
.Advrace .ajax__tab_inner {padding-left:3px;background:#aaaaaa;color: white;font-size: 14px;}
.Advrace .ajax__tab_tab {height:13px;padding:2px 4px 6px 4px;margin:0;background:#aaaaaa;color: white;}
.Advrace .ajax__tab_hover .ajax__tab_inner {background:#bee46b;}
.Advrace .ajax__tab_hover .ajax__tab_tab {background:#bee46b;}
.Advrace .ajax__tab_active .ajax__tab_inner {background:#9ec43b;color: White;}
.Advrace .ajax__tab_active .ajax__tab_tab {background:#9ec43b;color: White;}
.Advrace .ajax__tab_body {font-family:Calibri, Trebuchet MS,Courier New, Courier;font-size:10pt;border:1px solid #999999;border-top:0;padding:0px;background-color:#ffffff;}

/* scrolling */
.Advrace .ajax__scroll_horiz {overflow-x:scroll;}
.Advrace .ajax__scroll_vert {overflow-y:scroll;}
.Advrace .ajax__scroll_both {overflow:scroll}
.Advrace .ajax__scroll_auto {overflow:auto}

.tabPanel {font-family:Calibri, Trebuchet MS,Courier New, Courier;font-size:14px;padding: 2px 2px 0px 2px;}
.tabPanel ul  
{
    list-style-type: none; 
    margin: 0;
    padding: 0;
}
.tabPanel li.tabItem {float: left;padding: 5px 15px;height:18px;width:90px;background-image:url(/images/tab_header_unselected.png);background-repeat:no-repeat;}
.tabPanel li.tabItem:hover {background-image:url(/images/tab_header_over.png);background-repeat:no-repeat;}
.tabPanel li.tabItemActive {float: left;padding: 5px 15px;height:18px;width:90px;background-image:url(/images/tab_header_selected.png);background-repeat:no-repeat;}
.tabArea {padding: 0px 2px 0px 2px;clear:both;}
.tabPanel li a { color: white; font-weight: bold; font-size:14px;}


.event_diamond
{
	padding: 1px 0px;
}

.event_diamond div
{
    border: solid 1px #598224;
}

.event_diamond th
{
    background-color: #D1FF99;
    background: url('images/header_gradiant2.png');
    color: White;
    font-size: 16px;
    height: 16px;
    padding: 3px 15px;
}

.event_diamond th a
{
    font-size: 16px;
    color: White;
}

.event_diamond td
{
    background-color: #f5f5f5;
    padding: 3px;
}

.event_premium
{
	padding: 1px 0px;
}

.event_premium div
{
    border: solid 1px #598224;
	width: 688px;
}

.event_premium .left
{
    border-left: solid 1px #598224;
}

.event_premium .right
{
    border-right: solid 1px #598224;
}

.event_premium th
{
    background-color: #D1FF99;
    background: url('images/header_gradiant2.png');
    color: Black;
    font-size: 14px;
    height: 14px;
    color: White;
    padding: 3px 15px;
}

.event_premium th a
{
    font-size: 14px;
    color: White;
}

.event_premium td
{
    padding: 3px 0px;
    font-weight: bold;
    color: #598224;
    border-top: solid 1px #598224;
    border-bottom: solid 1px #598224;
}

.event_my
{
	padding: 3px 0px;
}

.event_my div
{
}

.event_my th
{
    background-color: #D1FF99;
    color: Black;
    font-size: 16px;
    height: 18px;
}

.event_my th a
{
    font-size: 16px;
}

.event_my td
{
    background-color: #f5f5f5;
    padding: 3px;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 300}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	
    font-size: 16px; 
    color: white;
    font-weight: bold;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 2px 5px;
	color: #FFF;
    font-size: 15px; 
	text-align: center;
	text-decoration: none
}

#sddm li a:hover
{	background: #78a600;
    -moz-border-radius: 3px;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5e8f3e;
	z-index: 1000;
    -moz-border-radius: 3px;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EEF4EE;
		color: #2875DE;
		font: 11px arial;
    -moz-border-radius: 3px;}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF;
    -moz-border-radius: 3px;
		}
		



fieldset 
{
    padding: 10px 20px;
    border: solid 1px #598224;
    text-align: left; 
}
fieldset legend
{
    font-weight: bold;
    color: #598224;
    text-align: left; 
}
fieldset td, fieldset th
{
    text-align: left; 
}

.homepagetext 
{
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
}


.calendar {
    border-right:solid 1px #598224;
    border-bottom:solid 1px #598224;
}

.calendar th {

    border-top:solid 1px #598224;
    /*border-bottom:solid 1px #598224;*/
    border-left:solid 1px #598224;
    height:15;
    width:100px;
    font-size: 12px;
    text-align: right;
}

.calendar td {
    height:15px;
    border-left:solid 1px #598224;
    padding: 1px;
    overflow: hidden;
    white-space:nowrap;
}

.calendar .event {
    background-color: #598224;
    background-image: url(images/header_gradiant2.png);
    overflow: hidden;
    white-space:nowrap;
    padding: 1px 3px;
    -moz-border-radius: 3px;
}

.calendar .event a {
    color: White;
    text-decoration: none;
    font-size: 12px;
}

.calendar th.heading 
{
    font-size: 16px;
    color: White;
    background-color: #598224;
    background-image: url(images/header_gradiant2.png);
    text-align: left;
    padding: 0 3px;
}

.calendar-title th
{
    font-size: 16px;
    padding: 5px 10px;
    border: none;
}

.calendar-title th.heading-mid
{
    text-align: center;
    width: 50%;
}

.calendar-title th.heading-left, .calendar th.heading-right
{
    text-align: left;
    width: 25%;
}

.calendar-title .prev-month
{
    background:url("images/controls.png") no-repeat -75px 0;
    height:25px;
    width:25px;    
    float:left;
}

.calendar-title .prev-month:hover
{
    background-position: -75px -25px; 
}

.calendar-title .next-month
{
    background:url("images/controls.png") no-repeat -50px 0;
    height:25px;
    width:25px;    
    float:left;
}

.calendar-title .next-month:hover
{
    background-position: -50px -25px; 
}


.cal td
{
	padding: 0px;
}

.cal .ajax__calendar_container
{
    z-index: 10001;
    background-color: White;
	border-top: solid 1px #7288AC;
	border-left: solid 1px #7288AC;
	border-bottom: solid 1px #7288AC;
	padding: 0px !important;
	
}

.cal .ajax__calendar_container td,
.cal .ajax__calendar_container th
{
	padding: 0px !important;
}

.cal .ajax__calendar_header
{
	background-image: url(images/background_calendar.png);
	height: 17px;
	padding: 0px;
}

.cal .ajax__calendar_title
{
	padding: 0px;
}

.cal .ajax__calendar_next
{
	border-right: solid 1px #7288AC;
	height: 17px;
	padding: 0px;
}

.cal .ajax__calendar_body
{
	width:100%;
	height:127px;
}

.cal .ajax__calendar_days
{
	width:100%;
}

.cal .ajax__calendar_days table
{
	width:100%;
	border-top: solid 1px #7288AC;
}

.cal .ajax__calendar_days td
{
	border-right: solid 1px #7288AC;
	border-bottom: solid 1px #7288AC;
}

.cal .ajax__calendar_dayname
{
}

.cal .ajax__calendar_day
{
}

.cal .ajax__calendar_months
{
}

.cal .ajax__calendar_month
{
}

.cal .ajax__calendar_years
{
}

.cal .ajax__calendar_year
{
}

.cal .ajax__calendar_footer
{
	border-right: solid 1px #7288AC;
}

.cal .ajax__calendar_today
{
}

.cal .ajax__calendar_hover
{
}

.cal .ajax__calendar_active
{
	background-color: #CCCCCC;
}

.cal .ajax__calendar_other
{
	color: #CCCCCC;
}

.gridview th
{
    background-image: url(/images/header_gradiant2.png);
    background-repeat: repeat-x;
    text-align: left;
    color: White;
    padding: 2px;
}

.gridview th a
{
    color: White;
    text-decoration: underline;
}

.gridview td
{
    padding: 2px;
}
.gridview .photo img
{
    width: 150px;
}