/*
	Rosedale Blue:	#36C
	Rosedale Red:	#F03
	Rosedale Grey:	#999
	*/

body
{
	margin: 0;
	padding: 0;
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	line-height: 1.5em;
}

img { border: 0; }

div#RideHeader
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/RideHeaderBlock.gif) left top repeat-x;
}

div#RideHeader img#logotype
{
	position: absolute;
	top: 0;
	left: 112px;
}

#navbar
{
	position: absolute;
	top: 47px;
	left: 112px;
	width: 420px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(/images/navbar.gif);
}

#navbar li
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none;
	/* duplicated for IE 5/Win */
}

#navbar li, #navbar a
{
	height: 19px;
	display: block;
}

#ride
{
	left: 0;
	width: 68px;
}

#foundation
{
	left: 69px;
	width: 113px;
}

#school
{
	left: 183px;
	width: 81px;
}

#news
{
	left: 265px;
	width: 78px;
}

#contact
{
	left: 344px;
	width: 80px;
}

#ride a:hover, #ride a.selected { background: transparent url(/images/navbar.gif) 0 -20px no-repeat; }
#foundation a:hover, #foundation a.selected { background: url(/images/navbar.gif) -69px -20px no-repeat; }
#school a:hover, #school a.selected { background: transparent url(/images/navbar.gif) -183px -20px no-repeat; }
#news a:hover, #news a.selected { background: transparent url(/images/navbar.gif) -265px -20px no-repeat; }
#contact a:hover, #contact a.selected { background: transparent url(/images/navbar.gif) -344px -20px no-repeat; }
#ride a:active { background-position: 0 -40px; }
#foundation a:active { background-position: -69px -40px; }
#school a:active { background-position: -183px -40px; }
#news a:active { background-position: -265px -40px; }
#contact a:active { background-position: -344px -40px; }

div#sidebar
{
	margin: 0;
	padding: 0;
	width: 112px;
	float: left;
}

div#content
{
	padding: 0;
	margin: -30px 0 0 130px;
	width: 320px;
}

div#content p, div#content h1, div#content h2 { width: 320px; }

div#content div.headline
{
	margin: 0 0 0.5em 0;
	padding: 0;
}

div#content h1, div#content2 h1
{
	color: #36C;
	margin: 0;
	font-size: 150%;
	line-height: 1.2em;
}

div#content h2
{
	margin: 0.5em 0 0 0;
	font-size: 100%;
}

div#content h3
{
	margin: 0.5em 0 0 0;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
}

div#content h2 + h3 { margin-top: 0; }
div#content p { margin-top: 0; }
div#content p + h2 { margin-top: 1.5em; }

div#content a
{
	text-decoration: none;
	border-bottom: thin dotted;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#content a:link { color: #F03; }
div#content a:visited { color: #F03; }
div#content a:hover { color: #999; }
div#content a:active { color: #36C; }
div#content a[href^="http:"], div#content a[href^="https:"] {
	background: url(/images/link-ex.gif) right center no-repeat;
	padding-right: 1em;
}

div#content a[href^="http:"]:hover, div#content a[href^="https:"]:hover {
	background: url(/images/link-ex.gif) right center no-repeat;
	padding-right: 1em;
	background-color: #fff;
	color: #999;
	border-bottom: none;
}

.headline img { display: block; }

dt
{
	font-weight: bold;
	margin-bottom: 0;
}

dd { margin: 0 0 .5em 0; }

div#content dl
{
	margin-bottom: 0em;
	width: 276px;
	margin-top: .5em;
}

/*
div#content ul {margin-left: 0; border: thin solid pink;}
div#content li {margin-left: 0;}
*/

div#callout
{
	left: 470px;
	width: 157px;
	position: absolute;
	top: 101px;
	clear: both;
}
div#callout2
{
	left: 500px;
	/* width: 600px; */
	position: absolute;
	top: 60px;
	clear: both;
}
div#callout3
{
	left: 500px;
	/* width: 480px; */
        border: 0px Solid Red;
	position: absolute;
	top: 101px;
	clear: both;
}
div#callout4
{
	left: 500px;
	/* width: 500px; */
        border: 0px Solid Red;
	position: absolute;
	top: 101px;
	clear: both;
}
div#callout3 p { width: 410px; }
div#callout4 p { width: 480px; }
div#imgTR
{
	clear: both;
	left: 290px;
	top: 50px;
	position: absolute;
}
div#imgTM
{
	clear: both;
	left: 145px;
	top: 50px;
	position: absolute;
}
div#imgTL
{
	left: 0px;
	position: absolute;
	top: 50px;
	clear: both;
}

div#callout2 p, div#callout2 h2
{
	width: 277px;
	margin-bottom: 0;
}

div#callout p, div#callout h2
{
	width: 157px;
	margin-bottom: 0;
}

div#callout h2
{
	margin-top: 0;
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 90%;
}

div#callout img { display: block; }
div#callout p + p { margin-top: 1em; }
div#callout p + h2 { margin-top: 1em; }
div#callout img + h2 { margin-top: 1em; }

.caption
{
	font-size: 80%;
	font-style: italic;
}

#footer
{
	float: right;
	padding: 0;
	margin: 0;
	width: 320px;
	font-size: 80%;
}