﻿/** TEXT **/
body
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 16px;
}

h1
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	font-weight: normal;
	font-size: 27px;
	line-height: 1em;
}

h2
{
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	font-weight: bold;
}

h3
{
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	font-weight: bold;
}

p
{
	font-size: 11px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}

a, a:link, a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
}

hr
{
	height: 0px;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}

.Red
{
	color: #ff0000;
}

.Black
{
	color: #000000;
}

.White
{
	color: #ffffff;
}

.Message
{
	color: #ffff33;
}

.Border
{
	padding: 5px;
	border: 1px dotted #ffffff;
}

.Content input,
.Content select
{
	font-size: 10px;
}

/** LAYOUT **/

body
{
	margin: 0px;
	padding: 0px;
	/*
	background-image: url(Images/BodyBg.jpg);
	*/
	background-color: #999999;
}

.EditorBody
{
	/*
	background-color: #ffffff;
	background-image: none;
	*/
	margin: 5px;
}

.MainFrame
{
	position: relative;
	margin: 20px auto auto auto;
	width: 918px;
}

.MainFrameInner
{
	position: relative;
	float: left;
	width: 100%;
	background-image: url(Images/MainFrameBg.jpg);
	background-repeat: repeat-y;
}

.MainFrameTop
{
	float: left;
	width: 100%;
	height: 5px;
	background-image: url(Images/MainFrameBgTop.jpg);
	background-repeat: no-repeat;
}

.MainFrameBottom
{
	float: left;
	width: 100%;
	height: 15px;
	background-image: url(Images/MainFrameBgBottom.jpg);
	background-repeat: no-repeat;
}

.MainFrameContent
{
	float: left;
	width: 898px;
	margin-left: 10px;
	margin-top: -4px;
}

.BannerFrame
{
	float: left;
	width: 100%;
	height: 191px;
	background-image: url(Images/Banner.jpg);
	background-repeat: no-repeat;
}

.BannerLogo
{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -79px;
}

.ContentFrame
{
	float: left;
	width: 100%;
}

.HeightAdjuster
{
	float: left;
	width: 1px;
	height: 400px;
}

.LeftFrame
{
	float: left;
	width: 220px;
}

.Content
{
	float: right;
	width: 570px;
	padding: 25px;
}

.BottomInfo
{
	float: left;
	width: 100%;
	text-align: center;
}

.BottomInfoText
{
	margin-left: 220px;
}

.Webmaster
{
	float: left;
	margin-left: 10px;
}

a.AdminLink
{
	float: right;
	margin-right: 10px;
	text-decoration: none;
	color: #dddddd;
}

/** MAIN MENU **/

.MenuFrame, 
.MainMenu
{
	position: absolute;
	top: 162px;
	left: 10px;
	height: 30px;
	width: 898px;
	font-family: Arial, Verdana, Sans-Serif;
}

.MenuFrame
{
	/*
	background-color: #000000;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	*/
	background-image: url(Images/MenuBg.png);
	background-repeat: no-repeat;
	height: 33px;
}

.MainMenu
{
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
}

a.MainMenuItem,
a.MainMenuItem:link,
a.MainMenuItem:active,
a.MainMenuItem:visited
{
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}

a.MainMenuItem:hover
{
	color: #999999;
}

/*** SUB MENU ***/

.SubMenu
{
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	font-family: Arial, Verdana, Sans-Serif;
}

a.SubMenuItem,
a.SubMenuItem:active,
a.SubMenuItem:link,
a.SubMenuItem:visited
{
	float: left;
	width: 200px;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
	padding-left: 15px;
	margin-top: -1px;
}

a.SubMenuItem:hover
{
	background-color: #555555;
}

/*** NEWS LIST ***/

.NewsList
{
	float: left;
	width: 190px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 150px;
}

.NewsListItem
{
	border-top: 1px dashed #ffffff;
	margin-top: 10px;
	padding-top: 10px;
}

.NewsListDate
{
	display: block;
	font-style: italic;
}


.NewsListHeader
{
	display: block;
	font-weight: bold;
}

.NewsListIntro
{
	display: block;
}

a.NewsListReadMore
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
}

a.NewsListReadMore:hover
{
	text-decoration: underline;
}

/*** NEWS MODULE LIST ***/

.NewsModuleList
{
}

.NewsModuleListItem
{
	border-top: 1px dashed #ffffff;
	margin-top: 10px;
	padding-top: 10px;
}

.NewsModuleListDate
{
	display: block;
	font-style: italic;
}


.NewsModuleListHeader
{
	display: block;
	font-weight: bold;
}

.NewsModuleListIntro
{
	display: block;
}

a.NewsModuleListReadMore
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
}

a.NewsModuleListReadMore:hover
{
	text-decoration: underline;
}

/*** NEWS ITEM ***/

.NewsItem
{
}

.NewsItemDate
{
	display: block;
	font-style: italic;
}


.NewsItemHeader
{
	display: block;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 5px;
}

.NewsItemIntro
{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.NewsItemText
{
	display: block;
}

/*** CONTENT ***/

.ContentTopImage
{
	float: right;
	margin: 0px 0px 10px 10px;
}

.ContentBottomImages
{
	float: left;
}

.FormText
{
	float: left;
	width: 100px;
}

.RaceFormPanel table
{
}

.RaceFormPanel td
{
	float: left;
	width: 45%;
}

.RaceFormPanel td span td
{
	float: left;
	width: auto;
}

.RaceFormPanel input,
.RaceFormPanel select
{
	float: left;
	width: 100px;
}

.RaceFormPanel .ExtraWide input,
.RaceFormPanel .ExtraWide select
{
	width: 100px;
}

.ContentFileItem
{
	display: block;
	width: 100%;
}

.MemberLink
{
	/*
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	*/
	position: absolute;
	bottom: 50px;
	left: 0px;
	width: 220px;
	text-align: center;
}

/*** ADMIN ***/

.AdminLoginStatus
{
	position: absolute;
	top: 250px;
	left: 30px;
	width: 190px;
}

.AdminMenu
{
	position: absolute;
	top: 280px;
	left: 30px;
	width: 190px;
}

.AdminMenu a,
.AdminLoginStatus a
{
	color: #ffffff;
}

.AdminMenu a
{
	display: block;
	margin-bottom: 5px;
}

.AdminContent
{
	float: left;
	margin-left: -70px;
	width: 600px;
}

.AdminContent .Content
{
	float: left;
	width: 100%;
	padding: 0px;
}

/*** IMAGES ***/

.ImagesCategoryItem
{
	display: block;
	margin-bottom: 5px;
}

.ModalContent
{
	text-align: center;
}

.ImagesListItemModalText
{
	display: block;
	padding-top: 5px;
}

.ModalFrame
{
	display: none;
}

.ModalBackground
{
	position: absolute;
	top: 0px;
	left: 9px;
	width: 900px;
	height: 100%;
	background-color: #000000;
	z-index: 200;
}

.ModalContentFrame
{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -425px;
	width: 850px;
	background-color: #000000;
	overflow: hidden;
	z-index: 300;
}

.ModalContent
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #999999;
}

.ModalContentClose
{
	text-align: right;
	font-size: 15px;
	margin: 10px;
	margin-right: 20px;
	font-family: Verdana, Arial, Sans-Serif;
}

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

.ModalContentCloseText
{
	position: absolute;
	bottom: 20px;
	left: 530px;
}

/*** Application list ***/

.ClassHeader
{
	cursor: pointer;
}

.ClassHeaderHover
{
	background-color: #333333;
}

.ClassContent
{
	display: none;
}