body {margin:0; padding:50px 0; font:normal 110%/1.3 arial,sans-serif; text-align:center; color:#000; background:#4a353c url('../binary/site_structure/body_bg.jpg') center top repeat-x;}
#doc {margin:0 auto; width:700px; border:10px solid #000; text-align:left; background:#e2d7db url('../binary/site_structure/content_bg.jpg') center -60px repeat-x;}
#doc, #head, #navigation, #content, #foot {overflow:hidden; zoom:1;}

#head {margin:20px 20px 0 20px; border-bottom:1px solid brown;}

#foot {margin:20px 0 0 0; padding:20px; border-top:2px dotted #CCC;}

#content {padding:0 40px;}
#content p {margin-left:40px; margin-right:40px;}
#content a, #foot a {color:#4a353c}
#content a:hover, #foot a:hover {color:#700}
#content a:visited {color:#539;}

#itinerary li {padding-bottom:20px;}
#itinerary li li {padding-bottom:0px;}

.nav, .nav * {margin:0; padding:0; list-style:none; display:inline;}
.nav {position:relative; display:block; oveflow:hidden; font-size:170%;}
.nav a {padding:.9em .7em; line-height:2; color:#4a353c; text-decoration:none;}
.nav a:hover {color:#700; text-decoration:underline;}
.fl img, img.fl, .fr img, img.fr {border:2px solid #333}
img.fl {margin:0 30px 20px 0}
img.fr {margin:0 0 20px 30px}

h1 {font-size:180%}
h2 {font-size:140%}
h3 {font-size:130%}
h4 {font-size:120%}
h5 {font-size:110%}
h6 {font-size:100%}

#home_page_photo {padding:0 20px 20px 0;}

.red {color:#A00; font-size:130%}

a.hover_context {position:relative;}
a.hover_context img {position:absolute; left:0px; top:100%; display:none;}
a.hover_context:hover {color:#0000FE; border:0px solid;}
a.hover_context:hover img {display:block;}