/* Reset
--------------------------------------------*/
* 											{ margin: 0; padding: 0; } 

html 										{ overflow: -moz-scrollbars-vertical; overflow-y: scroll; }



/* General Layout
--------------------------------------------*/
body 										{ color: #444; font: 12px/20px arial, helvetica, sans-serif; }
body#fathersDayRun 							{ background: #666; }

div#container								{  }

div#header 									{ height: 200px; background: #fff; }
	h1#logo 								{ display: inline; float: left; width: 300px; height: 200px; margin: 0 10px 0 10px; background: url('/sites/fathersdayrun/images/logo.png') no-repeat; text-indent: -9999px; }
	div#slideshow 							{ display: inline; float: left; width: 620px; height: 180px; margin: 10px 0 0 10px; background: #f6f6f6; }
div#nav	 									{ background: #333; }
div#content 								{ margin: 20px 0 0; }
div#footer 									{ position: relative; clear: both; margin: 20px 0 0 0; color: #999; background: #555; font-size: 11px; }





/* Column Layout
--------------------------------------------*/
div.page									{ width: 960px; margin: 0 auto; }

div.column									{ display: inline; float: left; margin: 0 10px; }
div.column div.inside						{ padding: 1px 15px; background: #fff; }
div.column div.roundedCorners				{ float: left; margin: 0 0 20px; }

div#footer div.column div.inside			{ padding: 0 15px; background: none; }

div.column.full								{ width: 940px; }
div.column.threeQuarters					{ width: 700px; }
div.column.half								{ width: 460px; }
div.column.third							{ width: 290px; }
div.column.quarter							{ width: 220px; }

div.threeQuarters div.roundedCorners			{ width: 700px; background: #fff url('/sites/fathersdayrun/images/columns/threequarters-top.png') no-repeat left top; }
div.threeQuarters div.roundedCorners div.inside { background: url('/sites/fathersdayrun/images/columns/threequarters-bottom.png') no-repeat left bottom; }

div.half div.roundedCorners						{ width: 460px; background: #fff url('/sites/fathersdayrun/images/columns/half-top.png') no-repeat left top; }
div.half div.roundedCorners div.inside 			{ background: url('/sites/fathersdayrun/images/columns/half-bottom.png') no-repeat left bottom; }

div.quarter div.roundedCorners					{ width: 220px; background: #fff url('/sites/fathersdayrun/images/columns/quarter-top.png') no-repeat left top; }
div.quarter div.roundedCorners div.inside		{ background: url('/sites/fathersdayrun/images/columns/quarter-bottom.png') no-repeat left bottom; }



/* Special Layout
--------------------------------------------*/


/* General Typography
--------------------------------------------*/
p											{ margin: 15px 0; }

h1											{ margin: 15px 0; color: #06a; font-size: 24px; font-weight: normal; line-height: 30px; text-transform: uppercase; }
h2											{ margin: 15px 0; color: #444; font-size: 16px; font-weight: bold; line-height: 20px; }
h3											{ margin: 15px 0; color: #000; font-size: 14px; }

ul, ol										{ margin: 15px 0 15px 30px; }

strong										{ color: #000; }


/* Special Typography
--------------------------------------------*/
div#footer strong							{ color: #fff; }

span.amp									{ font-family: 'times new roman', serif; font-style: italic; }


/* Linkage
--------------------------------------------*/
a, a img									{ border: none; outline: none; }

a:link,
a:visited									{ color: #069; text-decoration: underline; }
a:hover										{ color: #0ae; text-decoration: underline; }

div#footer a:link,
div#footer a:visited						{ color: #ccc; text-decoration: none; }
div#footer a:hover							{ color: #fff; text-decoration: none; }


/* Banners & Buttons
--------------------------------------------*/
a.banner									{ display: block; background-image: url('/sites/fathersdayrun/images/banners.png'); text-indent: -9999px; text-decoration: none; }

a.bannerRegisterNow							{ width: 220px; height: 90px; margin: 0 0 20px; background-position: 0 0; }
a.bannerDonateNow							{ width: 220px; height: 90px; margin: 0 0 20px; background-position: 0 -110px; }
a.bannerProstateCentre						{ width: 220px; height: 100px; margin: 0 0 20px; background-position: 0 -220px; }
a.bannerEventPhotos							{ width: 220px; height: 90px; margin: 0 0 20px; background-position: 0 -340px; }


/* Navigation
--------------------------------------------*/
div#nav ul									{ height: 40px; margin: 0 10px;  font-size: 14px; font-weight: bold; text-transform: uppercase; list-style: none; }
div#nav ul li								{ float: left; height: 40px; list-style: none; }
div#nav ul li a								{ display: block; padding: 10px 15px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); }

div#nav ul li a:link,
div#nav ul li a:visited						{ color: #0ae; text-decoration: none; }
div#nav ul li a:hover						{ color: #6cf; background: #444; text-decoration: none; }

div#nav ul li.current a:link,
div#nav ul li.current a:visited,
div#nav ul li.current a:hover				{ color: #fff; background: #666; text-decoration: none; }


/* Forms
--------------------------------------------*/


/* Miscellany
--------------------------------------------*/
div.clear									{ clear: both; }


span#donationBarContainer 					{ display: block; position: relative; width: 430px; height: 30px; margin: 10px 0; background: url('/sites/fathersdayrun/images/donationBar-bg.png'); }
span#donationBar 							{ display: block; position: relative; top: 5px; left: 5px; height: 20px; background: url('/sites/fathersdayrun/images/donationBar.png'); }
span#amount 								{ position: absolute; top: 6px; color: #333; font-weight: bold; }