/*  . indicates a class  (can be used multiple times) */
/*  # indicates an Id    (only used once per page)    */



/*--------------------------------------------*
 * Common page items                          *
 *--------------------------------------------*/
h2 
  {
   text-shadow: 3px 3px #FFFFFF;
  }	 
	
 
body
  {
   min-width: 1064px;
   max-width:1064px; 
   position:relative;
   margin-right:auto; 
   margin-left:auto;

   color:#001A67;   
   background-color: #001A67; 

   font-family:sans-serif;
   font-family:Georgia, sans-serif, serif, Times;
   font-size:18px;
  }
	

/*--------------------------------------------*
 * Main page containers                       * 
 *--------------------------------------------*/
.mainPageContainer
  {
   display:inline-block;
   float:left;

   Width:1004px;
   background-color:#EEEEEE;

   margin:0px 20px 0px 20px;
   padding:0px 10px 0px 10px;

   -webkit-border-radius: 0px 0px 10px 10px;
   -moz-border-radius:    0px 0px 10px 10px;
   border-radius:         0px 0px 10px 10px;
  }


.mainPageDataContainer
  {
   display:inline-block;
   float:left;

   Width:964px;

/*   border-style:solid; 
     border-width: 1px; 
     border-spacing: 0px; */

   background-color:white; 

   margin:0px 00px 20px 00px;
   padding:20px 20px 20px 20px;

   -webkit-border-radius: 10px 10px 10px 10px;
   -moz-border-radius:    10px 10px 10px 10px;
   border-radius:         10px 10px 10px 10px;
  }


/*--------------------------------------------*
 * page header                                *
 *--------------------------------------------*/
.pageHeaderContainer
  {
   position:relative;
   display:inline-block;

   clear:both;

   width:1024px;

   background-color: #001A67;

   margin:0px 20px 0px 20px;

  /* background-color:green; */
  }


.pageHeaderClubLogo
  {
   display:inline-block;
/*   width: 158px;
   height:63px; */

   width: 180px;
   height:85px;

   border:0px;
  }	


.pageHeaderClubName
  {
   display:inline-block;

/*   width: 642px;
   height:63px;*/

   width: 664px;
   height:85px;

   padding-left:20px;

   border:0px;
  }


/*---------*/
/* Sponsor */
/*---------*/
div.sponsor
  {
   Width:984px;
   height:auto;

   text-align:center;

   border:0px;
   padding:10px 0px 10px 0px;

   font: bold 10px Arial, Calibri, Verdana, Geneva, sans-serif; 
  }

div.sponsor img
  {
    Width:300px;
    height:auto;
    position:center;
    border:0px;
  }


/*-----------------------*/
/* Fixed quick links bar */
/*-----------------------*/
.quickLinks
  {
   position:fixed;

   bottom:200px;
   bottom:40%;

   width:18px;
   height:auto;

   -webkit-border-radius: 20px 0px 0px 20px;
   -moz-border-radius:    20px 0px 0px 20px;
   border-radius:         20px 0px 0px 20px;

   padding: 20px 0px 20px 0px;

   background-color: #EEEEEE; 
  }


.quickLinks img
  {
    position:center;

    width:18px;
    height:18px;

    border:0px;
  }


/*--------------------------------------------*
 * Navigation bar                             *
 *--------------------------------------------*/
nav
  {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
   background:#DD0000; 
   height: auto;          

  }


nav ul ul 
  {
   display: none;
  }


nav ul li:hover > ul 
  {
   display: block;
   z-index: 1000;
  }


nav ul 
  {
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px; 

   border-radius: 10px;  

   list-style: none;
   position: relative;

   display: inline-table;

   background:#DD0000; 
  }


nav ul:after
  {
   content: ""; clear: both; display: block;
  }


nav ul li 
  {
   float: left;

border-top: 1px solid #ebb4b4;
   border-left: 1px solid #ebb4b4;
   border-right: 1px solid black;
   border-bottom: 1px solid black; 

   font: bold 13px Arial, Calibri, Verdana, Geneva, sans-serif; 
  } 


nav ul li:hover
  {
   z-index: 1000;

   background: linear-gradient(top, white 0%, red 40%);
   background: -moz-linear-gradient(top, white 0%, red 40%);
   background: -webkit-linear-gradient(top, white 0%,red 40%); 
  }


