/***  ©2009 graphite studio. All rights reserved.  ***/

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	margin: 20px 0;
	padding: 0;
	background: #77a3ca url(../images/bg-home.jpg) no-repeat top center;
	}

/*** HEADING & TAG STYLES ***/

h1,h2,h3,h4,h5 {
	line-height: 1.35;
	margin: 0 0 5px 0;
	padding: 0;
	}
h1 {
	font-size: 130%;
	}
h2 {
	font-size: 115%;
	}
h3 {
	font-size: 95%;
	}
h4 {
	font-size: 80%;
	margin: 0;
	}	
h5 {
	font-size: 70%;
	margin: 0;
	}
ul, ol {
	list-style: disc;
	margin: 0;
	padding: 0 0 5px 1.25em;
	}
li,th,td,p {
	line-height: 1.35;
	font-size: 80%;
	margin: 0;
	}
p {
	padding: 0 0 10px 0;
	}
li {
	padding: 0 0 2px 0;
	}
	
/*** LINK STYLES ***/

a:link {
	color: #163d76;
	text-decoration: underline;
	}
a:visited {
	color: #814347;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #ea1a25;
	text-decoration: underline;
	}
#masthead #photolink a:link, #masthead #photolink a:visited {
	color: #fff;
	text-decoration: none;
	}
#masthead #photolink a:hover, #masthead #photolink a:active {
	color: #fff;
	text-decoration: underline;
	}

/*** GENERAL LAYOUT ***/

#home #masthead {
	position: relative;
    width: 876px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
	background: transparent url(../images/bg-home-top.png) no-repeat top center;
	}
#home #masthead #photos {
	position: absolute;
	top: 30px;
	left: 0;
	width: 876px;
	height: 256px;
	background: transparent url(../images/photos.png) no-repeat bottom center;
	}
#home #masthead #logo {
	position: absolute;
	top: 0px;
	left: 325px;
	width: 226px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	}
#home #masthead #photolink {
	position: absolute;
	width: 280px;
	height: 18px;
	top: 18px;
	left: 48px;
	padding: 4px 0 0 32px;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background: transparent url(../images/camera.gif) no-repeat top left;
	z-index: 1;
	}
#home #masthead #date {
	position: absolute;
	width: 280px;
	top: 23px;
	right: 48px;
	font-size: 70%;
	font-weight: normal;
	text-align: right;
	color: #fff;
	background-color: transparent;
	}
#inside #masthead {
	position: relative;
    width: 876px;
    height: 35px;
    margin: 0 auto;
    padding: 0;
	background: transparent url(../images/bg-detail-top.png) no-repeat top center;
	}
#inside #masthead #logo {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 226px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
	}
#inside #masthead #date {
	position: absolute;
	width: 280px;
	top: 0px;
	right: 48px;
	font-size: 70%;
	font-weight: normal;
	text-align: right;
	color: #fff;
	background-color: transparent;
	}
#masthead h1 {
	display: none;
	}
#home #container, #inside #container {
    width: 876px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	background: transparent url(../images/bg-mid.png) repeat-y top center;
	}
#home #main {
	width: 876px;
	margin: 0;
	padding: 235px 0 0 0;
	}
#inside #main {
	width: 876px;
	margin: 0;
	padding: 0;
	}
#main h2 {
	font-family: "Myriad Pro",Arial, Helvetica, Verdana, sans-serif;
	font-style: condensed;
	font-weight: black;
	color: #e91525;
	}
#home #main #column1 {
	float: left;
	width: 165px;
	padding: 0 10px 0 0;
	margin: 0 0 0 68px;
	}
#home #main #column1 ul.left {
	float: left;
	width: 150px;
	}
#home #main #column1 ul.right {
	float: right;
	width: 150px;
	}
#inside #main #column1 {
	float: left;
	width: 205px;
	padding: 0;
	margin: 90px 0 0 63px;
	}
#home #main #column2 {
	float: left;
	width: 170px;
	margin: 0;
	padding: 0 15px 0 0;
	}
#inside #main #column2 {
	float: left;
	width: 551px;
	margin: 0;
	padding: 0;
	}
#inside #main h1 {
	font-family: "Myriad Pro",Arial, Helvetica, Verdana, sans-serif;
	font-size: 140%;
	font-style: condensed;
	font-weight: black;
	color: #e91525;
	}
#inside h5 {
	line-height: 1;
	font-weight: normal;
	color: #666;
	margin-bottom: 2px;
	}
#inside #main #column2 ul {
	margin-left: 18px;
	padding-bottom: 10px;
	}
#inside #topimage {
	padding: 0 0 10px 0;
	}
#inside #main #column2 .story {
	clear: both;
	padding: 0 20px 10px 20px;
	}
#home #main #column3 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	}
#home #main #column4 {
	float: right;
	width: 178px;
	margin: 0 68px 0 0;
	padding: 0;
	}
