﻿/******************************************************************************
/* MASTER PAGE STYLES
/******************************************************************************/
body
{
    background-color: #FFF;
    font: 76% Arial;
    padding: 0;
    margin: 0;
    text-align: center; 
}
p
{
    color: #000000;
    font-family: Verdana;
    font-size: 8.5pt;
    text-align: left;
   /* font-weight: bold; */
    line-height: 1.5;
}
div#body_background
{
    text-align: left;
    width: 100%; 
    height: 768px; 
    background-image: url(body_bg.jpg);
    background-repeat: repeat-x;   
}
div#container_div
{ 
    width: 989px;
    margin-left: auto; 
    margin-right: auto;    
}
div#nav_background
{
    float: left;
    width: 195px; 
    height: 491px;
    background-image: url(nav_bg.png);
    background-repeat: no-repeat;
    margin-top: 42px;
}
div#content_background
{
    float: left;
    width: 794px; 
    margin-top: 45px; 
}
div#contentTop
{
    background-image: url(contentTop_bg.png);
    background-repeat: no-repeat;
    width: 794px;
    height: 18px;
}
div#contentMiddle
{
    float: left;
    background-image: url(contentBody_bg.png);
    background-repeat: repeat-y;
    width: 794px;
    min-height: 500px;
    overflow: hidden;
}
div#contentBottom
{
    clear: both;
    background-image: url(contentBottom_bg.png);
    background-repeat: no-repeat;
    width: 794px;
    height: 29px;
}
div#footer
{
    clear: both;
    color: #2156a7;
    font-family: Verdana;
    font-size: 7.5pt;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

div#footer a
{
    color: #d12c2f;
    text-decoration: none;
}

div#footer a:hover
{
    text-decoration: underline;
    color: #d12c2f;
}

/******************************************************************************
/* NAVIGATION MENU
/******************************************************************************/

.sidenav
{
	width: 182px; /*width of menu*/
	border-style: none;
}

.sidenav ul{
	list-style-type: none;
	margin-top: 153px;
	margin-left: 10px;
	padding: 0;
}
	
.sidenav li a{
	font: bold 12px Arial;
	display: block;
	background-color: #2156a7;
    height: 24px; 
	line-height: 24px; 
	text-decoration: none;
	margin-top: 5px;
}	
	
.sidenav li a:link, .sidenav li a:visited {
	color: #FFFFFF;
}

.sidenav li a:hover{
	color: #FFFFFF;
	background-color: #243874;
}

	
.sidenav li a.selected{
	color: #FFFFFF;
	background-color: #243874;
}

/******************************************************************************
/* GENERAL PAGE STYLES
/******************************************************************************/
div#red_line
{
    background-image: url(General/redLine.jpg);
    background-repeat: no-repeat;
    width: 774px;
    height: 4px;
    margin-left: 8px;
}
div#main_content
{
   float: left;
   width: 730px; 
   height: 100%;
   margin-top: 25px; 
   margin-left: 30px;
   padding-bottom: 15px;
   overflow: hidden;
}
div#blue_bg
{
   background-image: url(blue_bg.jpg);
   background-repeat: repeat-y;
   width: 774px;
   margin-left: 8px;    
}
.updated
{
    color: Red;
    font-weight: bold;
}
/******************************************************************************
/* HOME PAGE STYLES
/******************************************************************************/
div#home_header
{
    background-image: url(Home/homeHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-top: 18px;
    
}

div#home_picture
{
    background-image: url(Home/homePicture.jpg);
    background-repeat: no-repeat;
    width: 773px;
    height: 303px;
    margin-left: 8px;
    margin-top: 20px;
}
div#bottom_content
{
   float: left;
   width: 794px; 
   height: 100%;
   margin-top: 25px; 
}
div#welcome_title
{
    background: transparent url(Home/welcomeHeader.jpg) no-repeat; 
    width: 83px;
    height: 17px;
    margin-top: 5px;    
}
div#welcome_content p
{
    color: #2156a7;
    font-family: Verdana;
	font-size: 7pt;
	width: 465px;
	margin-top: 5px;
	margin-left: 3px;
}
div#play_race
{
    float: left;
    background: transparent url(Home/race_bg.jpg) no-repeat;
    width: 242px;
    height: 229px;
    margin-left: 26px;
    padding-left: 10px;
    padding-top: 10px;
}
div#news
{
    float: left;
    margin-left: 15px;
    width: 420px;
}
div#news_title
{
    background: transparent url(Home/newsHeader.jpg) no-repeat;
    width: 194px;
    height: 17px;
    margin-top: 15px;
}
div#news_content
{
	float: left;
    background: transparent url(Home/newsContent2.jpg) no-repeat;
    width: 20px;
    height: 101px;
    margin-top: 25px;
}
div#news_top4
{
	float: left;
	height: 101px;
	font-family: Verdana;
	font-size: 10pt;
	color: #2156A6;
	margin-top: 10px;
}
div#news_top4 a:link, div.article a:visited
{
    color: #2156a7;
    text-decoration: none;
    padding: 0 2px;
    margin: 0;
}
div#news_top4 a:hover
{
    color: #000;
    text-decoration: underline;
}
.newsLink
{
	font-family: Verdana;
	font-size: 7.5pt;
	font-weight: bold;
	text-decoration: none;
	color: #2156A6;
}
.newsDate
{
	font-family: Verdana;
	font-size: 7.5pt;
	font-weight: bold;
	color: #959394;  /* GREY */
}
.txtVideo
{
	font-family: Verdana;
	font-size: 7.5pt;
	color: #e43b3b;  /* Red */
}
.imgFilm
{
	margin-top: 15px;
	margin-left: 0px;
}
/******************************************************************************
/* ABOUT PAGE STYLES
/******************************************************************************/
div#about_header
{
    background-image: url(About/aboutHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 18px;
}

/******************************************************************************
/* PARTNERSHIPS PAGE STYLES
/******************************************************************************/
div#partnerships_header
{
    background-image: url(Partnerships/partnershipHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 18px;
}

/******************************************************************************
/* RACING STATISTICS PAGE STYLES
/******************************************************************************/
div#racing_header
{
    background-image: url(Racing/racingHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 18px;
}

/******************************************************************************
/* GALLERY PAGE STYLES
/******************************************************************************/
div#gallery_header
{
    background-image: url(Gallery/galleryHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 18px;
}

/******************************************************************************
/* NEWS PAGE STYLES
/******************************************************************************/
div#news_header
{
    background-image: url(News/newsHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 3px;
}
div#news_title_format
{
    font-family: Arial;
    font-weight: bold;
    font-size: 14pt;
    color: #2156a7;
}
div#news_archive
{
    color: #d12c2f;
    margin-left: 685px;
   /* letter-spacing: 1pt; */
}
div#news_archive a
{
    color: #d12c2f;
    text-decoration: none;
}
div#news_archive a:hover
{
    text-decoration: underline;
    color: #d12c2f;
}


/******************************************************************************
/* CONTACT US PAGE STYLES
/******************************************************************************/
div#contact_header
{
    background-image: url(Contact/contactHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 18px;
}

/******************************************************************************
/* GALLERY PAGE STYLES
/******************************************************************************/
div#gallery
{
   width: 730px; 
/*   margin: 0 auto; */
   text-align: center;
}
div#gallery .item a 
{ 
    float: left; 
}
div#gallery .item 
{ 
    float: left; 
    width: 150px; 
    height: 100px; 
    border: 1px solid #000; 
    overflow: hidden; 
}
div#gallery .item .photo 
{ 
    float: left; 
    height: 100px; 
    width: 150px; 
    background-position: top center; 
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-color: #000; 
}
.button { background-color: #2156a7; color: #FFF; border: 1px solid #d12c30; padding: 2px; font-size: 10px; font-weight: bold; cursor: pointer; }

/******************************************************************************
/* ADMIN PAGE STYLES
/******************************************************************************/
div#admin_header
{
    background-image: url(Admin/adminHeader.jpg);
    background-repeat: no-repeat; 
    width: 734px;
    height: 28px;
    margin-left: 30px;
    margin-bottom: 12px;
    margin-top: 4px;
}

#adminMenu
{
    padding: 0;
    width: 774px;
    margin-left: 8px; 
    border-top: 3px solid #d12c30; /*Red color theme*/ 
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
}
#adminMenu ul
{
    margin:0;
    margin-left: 10px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
}
#adminMenu li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform:uppercase;
}
#adminMenu a
{
    float: left;
    display: block;
    font: bold 9px Arial;
    color: white;
    text-decoration: none;
    margin: 0 1px 0 0; /*Margin between each menu item*/
    padding: 5px 10px;
    background-color: #2156a7; /*Red color theme*/ 
    border-top: 1px solid white;
}
#adminMenu a:hover
{
    background-color: #243874; /*Red color theme*/ 
    color: white;
}
#adminMenu #current a /*currently selected tab*/
{   
    background-color: #d12c30; /*Red color theme*/ 
    color: white;
    border-color: #d12c30; /*Red color theme*/ 
}
div#admin_logout
{
    color: #d12c2f;
    margin-left: 700px;
}
div#admin_logout a
{
    color: #d12c2f;
    text-decoration: none;
}
div#admin_logout a:hover
{
    text-decoration: underline;
    color: #d12c2f;
}
div.article
{
    font-family: Verdana;
    font-size: 8pt;
}
div.article h2 h4
{
    color:  #2156a7;
}
div.article h5
{
    color: Gray;
}
div.article a:link, div.article a:visited
{
    color: #2156a7;
    text-decoration: none;
    padding: 0 2px;
    margin: 0;
}
div.article a:hover
{
    color: #000;
    text-decoration: underline;
}