/************************************************************************
 **
 **		RUN DUNFERMLINE WEBSITE STYLING
 **
 ************************************************************************/

html, body {
	margin : 0;
	padding : 0;
}

body {
	background : #E6E6E6 url(/images/bg.jpg) top center repeat-y;
	font-family: Helvetica Neue, Arial, Verdana, Tahoma, Times, serif;
	font-size: 80%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color : #555;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #01005A;
}

h1 {
	margin-top: 0.8em;
	font-size: 1.8em;
  	padding-bottom: 0.2em;
	border-bottom: 6px solid #ddd;
}
h2 { 
	margin-top: 0.6em;
	font-size: 1.5em;
}
h3 { 
	margin-top: 0.5em;
	font-size: 1.3em;
}
h4 { 
	margin-top: 0.4em;
	font-size: 1.1em;
}

img {
	border: 0;
}

map {
	border: 0;
	display: block;
}

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
}

a:link, a:visited {
	background : inherit;
	text-decoration : underline;
}

a:hover {
	color : #154182;
	background : inherit;
	text-decoration : none;
}

blockquote {
	margin: 0;
	padding: 0 20px;
	background-color: #EEEEEE;
	border-top: 1px solid #0057A6;
	border-bottom: 1px solid #0057A6;
}

/************************************************************************
 **		OUTER WRAPPER
 ************************************************************************/

#wrap {
	width: 100%;
	background: url(/images/masthead.jpg) top left repeat-x;
	overflow:hidden;
}

* html #wrap {
	height: 1%;
}

/************************************************************************
 **		TOP IMAGE HEADER
 ************************************************************************/

#masthead {
	height:200px;
	padding: 0;
	margin-bottom: 0;
	background: url(/images/header.jpg) top center no-repeat;
}

/************************************************************************
 **		MAIN CONTENT CONTAINER
 ************************************************************************/

#container {
	width: 770px;
/*
	border: 0px solid #aaa;
	padding: 0;
*/
	margin: 0 auto;
	line-height: 1.8em;
	background : #fff;
	color : #555;
}

/************************************************************************
 **		MAIN MENU
 ************************************************************************/

#menu {
	position: relative;
	display: block;
	width: 770px;
	height: 50px;
/*
	font-size:0.1em;
	font-weight:bold;
	margin-left: -2px;
	padding: 0;
	border-bottom: 4px solid #002E5F;
*/
	background: #FFEC00;
}

#menu ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu li {
	float: left;
	display: block;
	height: 50px;
}

#menu li {
	overflow: hidden;
	text-indent: -9000px;
}

li.home {
	width: 78px;	
}
	li.home a:link, li.home a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat 0 0;
		text-decoration: none;
	}
	li.home a:hover {
		background-position: 0 -50px;
		outline: none;
	}
	li.home a.current {
		background-position: 0 -100px;
		outline: none;
	}
li.half {
	left: 78px;
	width: 110px;
}
	li.half a:link, li.half a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat -78px 0;
		text-decoration: none;
	}
	li.half a:hover {
		background-position: -78px -50px;
		outline: none;
	}
	li.half a.current {
		background-position: -78px -100px;
		outline: none;
	}
li.park5 {
	left: 188px;
	width: 96px;
}
	li.park5 a:link, li.park5 a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat -188px 0;
		text-decoration: none;
	}
	li.park5 a:hover {
		background-position: -188px -50px;
		outline: none;
	}
	li.park5 a.current {
		background-position: -188px -100px;
		outline: none;
	}
li.funrun {
	left: 284px;
	width: 97px;
}
	li.funrun a:link, li.funrun a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat -284px 0;
		text-decoration: none;
	}
	li.funrun a:hover {
		background-position: -284px -50px;
		outline: none;
	}
	li.funrun a.current {
		background-position: -284px -100px;
		outline: none;
	}
li.auld10 {
	left: 381px;
	width: 161px;
}
	li.auld10 a:link, li.auld10 a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat -381px 0;
		text-decoration: none;
	}
	li.auld10 a:hover {
		background-position: -381px -50px;
		outline: none;
	}
	li.auld10 a.current {
		background-position: -381px -100px;
		outline: none;
	}