#divider {
	clear: both;
    width: 876px;
    height: 34px;
    margin: 0 auto;
    padding: 0;
	background: transparent url(../images/footer-bg-top.png) no-repeat top center;
	}
#footer {
    width: 876px;
    margin: 0 auto;
    padding: 0;
    font-size: 95%;
    text-align: left;
	background: transparent url(../images/bg-footer.gif) repeat-y top center;
	}
#footer #column1 {
	float: left;
	width: 270px;
	padding: 0;
	margin: 0 5px 0 38px;
	padding: 0 15px;
	}
#footer #column2 {
	float: left;
	width: 160px;
	margin: 0 5px 0 0;
	padding: 0 15px;
	}
#footer #column3 {
	float: right;
	width: 270px;
	margin: 0 38px 0 0;
	padding: 0 15px;
	}
#footer p {
	color: #000;
	}
#footer p.email {
	min-height: 13px;
	padding: 0 0 0 31px;
	background: transparent url(../images/envelope.gif) no-repeat top left;
	}
#footer p.map {
	min-height: 26px;
	padding: 5px 0 0 31px;
	background: transparent url(../images/map.gif) no-repeat top left;
	}
#footer p.weather {
	min-height: 13px;
	padding: 5px 0 0 31px;
	background: transparent url(../images/weather.gif) no-repeat top left;
	}
#footer #column1 ul {
	padding-left: 6em;
	color: #fff;
	}
#footer img.left {
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
	border: 1px solid #6699cc;
	}
#footer img.right {
	float: right;
	margin: 0 0 5px 10px;
	padding: 0;
	border: 1px solid #6699cc;
	}
#footer #column3 img {
	float: right;
	padding: 0 0 5px 10px;
	}
#footer #column3 h4 {
	color: #fff;
	}
#legal {
	clear: both;
    width: 876px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	background: transparent url(../images/footer-bg-bottom.png) no-repeat top center;
	}
#legal p {
	font-size: 60%;
	color: #fff;
	padding: 25px 30px 10px 53px;
	}
#legal img {
	float: right;
	padding: 15px 53px 0 0;
	}
#affiliate {
	clear: both;
    width: 800px;
    margin: 0 auto;
    padding: 10px 0;
	background: transparent url(../images/footer-bg-bottom.png) no-repeat top center;
    text-align: left;
	}
#affiliate #copyright {
	float: left;
	width: 320px;
	margin: 0;
	padding: 10px 5px;
	color: #fff;
	}
#affiliate #copyright p {
	font-size: 60%;
	}
#affiliate #chi-tourist {
	float: left;
	width: 140px;
	margin: 15px 0 0 0;
	padding: 0;
	}
#affiliate img.cc {
	float: right;
	padding: 5px 18px 0 0;
	}

/*** INSIDE SIDE NAVIGATION ***/

h2.sidenavselected {
	width: 180px;
	height: 23px;
	margin: 0;
	padding: 6px 0 0 10px;
	font-size: 100%;
	background: transparent url(../images/sidemenu-active.png) no-repeat top left;
	}
h2.sidenav {
	width: 180px;
	height: 23px;
	margin: 0 0 2px 0;
	padding: 6px 0 0 10px;
	font-size: 100%;
	background: transparent url(../images/sidemenu-norm.png) no-repeat top left;
	}
ul#sidenav{
	width: 180px;
	margin: 0 5px;
	padding: 0;
	font-size: 90%;
	}
ul#sidenav li {
	list-style: none;
	background-color: #fff;
	text-align: left;
	margin-bottom: 2px;
	padding: 0;
	}
h2.sidenav a {
	display: block;
	color: #163d76;
	text-decoration: none;
	}
h2.sidenav a:link, h2.sidenav a:visited {
	color: #163d76;
	}
h2.sidenav a:hover {
	color: #ea1a25;
	}
ul#sidenav li a {
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	}

ul#sidenav li.subitemselected {
	display: block;
	padding: 3px 8px;
	background-color: #d3e8f8;
	}

ul#sidenav a:link, ul#sidenav a:visited {
	color: #505154;
	}
ul#sidenav a:active {
	color: #505154;
	background-color: #e3efff;
	}
ul#sidenav a:hover {
	color: #505154;
	text-decoration: none;
	background-color: #f6f1d3;
	}
ul#sidenav li#current a {
	background-color: #e3efff;
	}

/*** CUSTOM FORMATTING ***/

#moreinfo {
	font-size: 90%;
	}
#main #column2 hr {
	margin: 10px 0;
	height: 2px;
	border: 0;
	color: #96b7e1;
	background-color: #96b7e1;
	}
.story .left {
	float: left;
	margin: 0 15px 10px 0;
	}
.story .right {
	float: right;
	margin: 0 0 10px 15px;
	}
.story img {
	margin: 0 0 5px 0;
	border: 1px solid #fff;
	}
.photocredit {
	font-size: 70%;
	}
strong {
	font-weight: bold;
	}
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}