/* font-style font-variant font-weight font-size/line-height font-family*/
/* colors*/
/* gold: 250 211 92 #FAD35C */
/* pale yellow: 255,249, 116 #FFF98A */
/* dk blue: 12, 69, 141 #0C458C */
/* lt blue: 149, 197, 240 #95C5F0 */
/* new lt blue: 215, 237, 255 #D7EDFF */
/* purple #7D83CA;  */
/* new dk blue: 42, 75, 133 #2A4B81 */
/* grey 1 #B8BCD0 */
/* mauve #CAD5EB */
/* end of bg 45, 175, 250   #2BAFFA */
/* dk red #8B0000 */


/* colors */

body {background-color: #2BAFFA ;}
div#main { background-color: white; }
div#footer, div#lastedit { background-color: #D7EDFF ;}

ul#menulist a:focus, ul#menulist a:hover, ul#menulist li#menuactive a  { background-color: #CAD5EB ; }

body, div#footer, div#lastedit {color: #2A4B81 ;} 
div#header {color: #FFE207; } 
div#menu, div#main { color: black; }

ul#menulist a:link, ul#menulist a:visited, ul#menulist a:active  { color:#FAD35C; }
ul#menulist a:focus, ul#menulist a:hover, ul#menulist li#menuactive a  { color:black; }

a:link, a:visited {color: #2A4B81;}		/* order: lvfha*/
a:focus, a:hover, a:active {color: red; }

.darkred {color: #EC0000;}



div#container {	border-color:#2A4B81; }  

div#main, div#menu, div.stripes {border-style: solid; border-color: #2A4B81; }



/*
html { overflow: -moz-scrollbars-vertical; }
*/

* {margin:0; padding:0;}

body {
font: small/1.7em Verdana, Arial, Geneva, sans-serif;
}



body {	background-image: url('thin_gradient.jpg');
		background-repeat: repeat-x;
				text-align: center;
}


div.stripes {	background-image: url('stripe4gold.bmp');
		background-repeat: repeat-x;
		overflow: hidden;
		border-width: 1px 1px;
               	border-style: solid;
		border-color: black #2A4B81; 
		margin:0 auto;
		padding:0;
		height:3px;
}


div#container {	border-width: 0px 0px;
               	border-style: solid;
		margin: 0em auto;
		padding: 0px;
		width: 800px; height:100%; 
		border: none;
		clear: left;
}





div#menu, div#main, div#footer, div#lastedit { margin: 0;}


div#menu     { font-size: 90%;  text-align: left; }
div#main     { font-size: 100%; text-align: left; }

div#footer   { font-size: 90%;  text-align: center; font-weight: bold;}
div#lastedit { font-size: 90%;  text-align: right; font-style: italic; }

div#main p   { text-align: justify; padding: 0.5em 0;}



a {text-decoration: none;}



h1 {font-size: 130%; font-weight: bold; text-align: left; padding-top: 1em; padding-bottom: 0.5em;}
h2 {font-size: 110%; font-weight: normal; font-style: italic; text-align: left; }


div#header {	margin: 0em auto;
		padding: 0px;
		width: 800px; height:150px; 
		border: none;
		color:#FAD35C; 
		font-family:serif;
		font-size:40px;
		font-style: italic;
		
}


div#header h1 {
display:block;
width: 800px; height:150px; 
position:relative;
margin:0;
padding:0;
text-align: center;
}

div#header h1 span {
display:block;
position:absolute; left:0; top:0; z-index:1;
height: 150px;
width: 800px;
background: url('name_on_tracks2.jpg') top left no-repeat;
}


div#oldheader {
background-image: url('name_on_tracks2.jpg');
background-repeat: no-repeat;
height: 150px;
margin: none; 
padding: 0px 0px ;
background-position: center center;
border: none;
}

div#menu {
border-width: 0px 0px 0px 0px;
padding: 0;
}

div#main {
border-width: 0px 1px 1px 1px;
padding: 1em 3em;
overflow:auto;
}

div.photostrip{margin: 10px 0; padding:0; float:left; display:inline; }

div#footer {
line-height: 1.5em;
clear: both;
}

div#lastedit {
margin-top: 0em;
margin-bottom: 0em;
}

ul { padding: 0em 3em;}


/* menu style*/

ul#menulist {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px; /*allows div border to show*/
}

ul#menulist li
{
display: inline;
margin: 0;
border:none;
}


ul#menulist a {text-decoration: none; padding: 4px 1em; font-weight: normal;}

ul#menulist a:link, ul#menulist a:visited, ul#menulist a:active  {}

ul#menulist a:focus, ul#menulist a:hover { text-decoration: underline; }

ul#menulist li#menuactive a { font-weight: bold; }

img {border:thin black solid;}
.map:focus img, .map:hover img, .map:active img {border-color: red; }

img.l2 {float:left;  margin: 1em 1em 1em 0;}
img.r2 {float:right;  margin: 1em 0 1em 1em;}


img.l {float:left;  margin: 0.5em 1em 0.5em 0;}
img.r {float:right;  margin: 0.5em 0 0.5em 1em;}

img.coachlist {margin: 1em 2em;}

td.coachlist {text-align: center;}

table#diary td {padding-right:1em;}


.clear {clear: both;}