li.expo {
	left: 542px;
	width: 110px;
}
	li.expo a:link, li.expo a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat -542px 0;
		text-decoration: none;
	}
	li.expo a:hover {
		background-position: -542px -50px;
		outline: none;
	}
	li.expo a.current {
		background-position: -542px -100px;
		outline: none;
	}
li.contact {
	left: 652px;
	width: 118px;
}
	li.contact a:link, li.contact a:visited {
		display: block;
		height: 50px;
		background: #FF9900 url(/images/nav.png) no-repeat -652px 0;
		text-decoration: none;
	}
	li.contact a:hover {
		background-position: -652px -50px;
		outline: none;
	}
	li.contact a.current {
		background-position: -652px -100px;
		outline: none;
	}

#menu a { color: #FFFFFF; background-color: transparent; }
#menu a:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }
#menu a:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }
#menu a:hover { color: #FFD502; text-decoration: none; background-color: transparent; }

/************************************************************************
 **		MAIN CONTENT - LEFT PANE
 ************************************************************************/

#content {
	float: right;
	width: 513px;
	margin: 0 0 20px 0;
	padding: 0 12px 20px 12px;
	background: #fff;
	display: inline;
}

/************************************************************************
 **		MAIN CONTENT - RIGHT PANE
 ************************************************************************/

#sidebar {
	float: left;
	margin: 15px 0;
	padding: 0 18px 20px 12px;
	background: #fff;
	border-right: 1px solid #ddd;
	display: inline;
}

/************************************************************************
 **		MAIN CONTENT - SPONSOR BAR
 ************************************************************************/
 
#sponsors {
	clear: both;
	float: left;
	margin-top: 40px;
	padding-top: 50px;
	display: inline;
}

/************************************************************************
 **		SIDEBAR MENU
 ************************************************************************/

#navcontainer {
	width : 195px;
	margin : 0 0 20px 0;
}

#navcontainer ul {
	margin-left : 0;
	padding-left : 0;
	list-style-type : none;
}

#navcontainer a {
	text-decoration : none;
	display : block;
	padding : 3px;
	border-bottom : 1px solid #eee;
	background : #fff;
/*
	width : 200px;
	color : #555;
*/
}

#navcontainer a:link, #navlist a:visited {
/*
	color : #555;
*/
	background : #fff;
}

#navcontainer a:hover {
	text-decoration : none;
	background : #9CF;
/*
	color : #214984;
*/
}

/************************************************************************
 **		FOOTER WRAPPER
 ************************************************************************/

#footer_wrap {
	clear: both;
	margin-top: 0;
	padding: 0;
	width: 100%;
	background: #0066FF url(/images/foothead.jpg) top left repeat-x;
}

/************************************************************************
 **		FOOTER
 ************************************************************************/

#footer {
	clear: both;
	margin-top: 0;
	padding: 20px;
	text-align: center;
}

/************************************************************************
 **		RUNNERS TABLE
 ************************************************************************/

#runners {
	padding: 10px 0;
	border: 2px solid #FFE900;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#runners table {
	text-align: left;
	font-size: 0.9em;
}

#runners tr.heading { border-bottom: 2px solid white; }
#runners tr.shadow { background-color: #FEFAAC; }
#runners tr.invert { background-color: #FEFAAC; }
#runners th { font-weight: bold; text-align: left; }
#runners th.runner { width: 225px; }
#runners th.town { width: 125px; }

#results tr.heading { border-bottom: 2px solid white; color: white; }
#results tr.shadow { background-color: #D5DBE1; color: white; }

/************************************************************************
 **		EXPO map
 ************************************************************************/
 
#map {
    width: 500px;
	height: 798px;
    background: #FFF url(/images/EXPO-layout.png) top left no-repeat;
    font-size: 8pt;
}

#map li {
	list-style: none;
}

#map li a {
	position: relative;
	display: block;
	background: url(/images/blank.gif);
}

