body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

body { font:0.8em/1.5 "Trebuchet MS", serif; text-align:center;background:transparent url(images/header_bg.gif) repeat-x scroll 0 10px;display:block;}

a {text-decoration:none;color:#6786B2;}

h1, h2, h3, h4, h5, h6 {margin:10px 0 0 10px;}

h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}

h2 {font-size:160%; font-weight:normal;color:#1C3664; }

h3 {font-size:140%; font-weight:normal;color:#FFFFFF;margin:0;}

#respond, td h2{margin:10px 0 0; padding:0px;}

h4, h5 {font-size:100%;}

h4#comments{margin:0px !important;padding:10px 0 0;}

p, table, ul, ol, dl, fieldset {/*margin:0;*/}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}

th {text-align:center; font-weight:bold;}

th, td {line-height:29px;}

ul ul, ol ol {margin:0; margin-left:20px;}

ol {list-style-type:none;padding:0 0 10px 10px;}

li {display:list-item;}

dt {font-weight:bold;}

dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}

legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

.wrapper{display:block;background:transparent url(images/wrapper_bg.png) repeat-x scroll 0 -26px;height:50px;}


/* ----------------------------------------------------------------------------------------------------------

2) Universal styles (display, float, margin, text-align...)

---------------------------------------------------------------------------------------------------------- */
.box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.banner{background:transparent url(images/hhm_banner.png) no-repeat scroll 0 -2px;display:block;height:135px;
	left:616px;width:263px;}

#main {width:956px; margin:0 auto; text-align:left;}

#header a img{bottom:15px;
float:right;}

#header h1{background-color:#000000; background:transparent url('images/header.gif') no-repeat 0 8px; width:773px;height:100px;margin-left:20px;}

.logo a{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(images/logo.gif) no-repeat scroll 0 11px;display:block;height:134px;text-indent:-9999px;width:103px;}

.site-name {margin:0; font-weight:bold;letter-spacing:3px;padding:35px 0 0 10px;}

