/*RESET*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*STRUCTURE*/

#home_page, #event_page, #stay_page, #register_page, 	#route_page, #thanks_page, #cancel_page{
margin:0;
padding:0;
text-align: center;
background-color: #F1F1F1; 
font-family: Verdana, Helvetica, "Lucidia-Grande", sans-serif; 
font-size: 1em;
line-height: 1.5em;
}

#page {
text-align: left;
margin: auto;
padding: 0 0 0 0;
width: 900px;
background-color:white;
background-repeat: repeat-y;
background-position: top center;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
 }

#event_page #page, #stay_page #page, #route_page #page, #register_page #page, #thanks_page #page, #cancel_page #page {
background-image: url(graphics/page-bg.gif);

}

/* My Comment */

/*background-image: url(grid/grid-800.gif)  url(graphics/page-bg.gif;*/

#banner {
margin:0;
padding:0;
height: 216px;
background-color: #32566D;
background-image: url(graphics/banner.jpg);
background-repeat: no-repeat;
background-position: top left; }

#content {
margin:0;
padding:50px 0 25px 50px;
float: left;
}

#main-content {
float: left;
padding: 50px 0 100px 50px;
width: 540px;
}

#intro  {
width: 500px;
float: left;
margin:0;
padding:0 10px 0 0;
}

#promo {
width: 230px;
float: left;
padding: 10px 30px 0 30px;
}

.tease {
width: 209px;
float: left;
padding: 0 0 100px 57px;
margin:0; 
}

#side-bar{
padding: 50px 20px 0 20px;
margin: 0;
float: right;
width: 225px;
font-size: .8em;
}


#footer {
margin:0;
padding: 0 0 0 0;
clear: both;
overflow: hidden;
background: #cfcfcf url(graphics/footer-bg.jpg) repeat-x;
}

#left-foot {
padding:20px 0 0 50px;
margin:0;
width: 90%;
float: left;
}


#right-foot {
padding: 0 0 0 50px;
margin:0;
width: 90%;
clear: none;
}

#logo {
	margin: 0 0 0 -50px;
	padding: 0;
width: 900px;
	clear: left;
	float: left;
}


/*_____________ TYPE_____________ */




/*_____________ NAVIGATION_____________*/

#navlist {
padding: 0 0 20px 50px;
margin:0;
width:100%;
list-style: none;
float: left;
display: block;
text-align: left;
position: inherit; }

#main_links {
margin:0;
padding:0 0 0 0;
}

#navlist li {
padding:0 20px 0 0px;
margin:0;
list-style: none;
float: left;
display: block;
}

#navlist li a {
text-decoration: none;
padding: 3px 20px 10px 0;
margin:0;
font-weight: bold; 
color: #d8df20;
letter-spacing: .1em;
border-right: 1px dotted #999999;
}

#navlist li a:hover{
color: white;
}

#main_links {}

#home {}

#evnt {}

#route {}

#register {}

#stay {}


/*_____________ TYPE_____________*/


.event {}

.route {}


.caption {
text-align: center;
padding: 5px 0 5px 0;
border-top: 1px #999999 dashed;
font-size: .8em;
color: #444444;
line-height: 1.5em;
}

#banner h1, #banner p {
text-indent: -2000em;
padding-top: 60px;
margin:0;
}

.welcome {
margin:0;
padding:0 0 15px 0;
font-weight: normal; 
font-size:1.5em;
letter-spacing: .05em;
color: #444444;
text-shadow: 0 0 0 #000;
}

#main-content h3 {
padding-top: 7px;
line-height: 1.5em;
font-size:1.1em;
font-weight: normal;
letter-spacing: .05em;
color: #444444;
text-shadow: 0 0 0 #000;
}

.tease h3 {
padding:10px 0 10px 10px;
margin: 0;
font-weight: normal;
text-transform: uppercase; 
letter-spacing: 0em;
font-size: 1em;
background-image: url(graphics/top-tease.gif);
background-repeat: no-repeat;
background-position: top;
border-bottom: dotted 1px #32566D;
color: #32566D; 
}

#intro p {
margin:0;
padding:0;
line-height: 1.5em;
color: #999999;
font-family: "georgia", serif;
font-size: 1em;
}


.tease p {
padding:10px 10px 20px 10px;
margin: 0;
background-image: url(graphics/bottom-tease.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-size: .9em; 
color: #777777;
line-height: 1.5em;
font-family: "georgia", serif;
}

#footer h3 {
	color: white;
}

#footer h4, #footer h5 {
margin:0;
padding:0;
font-family: "Lucida-grande", helvetica, arial, san-serif ;
}

#side-bar h4 {
font-weight: bold;
letter-spacing: .1em;
line-height:1.5em;
color: #666666;
text-shadow: 0 0 0 #000;
text-transform: none;
}

