/* Define the look and feel of normal pages */


body {

        /* Define the graduated and basic screen layout */
	background: #FFFFFF url(./Images/bg.jpg) repeat-x;
	/* width: 250px;*/
	color: #003300;
	font-size: 15px;
	font-family: Arial, Tahoma, Verdana;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50;
	margin-left: 10px;
	padding: 0px;
	
}

/* Not Currently Used */
/* a.links:link {font-size: 30px; color: #FF0000}  */   /* unvisited link */
/* a.links:visited {color: #00FF00} */ /* visited link */
/* a.links:hover {color: #FF00FF}  */ /* mouse over link */
/* a.links:active {color: #0000FF} */  /* selected link */ 


#headerlogo {
	
	/* Add the SDAC logo to the page */
	background: #FFFFFF url(./Images/ClubLogoSmall.jpg) no-repeat;
	/* width: 233px;
	height: 143px; */
	width: 140px;
	height: 86px;
	color: #FFFFFF;
  margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	position:absolute;
  left:5px;
  top:5px;

	/* Put box round the image */
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0 5px;
}

h1 {
	text-align: center;
	/* Put box round the image */
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0 20px;
	background: red;
}

h2 {
  	text-align: center;
}
  
#racetitle {
	/* Set the text format for the race title information */
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
	font-size:40px;
	width: 100%;
}

#racedate {
	/* Set the text format for the race date information */
	text-align: center;
	font-size: 30px;
	padding-bottom: 15px;
	width: 100%;	
}


#requiredinfo {
	/* Set the text format for required race information */
	text-align: center;
	font-size: 20px;
	width: 100%;
}

#racegeneralinfo {
	/* Set the text format for the general race information */
	text-align: center;
	font-size: 20px;
	width: 100%;
}


#bulletindent {
	/* Control the indentation of bullet points */
	margin-left: 20px;
	margin-right: 20px;
}

tablespacing {
	margin-left:300px;

}

#sponsorsizetext {
	/* Define the size of Sponsored By in sponsors tables */			
	font-size:30px;
}


#supportedbysizetext {
	/* Define the size of Supported By in sponsors tables */
        font-size:20px;
}

table.contactdetails {
	/* Contact details table definition */
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 5px;
}

table.raceboxout {
	/* Contact details table definition */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0 5px;
	background-color:red;
}

table.PostRacePurchase {
	/* Contact details table definition */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0 5px;
	background-color:white;
}

table.RaceFullWarning {
	/* Contact details table definition */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 50px;
	background-color:black;
	color:yellow;
	margin: 20px;
}

table.EmptyBackground {
	/* Draw border but leave text unchanged */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 50px;
	margin: 20px;
}


table.clubcontacts {
	/* Club Contacts table definition */
	padding: 10px;
}

table.maps {
	/* Map definition */
	padding: 0 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* News item formatting */

table.news {
	/* Format the table for the news items */
	padding: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.subnews {
	/* Format the table for the sub news items */
	padding: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#newsheader {
	/* Format the title text for the news item */
	text-align: center;
	font-size: 20px;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	background: white;
}

#newsdatetimeheader {
	/* Format the date update text for the news item */
  	text-align: left;
	font-size: 12px;
	padding: 1px;
}

#racefull {
  /* Set colour and font size for race full message */
	text-align: center;
	font-size: 30px;
	color: red;
}

table.sponsor {
	/* Set box around sponsorship details */
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}

/* Set up the BoxOut dialog boxes */



.boxout {
	width: 200px;
	padding: 0 10px 1px;
	margin: 0 0 0px;
	background: #e1e1e1 url(./Images/BoxOut/boxout-bottom.gif) 0 100% no-repeat;
}

.boxout h2 {
	background: #d7932a url(./Images/BoxOut/boxout-top-red.gif) no-repeat;
	margin: 0 -10px 10px;
	padding: 5px 10px;
	border-bottom: 1px solid #ffffff;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
}

.boxout p {
	font-size: 0.9em;
}
		
.infoHeader h2 {
	
	/* background: #d72a49 url(./Images/BoxOut/boxout-top-red.gif) no-repeat; */
	background-color:transparent;
	url(./Images/BoxOut/boxout-top-red.gif) no-repeat;
 
}

.questionsHeader h2 {
	/* background: #d72a49 url(./Images/BoxOut/boxout-top-pink.gif) no-repeat; */	
	background-color:transparent;
	url(./Images/BoxOut/boxout-top-pink.gif) no-repeat
}
	
.chatHeader h2 {
	/* background: #2a84d7 url(./Images/BoxOut/boxout-top-blue.gif) no-repeat; */	
	background-color:transparent;
	url(./Images/BoxOut/boxout-top-blue.gif) no-repeat;

}

.toolsHeader h2 {
	/* background: #d72ab0 url(./Images/BoxOut/boxout-top-orange.gif) no-repeat; */	
	background-color:transparent;
	url(./Images/BoxOut/boxout-top-orange.gif) no-repeat;
}

