/* Reset: First, normalize styles per yahoo_reset_stylesheet.css:
------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
abbr,acronym {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 14px; font-weight:normal;}
q:before,q:after {content:'';}
ol, ul {list-style: none;}
table {border-collapse:collapse; border-spacing:0;}
:link,:visited {text-decoration: none;}
a img, :link img, :visited img {border: none;}
em {font-style: italic;}
strong {font-weight: bold;}
/* end reset*/

/* misc
------------------------------------------------------------------------- */
p {margin: 0 0 5px 10px;}
.par-header {font-size: 14px; font-weight: bold;}

/* Specific styling
------------------------------------------------------------------------- */
html {text-align: center;}
body {background-color: #003366; font: 12px/1.2 verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; width: 100%; min-height: 100%;}
#container {margin: 0 auto; padding: 0; position: relative; text-align: left; width: 780px;}

#branding {background-color: #ddd; position: static; width: 100%; height: 100px;}
#brandingcolorsquare{padding-top: 13px; padding-left: 8px; position: absolute;}
#brandingbackpacking{color: #bbb; font-family: 'times new roman', serif; font-size: 90px; font-weight: lighter; margin: -5px 0 0 90px; position: absolute;}
#brandingcutline{font-size: 16px; font-weight: bold; margin-left: 125px; margin-top: 60px; position: absolute;}
#brandingbird{margin-left: 520px; margin-top: 22px; position: absolute;}
#content { background-color: #ddd; border-left: 155px solid #eee; border-right: 229px solid #ccc; float: left; text-align:left; width: 396px; }
#pagetitle {font-size: 15px; font-weight: bold; margin: -5px 0 0 0; padding: 0 0 10px 10px;}
#site-info {background-color: #ddd; border-color: #fff; border-style: solid; border-width: 2px 0 0 0; bottom: 0px; clear: both; color: #707070; height: 30px; left: 0px; padding: 10px 0 0 190px; position: static; text-align: left; width: 590px;}
#topics { border-color: #fff; border-style: solid; border-width: 2px 0 0 0; float: left; margin-left: -155px; position: relative; width: 155px; }

#main-content { border-color: #fff; border-style: solid; border-width: 2px 2px 0 2px; float: left; height: auto !important; height: 800px; min-height: 800px; padding: 20px 0 20px 0; position: relative; width: 392px; } /* CSS hack to ensure min height (IE6 ignores !important and min-height) order is height: auto !important; height: 800px; min-height: 800px; */
#main-content p {padding: 0 8px 5px 0;}
#main-content ul { margin: 10px 5px 0 0; }
#main-content ol { list-style: decimal; margin: 10px 5px 0 20px; }
#main-content li { margin: 0 10px 10px 10px; }

#sidebar-content { border-color: #fff; border-style: solid; border-width: 2px 0 0 0; float: right; font-size: 14px; font-variant: small-caps; margin-right: -229px; padding: 20px 0 0 0; position: relative; width: 229px; }
#sidebar-content p {padding: 0 5px 5px 0;}

/* link properties
------------------------------------------------------------------------- */
a {text-decoration: none;}
a:link {color: #003366; text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {background-color: #ccc; color: #003366;}
a:active {color: #003366; text-decoration: none;}

.homenav {color: #003366; text-decoration: none;}
.homenav p {padding-top: 20px; padding-bottom: 10px;}
.homenav a div {display: none;}
.homenav a {color: #003366; text-decoration: none;}
.homenav a:hover {background: #eee; color: #003366; display: inline; font-weight: bold; text-decoration: none;}

.topic {color: #000; display: block; font-weight: bold; text-decoration: none;}
.topic a:link {background-color: #eee; border-color: #ddd; border-style: solid; border-width: 1px; color: #000; display: block; font-weight: normal; padding: 5px 0 5px 10px; text-decoration: none;}
.topic a:visited {background-color: #eee; border-color: #ddd; border-style: solid; border-width: 1px; color: #000; display: block; font-weight: normal; padding: 5px 0 5px 10px; text-decoration: none;}
.topic a:hover {background-color: #ddd; border-color: #ccc; border-style: solid; border-width: 1px; color: #000; display: block; padding: 5px 0 5px 10px; text-decoration: none;}
.topic a:active {background-color: #ddd; border-color: #ccc; border-style: solid; border-width: 1px; color: #000; display: block; padding: 5px 0 5px 10px; text-decoration: none;}