/*------------------------------------------------------------------ 
[Master Stylesheet] 
Project:    Motorsport Ireland Main CSS 

[Typography] 
All text: font-family: Helvetica, Arial, Geneva, sans-serif;
Body text: 0.8em

[Colours]
Mauve:				#9EB8DD;
Darker mauve:		#6998D1;
Background gray: 	#EAEAEA;
Border gray: 		#D9D9D9
Dark gray:			#6D6D6D;


-------------------------------------------------------------------*/

/*=THE BIG GUYS
----------------------------------------------- */
* {margin:0;padding:0}

body {padding: 0px 0px 20px 0px; background: #EAEAEA; color: #6D6D6D; font-size: 0.8em; font-family: Verdana, Arial, Geneva, sans-serif; }


/* =LAYOUT INTRO SITE
   ----------------------------------------------------*/	
	#IntroSite { width:915px; margin: 0 auto; position:relative; background:none; }
	#IntroSite #mainMenu { padding: 20px 20px 20px 20px;}
	#IntroSite #mainMenu li { float:right; color:white;}
	#IntroSite #mainMenu li a { background:#9EB8DD; border:none; color:white; }
		#IntroSite #mainMenu li a:hover { background:#ffffff; color:#000000; border:none; }
		#IntroSite #mainMenu li a:hover span { color:#000000;  }
	#IntroSite #mainMenu a span { color:#ffffff; background:none;}

#introFlashContainer {padding: 40px 0px 20px 20px;}
#introFlashContainer p {font-size:0.8em;text-align:center;}
#introFlashContainer a { color:#9EB8DD; text-decoration:none; }
#introFlashContainer a:hover { color:white; }
/* =LAYOUT HEADER
   ----------------------------------------------------*/
#header { padding:0px; }

#topLogo { height: 156px; clear:both; padding:0px; margin:0px;}
	#topLogo img { float:left; margin:30px 0px 0px 55px; }


#topBanner { height:120px; background:url(images/topbanner-bg.gif) top right no-repeat; }
	#topBanner h1 { margin:0px; padding:27px 0px 35px 335px; background:url(images/site-slogan.gif) top left no-repeat; }



#picsBannerContainer { float:left; }
#logoBannerContainer h1 { margin:0px; padding:0px; }

/* mainMenu - main top horizontal nav */
	#mainMenu { padding: 20px; margin: 0; list-style: none; clear:left; height:50px; }
	#mainMenu li { position:relative; float: left; display:block; margin: 0px 2px; padding:0px; text-align:right; }
	#mainMenu a, #mainMenu a:link, #mainMenu a:visited { font-size: 100%; color:#6D6D6D; text-decoration:none; cursor:pointer; display: block; padding:30px 40px 5px 10px;  background:url(images/menu-line.gif) bottom right no-repeat;}
		#mainMenu a span { color:#000000; }
	
	#mainMenu a.active, #mainMenu a.active span, #mainMenu a.active:hover, #mainMenu a.active:hover span, #mainMenu a:active, #mainMenu a:active span { background:#9EB8DD; border:none; color:white;}
	#mainMenu a:hover, #mainMenu a:hover span { background:#EAEAEA; border:none; color:#6D6D6D; }
	
	
	
	/* hide from IE mac \*/
	#mainMenu li {width:auto}
	/* end hiding from IE5 mac */
	


	
	
  
/*=LAYOUT MAIN BODY
----------------------------------------------- */
	
#wrap {min-width:770px; max-width:910px; margin: 0 auto; position:relative; background:#ffffff; }

#content-wrap { position:relative; width:100%; margin:20px 0px;}
	#utility { position:absolute; top:0px; left:0px; width:290px; padding: 10px 20px 40px 20px; }
	#content { margin: 0 23px 0 335px; padding:10px 20px 40px 40px; border-left: dashed 1px #D9D9D9; min-height:300px;}	
		
	.thumbnail { margin: 0 0 0 10px; position:relative; z-index:9999; float:right; width:100px; padding:0px 5px; }
	.thumbnail img {border: none;}
	
	.pagination { padding: 5px; background:#f2f2f2; margin: 0 0 1.5em; }
	.pagination p { position:relative; text-align:right; }
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active { text-decoration:none; padding:2px 5px; border: 1px dashed #D9D9D9; color:#000000;}
	.pagination p a:hover { background:#9EB8DD; color:#ffffff; }
	.pagination p span { text-decoration:none; background:#fff; padding:2px 5px; border: 1px dashed #D9D9D9;  color:#6D6D6D; }
	.pagination * { margin:0 }
	.pagination h4 { padding:0; border:none; }
	
	#standardForms li { padding-left:50px; background:url(images/icon-pdf.gif) 0px 0px no-repeat; }
	
	
	.sf_newsList {list-style-type:none;}
	.sf_newsList h3 {  }
	.sf_newsList h4 { margin:0px; }
	.sf_newsList li { padding-left:0px; border-bottom: dashed 1px #D9D9D9; padding-bottom:5px; }
	.date { font-weight: normal; font-size:95%; color:#a7a7a7; }
	
	#peoplePage img { float:left; margin:0px 15px 15px 0px; }
		#peoplePage strong { color:#000000; }

		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active { text-decoration:none;}
	
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

	
	/* SECONDARY NAVIGATION - vertical NAVIGATION */
	#secondaryMenu { position:static; margin: 0px 0xp 20px 0px; padding:0; }
		#secondaryMenu li { list-style: none; margin:0 0px 5px 0px; padding: 0px; }
		#secondaryMenu a { padding: 3px 5px 3px 10px; display:block; background:#EAEAEA; }
		#secondaryMenu a, #secondaryMenu a:link, #secondaryMenu a:visited, #secondaryMenu a:hover, #secondaryMenu a:active { text-decoration:none; cursor:pointer; } 
		#secondaryMenu a:link, #secondaryMenu a:visited { color:#6D6D6D; } 
		#secondaryMenu a:hover, #secondaryMenu li.active a:link, #secondaryMenu li.active a:visited, #secondaryMenu li.active a:hover, #secondaryMenu li.active a:active { color:#ffffff; background:#9EB8DD; } 
		
	p.contactDetails { padding:15px; margin:0px; background: #EAEAEA; }
	
	
/* =LAYOUT FOOTER
   ----------------------------------------------------*/ 

#footer { clear:both; padding: 20px 10px 10px 10px ; margin-top:20px; font-size:86%; color:#999; text-align:center;}
	#footer p { margin: 5px 0px 0px 0px; }


/* LINKS */
a, a:link, a:link, a:link,a:hover {background:transparent; text-decoration:underline; cursor:pointer; } 
a:link { color:#9EB8DD; } 
a:visited { color:#9EB8DD; } 
a:hover,a:active { color:#6998D1; } 

/* FORMS */
form { margin: 0;}
input { font-family: verdana, arial, sans-serif; margin: 2px 0; }
fieldset { border: none; }
label { display:block;padding: 5px 0; }
label br { clear:left; }

	/* FORMS - general classes */
	#ContactForm p { line-height:100%; margin:0px;}
		#ContactForm input, #ContactForm textarea { width: 250px; margin: 0px 0px 10px 0px; padding: 3px; border: 1px solid #808080; }
		#ContactForm textarea { height: 90px; }
		#ContactForm label { float: left; text-align: right; margin-right: 15px; width: 150px; padding-top: 3px; color:#000000;}
		#ContactForm input#ctl00_ContentPlaceHolder1_Button1 { width:auto; background:#9EB8DD; color:#ffffff; font-weight:bold; margin-left:175px; border:none; padding:0px; width:105px; }
	

/* TYPOGRAPHY */
ul, ol { margin: 0 0 1.5em; }
p { margin:.2em 0 1em 0; line-height:130%; }
#content-wrap { font-size:90%; }

h1, h2, h3, h4, h5, h6 { color:#000; font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }

h1 {font-size: 196%; margin-top:.6em; }

h2 {font-size: 136%; color: #9EB8DD; margin:0px 0px 15px 0px;}

h3 {font-size: 116%; color: #000000; margin:10px 0px 0px 0px;}

h4 {font-size: 106%; color: #6D6D6D; margin: 1.2em 0 .3em;}

h5 {font-size: 100%; color: #000000; margin: 1.2em 0 .3em;}

h6 {font-size: 100%; color: #000000; margin: 1.2em 0 .3em;}

.highlight {color:#9EB8DD}

.subdued {color:#999}

.error {color:#c00;font-weight:bold}

.success {color:#390;font-weight:bold}

.caption {color:#999;font-size:11px}

small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0; list-style-position:inside;}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em ;padding-left: 0 ;background: none; list-style-type: decimal; list-style-position:outside;}
li {padding-left: 10px; }
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}


/* =GENERAL
----------------------------------------------- */

#ctl00_ContentPlaceHolder1_dgNews span {border:1px dashed gray;padding:5px;color:black;background-color:#f3f3f3}
#ctl00_ContentPlaceHolder1_dgNews a {border:1px dashed gray;;padding:5px;;color:black}
#ctl00_ContentPlaceHolder1_dgNews a.ReadMore {border:0px dashed gray;padding:0px;color:#9eb8dd;background-color:#ffffff}
#ctl00_ContentPlaceHolder1_dgNews span.graphic {border:0px solid blue;padding:0px;color:#9eb8dd;background-color:#ffffff}


pre {  margin:0 0 1em;  font-size:100%;  }

pre.codeblock { background:#eee; border:1px solid #ccc; padding:5px; }

code {font:110% "Courier New";}

img {border:none} 

hr {margin: 1em 0; color:#D9D9D9; background-color:#D9D9D9; height:1px; border:none;}

.spacer {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;} 

.hidden {position:absolute;	left:0px; top:-9999px; width:1px; height:1px; overflow:hidden;}