#boxoutbulletindent {
	/* Control the indentation of bullet points */
	margin-left: 0px;
	margin-right: 20px;
}

#ctitle {

width:100%;
text-align: center;
font-size: 30px;
}


#left-info-box {
	/* Position break out boxes on the left hand side of the page */
	position: absolute;
	left: 10px;
	top: 400px;
}

#left-graphic {
	/* Position graphics on the left hand side of the page */
	position: absolute;
	left: 10px;
	top: 700px;
	border: 2px solid;
	border-color: #ff0000;
	padding: 5px;
	background-color: #ffffff;
}



/* End of BoxOut dialog boxes */


/* End of general page definitions */



/* Calendar display icons */

/* Main calendar CSS code */
.calendar {
  float: left;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}

/* CSS code for January icon */
.calendar-icon-01 {
  background: url('./Images/Shared/calendar/01.gif');
}
.calendar-icon-1 {
  background: url('./Images/Shared/calendar/01.gif');
}

/* CSS code for February icon */
.calendar-icon-02 {
  background: url('./Images/Shared/calendar/02.gif');
}
.calendar-icon-2 {
  background: url('./Images/Shared/calendar/02.gif');
}

/* CSS code for March icon */
.calendar-icon-03 {
  background: url('./Images/Shared/calendar/03.gif');
}
.calendar-icon-3 {
  background: url('./Images/Shared/calendar/03.gif');
}

/* CSS code for April icon */
.calendar-icon-04 {
  background: url('./Images/Shared/calendar/04.gif');
}
.calendar-icon-4 {
  background: url('./Images/Shared/calendar/04.gif');
}

/* CSS code for May icon */
.calendar-icon-05 {
  background: url('./Images/Shared/calendar/05.gif');
}
.calendar-icon-5 {
  background: url('./Images/Shared/calendar/05.gif');
}

/* CSS code for June icon */
.calendar-icon-06 {
  background: url('./Images/Shared/calendar/06.gif');
}
.calendar-icon-6 {
  background: url('./Images/Shared/calendar/06.gif');
}

/* CSS code for July icon */
.calendar-icon-07 {
  background: url('./Images/Shared/calendar/07.gif');
}
.calendar-icon-7 {
  background: url('./Images/Shared/calendar/07.gif');
}

/* CSS code for August icon */
.calendar-icon-08 {
  background: url('./Images/Shared/calendar/08.gif');
}
.calendar-icon-8 {
  background: url('./Images/Shared/calendar/08.gif');
}

/* CSS code for September icon */
.calendar-icon-09 {
  background: url('./Images/Shared/calendar/09.gif');
}
.calendar-icon-9 {
  background: url('./Images/Shared/calendar/09.gif');
}

/* CSS code for October icon */
.calendar-icon-10 {
  background: url('./Images/Shared/calendar/10.gif');
}

/* CSS code for November icon */
.calendar-icon-11 {
  background: url('./Images/Shared/calendar/11.gif');
}

/* CSS code for December icon */
.calendar-icon-12 {
  background: url('./Images/Shared/calendar/12.gif');
}

/* CSS code for one day */
.calendar-day {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 14px;
}


/* Code for menu structure */
/* Taken from www.cssmenumaker.com */

.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
	width: 193px;
}
div.menu ul{
	list-style: none;
	text-indent: 0px;
}
div.menu li{
	margin-top: 3px;
}
div.menu a{
	font: 12px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	/* padding: 6px 30px; */
	padding: 6px 6px 6px 30px;
	height: 20px;
	text-decoration: none;
	background: url('./Images/Shared/Menu/background.gif');
}
div.menu a:hover{
	background: url('./Images/Shared/Menu/highlight.gif') no-repeat right;
	/* padding: 6px 48px; */
	padding: 6px 6px 6px 40px;
}



#sponsorlogobox {
	text-align: center;
	/* Put box round the image */
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 2 0 2 0px;
	/* background: red; */
}

#sponsorlogowords {
	text-align: center;
	/* Put box round the words */
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 100 0 0 0px;
	background: red;

	padding-top: 1px;
	padding-bottom: 1px;

	font-size:20px;
	margin-bottom: 5px;

}


/* used in Beginners group testimonials */
blockquote {
	background: url(./images/quotes/quote-open.gif) 0 0 no-repeat;

	margin: 1.5em;
}

/* used in Beginners group testimonials */
blockquote p {
	/*color: #555555;*/
	font-size: 1.3em;
	font-weight: bold;
	text-align: justify;
	background: url(./images/quotes/quote-close.gif) 100% 90% no-repeat;
	padding: 0 33px;
	margin-bottom: 0;
}

/* used in Beginners group testimonials */
.box {
	/*background:#829900;*/
	/*color:#fff; 	*/
	padding: 5px;
	height: auto;
	width: 500px;
	margin:5px auto 5px auto
}