p.side {
padding: 0 20px 10px 0;
margin: 0;
font-size: .85em;
line-height: 1.5em;
color: #666666;
}

#footer h5 {
padding: 5px 0 5px 0;
font-size: .7em;
letter-spacing: 0.2em;
font-weight: bold;
line-height: 1.7em;
color: white;
}

p.standfirst{
font-size: 1em; 
color: #444444;
line-height: 1.5em;
font-family: "georgia", serif;
letter-spacing: .08em;
}

p.body {
margin: 0;
padding: 0 0 5px 0;
font-size: .9em; 
color: #777777;
line-height: 1.5em;
font-family: "georgia", serif;
}

p.download {
margin: 0;
padding: 70px 0 0 0;
text-indent: -1000em;
background-image:url(graphics/download.png);
background-repeat: no-repeat;
background-position: 50% bottom;

}

#footer h4{
padding-top: 2px;
text-transform: uppercase;
font-size: .7em;
letter-spacing: 0.2em;
border-bottom: 1px dotted #black;
text-shadow: 0 0 0 #000;
color: #E4E4E4
}

#footer p {
padding:10px 0 10px 0;
margin:0;
color: white;
	font: .7em/1.5em "lucida-grande", verdana, arial, san-serif;
	line-height: 2em;
}

.total {
margin:20px 0 0 0 ;
padding: 20px 0 20px 0;
text-align: center;
font-size: 3em;
font-weight: bold;
color: #999999;
border-top: 1px dashed #999999;
border-bottom: 1px dashed #999999;
}

#main-content h3 form input {
	padding-left: 150px;
}

.email{
text-transform: lowercase;
letter-spacing: .05em;
}

.nospam {
	margin: 0;
	padding: 0 3px;
text-transform: lowercase;
color: #black;
font-weight: normal;
}


p span.credits-head {
padding-top: 2px;
text-transform: uppercase;
letter-spacing: 0.2em;
text-shadow: 0 0 0 #000;
color: #ffffff;
	font: bold 1em "Georgia", Times New Roman, Times, serif;
	border-bottom: 1px dotted #f7f7f7;
}

p span.credit-copy {
	text-transform: lowercase;
}




/*_____________ Lists_____________*/
#side-bar ul {
font-size: .8em;
padding: 0 0 30px 0;
line-height: 2em
}

#side-bar ul li{
border-bottom: dotted #D4D4D4 1px;
}

#side-bar ul.directions li{
padding-left: 20px;
background-image: url(graphics/arrow-in-box.png);
background-repeat: no-repeat;
background-position:  50% left;
}

ul.shopping {
margin:0;
padding: 20px 0 10px 30px;
font-size:.9em;
line-height: 2em;
text-align: center;
color: #666666;
}

/*-----GRAPHICS-----*/

#main-content img {
float: right;}

#side-bar img a {
overflow: hidden;
}

#main-content img.left {
	float: right;
}

#side-bar a:link.download, #side-bar a:visited.download {
	border:0 none;
	padding-bottom: 20px;
}

#side-bar img {
	padding-bottom: 20px;
	padding-left: 20px;
}


.reg {
	padding-left: 150px;
}

img.heritage {
	float: right;
	padding-bottom: 30px;
}









/*_____________ LINKS_____________*/

#main-content a:link, #side-bar a:link, #side-bar a:visited  {
text-decoration: none;
color: #32566D;
border-bottom: 1px dotted #32566D;
}

#main-content a:hover, #side-bar a:hover  {
text-decoration: none;
color: #222222;
border-bottom: 1px solid #222222;
}

#main-content a:visited, #side-bar a:visited {
text-decoration: none;
color: #32566D;
border-bottom: 1px dotted #32566D;
}

.tease a:link  {
text-decoration: none;
color: #444444;
font-family: "Verdana", Helvetica, Arial, sans-serif;
font-size: .8em; 
}

.tease a:visited, #intro a:visited  {
text-decoration: none;
color: #444444;
font-family: "Verdana", Helvetica, Arial, sans-serif;
font-size: .8em; 
}

.tease a:hover, #intro a:hover {
border-bottom: dotted 1px #666666;
color: black;
}

 #intro a:link {
	text-decoration: none;
	color: #d11c70;
}

 #intro a:link: hover {
	text-decoration: none;
	color: #2d2f2f;
}

body#home_page li#home a, body#event_page li#evnt a, body#route_page li#route a, body#register_page li#register a,  body#stay_page li#stay a{
color: white;
}


#footer #right-foot span.ten a:link, #footer #right-foot span.ten a:visited {
color: white;
text-decoration: none;
border-bottom: 1px dotted white;
font-family: "Georgia", times, palatino, serif;
font-size: 1.1em;
word-spacing: 2em;
}

#footer #right-foot span.ten a:hover {
border-bottom: 2px solid white;
color: #black;
}

span.ten {
	padding-left: 10px;
}