/* HARRISONS-PEAKS XHTML EXTERNAL STYLESHEET - TEST VERSION */
/* ======================= */
/* BODY */
body {background-color : #eeffff;
color: #000000;}
/* ======================= */
/* THREE-SECTION HEADER */
/* 1 - TOP NAVIGATION BAR */
div#navbar {font-family: Times, "Times New Roman", serif;
color : #cccccc;
font-size: 11pt;
font-weight: normal;
font-style : normal;
text-align: left;
text-decoration : none;
background-color: #ffffff;
border-left: solid #cccccc 1px;
border-top: solid #cccccc 1px;
border-right: solid #cccccc 1px;
padding: 3px;
width: 739px;
margin: 0px auto 0px auto;}
#navbar a:link, #navbar a:visited {color: #666666;
background-color: White;
text-decoration: none;
margin-left: 5px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 5px;
padding-right:20px;
display: inline;}
#navbar a.current {color: #cc6600;
background-color: #ffffff;
text-decoration: none;
font-weight: bold;}
#navbar a:hover {color: #cc6600;
background-color: #cccccc;
text-decoration: none;}
/* 2 - SITE NAME */
#name { border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
width : 745px;
height : 80px;
margin : 0px auto 0px auto;
background-image: url(hpname.gif);
background-repeat: no-repeat;
background-position: center;
background-color: #ffffff;
color: #000000;}
/* 3 - BREADCRUMB PAGE NAVIGATION */
p.breadcrumbs {font-size: 9pt;
padding : 0px 2px 4px 33px;
font-family: Times, "Times New Roman", serif;
font-style : normal;
text-align: left;
color: #cc6600;
background-color: #ffffff;
margin-bottom : 3px;
border-top: solid #ffffff 1px;
border-right: solid #cccccc 1px;
border-bottom: solid #cccccc 1px;
border-left: solid #cccccc 1px;}
p.breadcrumbs a:link, p.breadcrumbs a:visited {color: #666666;
background-color: #ffffff;
font-weight: bold;
text-decoration: none}
p.breadcrumbs a:hover {color: #cc6600;
background-color: #cccccc;
text-decoration: none}
.currentpage {color: #cc6600;
background-color: #ffffff;
font-weight: bold;}
span.separator {color: #cc6600;
background-color: #ffffff;
font-weight: bold;
font-size: 10pt;
padding-left: 5px;
padding-right: 5px;}
/* ======================= */
/* MAIN CONTAINER */
#main{vertical-align : top;
width : 747px;
margin: -1px auto -4px auto;}
/* ======================= */
/* PAGE CONTAINER */
#page{vertical-align : top;
width : 587px;
float : left;}
.page { font-size : 10pt;
font-style : normal;
font-weight : normal;
font-family : "Times New Roman", Times, serif;}
a.page, a:visited.page, a:active.page {font-weight : normal;
color : #666666;
background-color : transparent;
text-decoration : none;}
a:hover.page {font-weight : normal;
color : #cc6600;
background-color : #cccccc;
text-decoration : none;}
ul.page {list-style-image : url("images/orangdot.gif");
color : Black;
background-color : transparent;
font-size : 9pt;
text-decoration : none;
line-height : 16px;}
span.page {padding-left : 4px;
padding-right : 4px;}
span.h1 {font-size : 12pt;
font-family : "Times New Roman", Times, serif;
font-weight : bold;
font-style : normal;
color : Black;
background-color : transparent;
text-decoration : none;
text-align : left;
padding-bottom : 6px;
padding-top : 10px;}
span.caption {font-size : 9pt;
font-family : "Times New Roman", Times, serif;
color : #666666;
background-color : transparent;
line-height : 12pt;
text-decoration : none;
font-weight : normal;}
ul.fun {list-style-image : url(images/blusmile.gif);
margin : 0px 5px 0px 40px;
font-size : 10pt;
font-style : normal;
font-weight : normal;
font-family : "Times New Roman", Times, serif;
vertical-align : text-top;
line-height : 15px;}
.middle{vertical-align : middle}
/* ======================= */
/* CONTENT AREA */
div.content{vertical-align : top;
padding : 7px 0px 0px 0px;
width : 587px;
margin-bottom : 3px;}
/* NEWS PAGES */
div.pagenewyear{padding : 0px 3px 0px 2px;
vertical-align : top;
width : 189px;
float : left;}
div.pagenewtext{padding : 0px 3px 0px 3px;
vertical-align : top;
width : 475px;
float : left;}
div.pagenewpix{padding : 35px 0px 0px 0px;
vertical-align : top;
text-align : center;
width : 103px;
float : left;}
/* TRAVEL PAGES */
div.travcap{padding : 0px 1px 0px 1px;
vertical-align : middle;
width : 150px;
float : left;}
div.travpic{padding : 0px 1px 0px 1px;
vertical-align : top;
width : 300px;
float : left;}
/* PHOTO PAGES */
div.photocol{padding : 0px 1px 0px 1px;
vertical-align : top;
width : 260px;
float : left;
text-align : center;}
/* ======================= */
/* SIDE NAVIGATION BOX */
div.side {padding : 8px 3px 8px 2px;
text-align : center;
vertical-align : top;
width : 150px;
color: #cc6600;
background-color : #ffffff;
float : right;
border: 1px solid #cccccc;
margin-top : 4px}
.side { font-style : normal;
font-family : "Times New Roman", Times, serif;
font-size : 9pt;
text-decoration : none;
color : #cc6600;
background-color : #ffffff;
line-height: 15px;}
a.side, a:visited.side, a:active.side{ color : #666666;
background-color : transparent;
text-decoration : none;}
a:hover.side { color : #cc6600;
background-color : #cccccc;
text-decoration : none;}
ul.side { list-style-image : url("images/orangdot.gif");
margin : 12px 0px 0px 0px;}
hr {color : #cccccc;
background-color : #ffffff;}
/* ======================= */
/* FOOTER */
#foot {padding : 5px 0px 8px 0px;
vertical-align : top;
width : 745px;
border : 1px solid #cccccc;
background-color : #ffffff;
color: #000000;
text-align : center;
margin : 8px auto 0px auto;}
p.footer {font-size : 10pt;
font-family : "Times New Roman", Times, serif;
color : #cccccc;
font-weight: normal;
background-color : #ffffff;
text-decoration : none;
line-height : 18px;}
p.footer a:link, p.footer a:visited {color: #666666;
background-color: #ffffff;
text-decoration: none;}
p.footer a:hover {color: #cc6600;
background-color: #cccccc;
text-decoration: none}
.copyright {color: #000000;
background-color : #ffffff;
font-weight : normal;
font-size : 9pt;}
span.spacer {color: #ffffff;
background-color: #ffffff;
font-weight: bolder;
font-size: 10pt;
padding-left : 20px;}