nav ul li:hover a 
  {
   color: white;
   z-index: 1000;
  }
	
	
nav ul li a
  {
   display: block; 
   padding: 5px 5px; 
   color: white;     /* text color */
   text-decoration: none; 
  } 
	
		
nav ul li a.selected 
  {
   background:yellow;
   color:#001A67;

   background: linear-gradient(top, white 0%, yellow 40%);
   background: -moz-linear-gradient(top, white 0%, yellow 40%);
   background: -webkit-linear-gradient(top, white 0%,yellow 40%);
  }
			
	
nav ul ul   
  {
   border-radius: 0px; 
   padding: 10; 
   position: absolute; top: 100%; 
  }

	
nav ul ul li
  {
   float: none; 
   border-top: 1px solid #6b727c;
   border-bottom: 1px solid #575f6a; 
   position: relative; 
  }


nav ul ul li a
  {
   padding: 5px 5px; 
   color: #fff; 
   z-index:-1000;
  }	


nav ul ul li a:hover
  {
   z-index:-1000;
   background: linear-gradient(top, white 0%, red 40%);
   background: -moz-linear-gradient(top, white 0%, red 40%);
   background: -webkit-linear-gradient(top, white 0%,red 40%);
  }

  
/*--------------------------------------------*
 * Page footer                                *
 *--------------------------------------------*/
.footerContainer
  {
    width:100%;
    clear:both;
    text-align:center;
    position:relative;
    display:inline-block;

   padding:00px 0px 00px 0px;
  }

	 
/*--------------------------------------------*
 * Home page                                  *
 *--------------------------------------------*/

.homeAboutUsContainer
  {
   position:relative; 
   float:left;

   display:inline-block;
	 
   width:600px;
   height:370px;
	 
   word-wrap:break-word;

   padding:0px 20px 20px 20px;
  }	


.homeNewestMembersContainer
  {
   position:relative; 
   float:right;

   display:inline-block;
	 
   width:250px;
   height:auto;
	 
   word-wrap:break-word;

   padding:0px 20px 20px 20px;
   margin: 0px 0px 0px 0px; 

   border-style:solid;
   border-width: 1px;
   border-spacing: 0px; 

   -webkit-border-radius: 10px 10px 10px 10px;
   -moz-border-radius:    10px 10px 10px 10px;
   border-radius:         10px 10px 10px 10px;
  }	
	

.randomCarPicture
  {
   position:relative; 
   float:right;

   border:0px;

   padding:20px 20px 20px 20px;
   margin: 0px 0px 0px 0px;
  }	


.randomCarPicture
  {
   width:250px; 
   height:188px;
  }



.groupPictureContainer
  {
   clear:both;
   position:relative;
   display:inline-block;
	 
   word-wrap:break-word;
   width:984px;   width:100%;

   text-align:center;
  }	


.groupPictureContainer img
  {
   border:0px;
/*   width:805px; 
   height:385px; */

   width:924px; 
   height:504px;

  }
	 

/*--------------------------------------------*
 * Calendar page                              *
 *--------------------------------------------*/	 
div.calendarContainer
  {
   clear:both;
   position:relative;

   display:inline-block;

   width:100%;
  }


iframe.googleCalendar
  {
   border-style:solid;
   border-width: 0px;
   width:100%; 
   height:744px;
   border:0;
  }	


/*--------------------------------------------*
 * News page                                  *
 *--------------------------------------------*/
.facebookContainer 
  {
   float:left;
   clear:both;
   display:inline-block; 

   width:300px;
   height:850px; 

   word-wrap:break-word;
  }
	

.facebookContainer iframe
  {
   clear:both;

   word-wrap:break-word;

   border:1; 
 
   overflow:hidden;  
/*   width:auto; */
   width:300px;
   height:900px; 
  }	
	

.newsContainer
  {
   clear:both;
   position:relative;
   display:inline-block;


/*   border-style:solid;
   border-width: 1px;
   border-spacing: 1px; */
	 
   word-wrap:break-word;
/*   width:660px; */
   width: 650px;
   height:auto; 

   word-wrap:break-word;

   text-align:center;

   padding: 0px 0px 0px 10px;
  }	