.site-name a{color:#E8DDD9; position:relative; right: 13px; top:49px;}

.logo, .site-name, #header{float:left;margin-bottom:4px;}

#slogan {margin:0;}

#search {position:absolute; bottom:15px; right:0; padding:7px;}

#search #search-input {width:175px; padding:3px;}

#search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;}

#nav {clear:both; border-left:0 !important; border-right:0 !important;padding-bottom:5px;}

#nav ul {margin:0; padding:0; list-style:none; font:100%/1.4 "arial",sans-serif;}
#nav ul li {display:inline; margin:0; padding:0;}
#nav ul li a {display:block; font-family:Trebuchet MS;font-size:14px;letter-spacing:0.11em;float:left; padding:7px 15px; border:0;color:#ffffff; background:url("images/dot-03.gif") 100% 0 repeat-y;}
#nav ul li a:hover{background-color:#6786B2;}
#nav ul li.current_page_item a{background-color:#6786B2;display:block;}
#nav ul li#nav-active a {border:0; font-weight:bold;}

#content {position:relative;padding:0 0 20px; /*padding:10px 0 30px 0;*/ overflow:hidden;}
.content-route{background:transparent url(images/bgr.png) repeat scroll 0 10px;display:block;}
.footer{text-align:left;text-align:left;}
.footer ul.menu span{color:#6786B2;}
.footer ul.menu a{color:#000000;font-size:12px;}
.footer ul.menu li{display:inline;}
.footer li.link a{left:50px;margin-left:12px;position:relative;text-decoration:underline;top:-2px;}
.footer .thumb{padding:7px;}
.footer span{color:#6786B2;}

/* ----------------------------------------------------------------------------------------------------------

5) Page: Arcticles

---------------------------------------------------------------------------------------------------------- */
#page-content {display:block; padding:0; font-size:110%;}
#page-content a {border-bottom:1px solid #AFAFAF; color:#000;}
#page-content a:hover {border-bottom:1px solid #000; color:#000;}

.static-page h2{margin:10px 0 0;padding:0;color:#1C3664 !important;}

.site-intro{border-right:2px dotted #444444;color:#000000;height:448px;margin-bottom:0;margin-right:9px;margin-top:0;opacity:0.8;overflow:hidden;width:290px;}
.site-intro p,.side-intro h2 {font-family:georgia!important;}
.site-intro h2 a{color:#1C3664;}
.route-nav{display:block;}
.route-nav, .site-intro{float:left;}
.route-nav{margin-left:20px;width:608px;}
.route-nav a{background-color:#000000;}
.route-nav img{float:left;margin:10px 0 0 -28px;}
.route-nav li a{background:transparent url(images/route_bg.gif) no-repeat scroll 0 0;display:block;height:133px;text-indent:-999px;width:179px;}

/* ----------------------------------------------------------------------------------------------------------

6) Page:

---------------------------------------------------------------------------------------------------------- */
.subnav, .quick-link{width:236px;float:left;padding:0 0 0 18px;}
.quick-link ul{margin:0;padding:5px 0 0 30px;}
.quick-link ul li a{text-decoration:none;font-size:14px;color:#000000;}
.quick-link ul li a:hover{text-decoration:underline;font-size:14px;}
.quick-link ul li.current_page_item{list-style-image:url(images/arrow_revert.gif);list-style-type:square;}

/* ----------------------------------------------------------------------------------------------------------

7) Page: route templates

---------------------------------------------------------------------------------------------------------- */
.route-info{width:262px;margin:0 0 0 15px;}
.route-info p{color:#ffffff;margin:0 11px 0 10px;color:#FFFFFF;font-family:georgia;}
.route-info.route-1 p{background-color:#827257; opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}
.route-info.route-2 p{background-color:#4D1213; opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}
.route-info.route-3 p{background-color:#575A35; opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}
.route-info.route-4 p{background-color:#1C3664; opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}

.route-info h2{background:transparent url(images/route_hdr_dsg.png) no-repeat scroll;display:block;height:160px;text-indent:-999px;}
.route-info p, .route-info h2{padding:10px 0 0 10px;}

.route-1 h2{background-position:0 -524px;}
.route-2 h2{background-position:0 -354px;}
.route-3 h2{background-position:0 -184px;}
.route-4 h2{background-position:0 -12px;}

ul.menu,ul.route-2{margin:0;padding:0 0 0 0px;}


ul.menu li{list-style-type:none;}

.menu.route-1 li{background:transparent url(images/btn_route-1.png) no-repeat scroll -7px 0;display:block;height:48px;width:200px;}
.menu.route-2 li{background:transparent url(images/btn_route-2.png) no-repeat scroll -7px 0;display:block;height:48px;width:200px;}
.route-3 li{background:transparent url(images/btn_route-3.png) no-repeat scroll -7px 0;display:block;height:48px;width:200px;}
.menu.route-4 li{background:transparent url(images/btn_route-4.png) no-repeat scroll -7px 0;display:block;height:48px;width:200px;}

.menu li a{font-size:18px;left:20px;position:relative;text-align:center;top:10px;color:#ffffff;}
.menu li a:hover{text-decoration:underline;}
.menu li a:hover, .menu li.current_page_item a{font-weight:normal;text-decoration:underline;}

.route-parts{width:678px;background:transparent url(images/bg_main_route.png) repeat-y scroll -7px 0;display:block;padding:10px 0 0;}
.route-parts h2,.route-parts h3{color:#FFFFFF;font-size:125%;font-weight:normal;letter-spacing:2px;margin:0;width:256px;}
.route-parts h2{margin-left:20px;font-weight:bold;}
.subnav h2, .quick-link h2{font-size:19px;margin-left:20px;padding-bottom:15px;}
.route-parts a:hover{color:#000000;}
.route-parts li{list-style-image:url(images/arrow.gif);list-style-type:square;}
.route-info, .route-parts{float:left;margin:10px 0 0;overflow:hidden;min-height:388px;}

/* ----------------------------------------------------------------------------------------------------------

7) Page: box-content

---------------------------------------------------------------------------------------------------------- */
.box-content{float:left;margin:0 0 0 11px;padding:0 0 30px 10px;width:59%;}
.box-content a{text-decoration:underline; color:#000000;}
.box-content img{border:1px solid #FFFFFF;}

.clear-block{padding:20px 0 0;clear:both;}

ul.ul-list {margin:15px 0; padding:0; list-style:none;}

ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}

#commentform input {width: 160px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {margin-top:20px;overflow:auto;padding:1px;width:396px;}
#commentform #submit {float:right;margin:0;position:relative;right:10px;top:5px;}

.commentlist{border-bottom:1px solid #333333;padding:0 0 10px 20px;width:93%;}
.commentlist li{padding:10px 0;list-style-image:url(images/cloud.png);list-style-type:square;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

.iframe-wrapper{float:left;}

/* End Comments */