#map li a span { display: none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#map a.expo1 { top: 10px; left: 134px; width: 35px; height: 53px; }
#map a.expo2 { top: 10px; left: 134px; width: 35px; height: 35px; }
#map a.expo3 { top: 10px; left: 134px; width: 35px; height: 35px; }
#map a.expo4 { top: 10px; left: 134px; width: 35px; height: 35px; }
#map a.expo5 { top: 10px; left: 134px; width: 35px; height: 53px; }
#map a.expo6 { top: 10px; left: 223px; width: 35px; height: 53px; }
#map a.expo7 { top: 10px; left: 223px; width: 35px; height: 35px; }
#map a.expo8 { top: 10px; left: 223px; width: 35px; height: 35px; }
#map a.expo9 { top: 10px; left: 223px; width: 35px; height: 53px; }
#map a.expo10 { top: 10px; left: 259px; width: 35px; height: 53px; }
#map a.expo11 { top: 10px; left: 259px; width: 35px; height: 35px; }
#map a.expo12 { top: 10px; left: 259px; width: 35px; height: 35px; }
#map a.expo13 { top: 10px; left: 259px; width: 35px; height: 53px; }
#map a.expo14 { top: 10px; left: 347px; width: 35px; height: 53px; }
#map a.expo15 { top: 10px; left: 347px; width: 35px; height: 35px; }
#map a.expo16 { top: 10px; left: 347px; width: 35px; height: 35px; }
#map a.expo17 { top: 10px; left: 347px; width: 35px; height: 35px; }
#map a.expo18 { top: 10px; left: 347px; width: 35px; height: 53px; }

/*************************************************************************************
**
** Revised secure php mailer form
**
**************************************************************************************/

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #000000;
}

form.ddfm textarea, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide {
	background-color: #EEEEEE;
	border: 1px solid #284279;
}

form.ddfm .required {
	color: #005ABE;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: middle;
}

.ddfmerrors {
	color: #FF0000;
	font-weight: bold;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

.ddfmwrap {
	margin: 15px auto 15px 0;
	width: 100%;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 100%; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 15%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}

/************************************************************************
 **		GENERAL CLASSES
 ************************************************************************/

.red {
	color:red;
}

.yellow {
	color:#ffd502;
	font-weight:bold;
}

.quoted 
	{
	font-style: italic;
	font-weight: bold;
	}

.emphasis
	{
	font-style: bold;
	font-size: large;
	text-align: center;
	}

.caption 
	{
	font-style: italic;
	font-size: smaller;
	text-align: center;
	}

.important {
	margin-bottom: 15px;
	padding: 10px;
/*
	background-color: #FFDDEE;
*/
	background-color: #EEEEEE;
	border: 3px dashed #FF0000;
}

.largetext 
	{
	font-size: 1.3em;
	}

.smalltext 
	{
	font-size: 0.8em;
	}

.photocenter {
	margin: 10px 15px 10px 15px;
	text-align:center;
	display: inline;
}

.photoleft {
	float:left;
	margin: 10px 15px 10px 0;
	text-align:center;
	display: inline;
}
		
.photoright {
	float:right;
	margin: 10px 0 10px 15px;
	text-align:center;
	display: inline;
}

.right {
	float: right;
	border: 0px solid #656C4A;
	margin: 5px 0 10px 0;
	padding: 10px;
}

.vert_spacer {
	display:block;
	height: 20px;
}

.stoppress {
	margin: 0;
	padding: 0 20px;
	border: 4px dashed #FF0000;
}

.fmset {
	border: 0;
}

.fmtext, .fmtextarea {
	background-color: #EEEEEE;
	color: #000000;
	border: 1px solid #284279;
}

.sidelbl {
/* 
	used for left side labels 
	position: relative;
    display: block; 
*/
	width: 95px;
	vertical-align: top;
	text-align: right;
	padding: 0 10px 0 0;
	font-weight: bold;
}

/************************************************************************
 **		AUTO COMPLETE CLASSES
 ************************************************************************/

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}