.newsContainer img
  {
   border:0px;
   width:300px; 
   height:200px;
  }
		 

/*--------------------------------------------*
 * Members page                               *
 *--------------------------------------------*/	 
.membersContainer
  {
   width:100%;

   display:inline-block;

   word-wrap:break-word;
   text-align: center;
	 
/*   border-style:solid;
   border-width: 1px;
   border-spacing: 0px; */

   margin: 0px 0px 20px 0px; 
  }	


td.membersContainer1
  {
   width:35%;

   vertical-align: top;

   padding:25px 0px 0px 0px;
  }
	

td.membersContainer2 
  {
/*   text-align:left; */
   vertical-align:text-top;
	 
   width:55%;

   word-wrap:break-word;
  }


/*--------------------------------------------*
 * Racing page                                *
 *--------------------------------------------*/	
.racingTimesContainer	
  {
   clear:both;
   position:relative;
   display:inline-block;

   word-wrap:break-word;
   Width:100%;
   text-align:center;

   padding:0px 0px 0px 0px; 
  }	

	
.racingTimescontainer1 
  {
   float:left;
   text-align: left;
   vertical-align:text-top;

   width:350px;
   height:180px;

  /* padding:0px 0px 0px 20px; 
   margin:0px 0px 0px 0px; */

   word-wrap:break-word;
  }
	

.racingTimescontainer2 
  {
   float:right;
   text-align: left;
   vertical-align:text-top;

   width:350px;
   height:180px;

   padding:0px 20px 0px 0px; 
   margin:0px 0px 0px 0px;

   word-wrap:break-word;
  }
	

.racingGuideLinesContainer	
  {
   clear:both;
   position:relative;
   display:inline-block;

   word-wrap:break-word;
   Width:100%;
   text-align:center;

   margin:20px 0px 0px 0px;
   padding:0px 0px 0px 0px; 
  }


.racingGuideLinesContainer1 
  {
   float:left;
   text-align: left;
   vertical-align:text-top;

   width:350px;;
   height:270px;

   padding:0px 0px 0px 20px; 
   margin:0px 0px 0px 0px;

   word-wrap:break-word;
  }
	

.racingGuideLinesContainer2 
  {
   float:right;
   text-align: left;
   vertical-align:text-top;

   width:350px;
   height:270px;

   padding:0px 20px 0px 0px; 
   margin:0px 0px 0px 0px;

   word-wrap:break-word;
  }


.racingTextContainer	
  {
   clear:both;
   position:relative;
   display:inline-block;

   word-wrap:break-word;
   Width:100%;
   text-align:center;

   margin:20px 0px 0px 0px;
   padding:0px 0px 0px 0px; 
  }

.racingTextContainer1
  {
   text-align: left;
   vertical-align:text-top;

   width:944px;

   padding:0px 0px 0px 00px; 
   margin:0px 0px 0px 0px;

   word-wrap:break-word;
  }


img.bradentonMotorsportsLogo
  {
   Width:350px;
  }

img.sebringLogo
  {
   Width:350px;
  }

/*--------------------------------------------*
 * Media Video                                *
 *--------------------------------------------*/	
.mediaVideoContainer
  {
   clear:both;
   position:relative;
   display:inline-block;

   word-wrap:break-word;
   Width:944px;
   text-align:center;

  }
	

.mediaVideoContainer1
  {
   float:left;
   display:inline-block;

   width:48%;
   height:auto;
   word-wrap:break-word;

   margin:0px 2px 0px 0px; 
   }
	

.mediaVideoContainer1 video
  {
   width:420px;
   height:315px;
  }


.mediaVideoContainer2
  {
   float:right;
   display:inline-block;

   width:48%;
   height:auto;
   word-wrap:break-word;

   margin:0px 2px 0px 0px; 
   }


.mediaVideoContainer2 video
  {
   width:420px;
   height:315px;
  }


/*--------------------------------------------*
 * Media pictures                             *
 *--------------------------------------------*/	
.mediaPictureContainer
  {
   width:100%;

   word-wrap:break-word;
  }


.mediaPictureContainer img 
  {
   width:188px;
   height:143px;

   border:0px;
  }	


.mediaPictureContainer h2
  {
   text-align:center;
  }	




