@charset "UTF-8"; /* CSS Document */ body { /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background: #666666 url("images/bk_tile.gif"); font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; text-align: center; }
body { background: url("images/bk_tile.gif") repeat scroll 0 0 #666666; color: #000000; font: 100% Verdana,Arial,Helvetica,sans-serif; margin: 0; padding: 0; text-align: center; }

p { color: #000000; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 12px 0 0; padding: 0; }


#container { background-image: url("images/content_bk.png"); margin: 0 auto; padding-top: 0; text-align: left; width: 960px; }

#header { background: url("images/header.png") repeat scroll 0 0 transparent; height: 255px; padding: 0 10px 0 20px; }
#header h1 { height: 0; margin: 0; padding: 0; text-indent: -5000px; }
#header #slides { float: right; height: 193px; padding-right: 98px; width: 172px; }
#header #slideshow { height:193px; margin:0; padding:0; position:relative; top:-15px; width:172px; }
#header #slideshow .box { background: none repeat scroll 0 0 transparent; margin: 0 0 0 660px; }

#nav { background-image: url("images/nav_bk.png"); height: 38px; padding-left: 87px; }
	ul.navigation { float: left; list-style-type: none; margin: 0; padding: 0; width: auto; }
	ul.navigation li { display: inline; float: left; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 11px; letter-spacing: 4px; margin: 0; padding: 0; position: relative; text-transform: uppercase; }
	ul.navigation a { color: #8C8C8C; text-decoration: none; }
	ul.navigation a:hover { color: #336600; text-decoration: none; }
	.active { background-image: url("images/active.jpg"); background-repeat: repeat-x; }
	.inactive { background-image: url("images/inactive.jpg"); background-repeat: repeat-x; }

#contentTop { background-image: url("images/content_top.png"); height: 25px; }

.wrap { padding-right: 50px; position: relative; width: 960px; }

#mainContent { float: left; margin-left: 0; margin-top: 0; padding: 0 20px 50px 95px; width: 480px; }
#mainContent p { color: #000000; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 18px; margin: 12px 0 0; padding: 0; }
#mainContent h1 { color: #60854e;; font-family: "Times New Roman", Times, serif; font-size: 20px; font-variant: normal; font-weight: normal; letter-spacing: 6px; line-height: 30px; margin-left: 0; margin-right: 0; margin-top: 30px; padding-bottom: 3px; text-transform: uppercase; }
#mainContent .box h1 { color: #70955E; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 16px; margin: 0; padding-left: 0; text-transform: none; }
#mainContent h2 { color: #999999; font-family: "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; letter-spacing: 6px; line-height: 26px; margin: 30px 0 0; text-transform: uppercase; }
#mainContent h3 { color: #9E6630; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 15px; letter-spacing: 1px; line-height: 19px; margin: 30px 0 0; }
#mainContent h4 { background-color: #FD7B33; color: #FFFFFF; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1px; margin-left: 0; margin-right: 13px; margin-top: 35px; padding-bottom: 7px; padding-top: 7px; text-align: center; }
#mainContent a { color: #CF7E5C; text-decoration: underline; }
#mainContent a:hover { color: #CF7E5C; text-decoration: none; }
#mainContent ul li { font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 18px; list-style-type: none; margin-left: -23px; margin-right: 20px; margin-top: 10px; }
#mainContent ul.bulleted li { font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 1.2em; list-style-type: disc; margin-left: -23px; margin-right: 20px; margin-top: 10px; }
#mainContent .nosidebar { width: 500px; }
#mainContent .sidebar { width: 325px; }
#mainContent .box p { margin-top: 5px; }

#sidebar1 { /* since this element is floated, a width must be given */ float: right; margin: 1px 0 0; padding-bottom: 30px; padding-left: 30px; padding-right: 35px; width: 242px; }
#sidebar1 ul li { color: #999999; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; list-style-type: none; margin-left: -10px; margin-right: 30px; margin-top: 10px; }
#sidebar1 p { color: #999999; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; line-height: 17px; margin: 16px 20px; }
#sidebar1 h1 { background-color: #FD7B33; color: #FFFFFF; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-left: 7px; margin-right: 13px; margin-top: 0; padding-bottom: 7px; padding-top: 7px; text-align: center; }
#sidebar1 .box .boxBorder h1 { background-color: #FFFBF6; color: #70955e; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0em; line-height: 16px; margin: 0; padding-left: 25px; text-align: left; text-transform: none; }
#sidebar1 h2 { color: #999999; font-size: 11px; margin-top: 18px; padding-left: 20px; }
#sidebar1 a { color: #FFFFFF; text-decoration: underline; }
#sidebar1 a:hover { color: #FFFFFF; text-decoration: none; }

#footer { background-image: url("images/footer.png"); background-position: center top; background-repeat: no-repeat; height: 35px; margin: auto; text-align: left; width: 960px; }

#copyright p { color: #DCDEBA; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 11px; line-height: 16px; margin: auto; padding: 15px 0 10px 58px; text-align: left; width: 960px; }
#copyright a { color: #DCDEBA; text-decoration: none; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; padding-left: 35px; padding-right: 15px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 25px; padding-bottom: 50px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; font-size: 1px; height:0; line-height: 0; }

#home { border-left: solid 0px #efefef; height: 23px; padding-top: 11px; text-align: center; width: 90px; }
#home:hover { background-color: #FFF6E9; }
#about { border-left: solid 1px #efefef; height: 23px; padding-top: 11px; text-align: center; width: 155px; }
#about:hover { background-color: #FFF6E9; }
#train { border-left: solid 1px #efefef; height: 23px; padding-top: 11px; text-align: center; width: 217px; }
#train:hover { background-color: #FFF6E9; }
#events { border-left: solid 1px #efefef; height: 23px; padding-top: 11px; text-align: center; width: 101px; }
#events:hover { background-color: #FFF6E9; }
#media { border-left: solid 1px #efefef; height: 23px; padding-top: 11px; text-align: center; width: 91px; }
#media:hover { background-color: #FFF6E9; }
#contact { border-left: solid 1px #efefef; height: 23px; padding-top: 11px; text-align: center; width: 114px; }
#contact:hover { background-color: #FFF6E9; }

/* redo of the above for 960 width home page and site */ #header #slideshow { height: 193px; margin: 0; padding: 0; position: relative; top: -15px; width: 172px; }
#sidebar { float: left; margin: 0; padding: 35px 35px 30px 15px; width: 282px; }
#sidebar h1 { background-color: #FD7B33; color: #FFFFFF; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-top: 0; padding-bottom: 7px; padding-top: 7px; text-align: center; }
#sidebar h1 a { color: #FFFFFF; text-decoration: underline; }
#sidebar h1 a:hover { color: #FFFFFF; text-decoration: none; }
#sidebar h2 { color: #333333; font-size: 11px; margin-top: 18px; padding-left: 20px; }
#sidebar ul li { color: #333333; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; list-style-type: none; margin-left: -20px; margin-right: 0; margin-top: 10px; }
#sidebar ul li { color: #333333; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; list-style-type: none; margin-left: -10px; margin-right: 30px; margin-top: 10px; }
#sidebar p { color: #333333; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 17px; margin: 16px 20px; }
#sidebar a { color: #CF7E5C; text-decoration: underline; }
#sidebar a:hover { color: #CC7755; text-decoration: none; }
#sidebar .ad { border: 1px solid #CCCCCC; }
#sidebar .box .boxBorder h1 { background-color: #FFFBF6; color: #70955E; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 16px; margin: 0; padding-left: 25px; text-align: left; text-transform: none; }
.sidebar_emphasis { font-size: 13px; }
.fltrt { float: right; padding-left: 35px; padding-right: 15px; }
.fltlft { float: left; margin-right: 25px; padding-bottom: 50px; }
.clearfloat { clear: both; font-size: 1px; height: 0; line-height: 0; }
.box { background-color: #F9F2E3; margin: 40px 20px 15px 0; padding: 15px 0; }
.boxBorder { padding: 0 25px; }
.contact_titles { color: #7BA268; font-size: 9px; letter-spacing: 2px; margin-bottom: 10px; margin-left: 0; margin-right: 0; text-transform: uppercase; }
.phones { color: #666666; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; line-height: 19px; }

.dates { color: #333333; font-size: 14px; line-height: 18px; margin: 0; }
.attribution { color: #666666; font-size: 13px; letter-spacing: 4px; line-height: 18px; text-transform: uppercase; }
.emphasis_01 { font-size: 14px; line-height: 18px; margin: 0; }
.emphasis_02 { color: #666666; font-size: 13px; line-height: 18px; margin: 0; }
.legal { font-size: 9px; }
.rule { border-top: 1px dotted #CCCCCC; }
.index_box { float: left; margin-right: 30px; width: 242px; }
.box_02 { background-color: #FFFFFF; margin: 15px 20px 15px 0; padding: 0; }
div.green-border { border:solid 7px #dae2cb; }
div.green-border div.innner { margin:20px 25px; }