/*--  This is the rationalised CSS for HCR */
body {
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #800080;
	background-color: transparent;
	background: url('images/bg_50.jpg') repeat-x;
	text-align: left
}
p {
  color: #000066;
	font-size: 80%;
	line-height: 1.2em;
	padding-left: 0;
}
p.list {
	line-height: 1.2em;
	padding-left: 2px;
	font-weight: bold;
}
p.detail {
	line-height: 1.0em;
	padding-left: 15px;
	font: arial;
	color: #000099;
	font-weight: normal;
}
a:link, a:visited, a:active {
 text-decoration: underline;
 /*color: #6A5ACD;*/
 color: #0000ff;
 background-color: transparent;
}
a:hover {
 text-decoration: underline overline;
 color: #191970;
 background-color: #C9c3ED;
}
h1 {
 font: normal 160% Verdana, Arial, Helvetica, sans-serif;
 color: #27235E;
 background-color: transparent;
 padding: 2px;
}
h2 {
 font-size: 18px;
 background-color: transparent;
 color: #000099;
}
h3 {
 font-size: 12px;
 background-color: transparent;
 color: dark blue;
 padding-left: 5px;
}
.nav p {
	position: absolute;
	top: 150px;
	left: 10px;
	font-size: 60%;
	color: #3366CC;
}
#header {
	width:900px;
	height:214px;
	margin: 0 0 0 100px ;
/*background: url('images/header_010203.gif') no-repeat;*/
/*	background: url('images/header_010204.png') no-repeat; */
/*	background: url('images/hcr_byato_fade_purple_ed2.png') no-repeat;*/
 /*   background: url('images/HCR_logo_2008_514x192.gif') no-repeat;*/
	background: url('images/hcr_logo.png') no-repeat;

    background-position: 60px;
	padding:0px 0px 0px 50px;
}
#header_text {
font:normal bold 350%/2.05 georgia,'geneva',times,sans-serif;
text-transform: uppercase;
color:#ffffcc;
}

#content {
 position: absolute;
 top: 190px;
 left: 200px;
 text-align: left;
 float: right;
 padding: 5px 10px 5px 0px;
}
#content ol {
	font-size: 80%;
	color: #660033;
	list-style-type: decimal;
	padding: 0px;
	border: none;
}
#content ul {
  font-size: 80%;
  color: #3300CC;
	list-style-type:square;
  border-style:solid;
	padding: 0px;
	border: none;
}
#content ul ul {
	font-size: 80%;
	list-style-type: circle;
	margin: 30px;
	padding: 0px;
	border: none;
	background-color: #ccffff;
}
#content ol ul {
	font-size:90%;
	list-style-type: circle;
	margin: 20px;
	padding: 0px;
	border: none;
	background-color: #ccffff;
}
#content ol ol {
	font-size:90%;
	list-style-type: lower-roman;
	margin: 20px;
	padding: 0px;
	border: none;
	background-color: #ccffff;
}
#content dl {
	font-size: 90%;
	margin: 5px;
	padding: 2px;
	background-color: #99ffff;
	border: outset;
}
#content dl dt {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: none;
}
#content dl dd {
	font-size: 90%;
	font-weight:normal;
	margin: 5px;
	padding: 0px;
	border: none;
}
#content dl ul {
	font-size:100%;
}
#box0 {
 position: absolute;
 top: 150px;
 left: 50px;
 width:450px;
 background-color: #FFFAFA;
 border: none;
}
#box1 {
	position: absolute;
	top:150px;
	left: 510px;
	width: 230px;
	background-color: #FFFAFA;
	border: none;
	}
#box2 {
	position: absolute;
	top: 280px;
	left: 510px;
	width: 230px;
	background-color: #FFFAFA;
	border: none;
}
#toolbox h2 {
	background-color: navy;
	font-size: 80%;
	color: #ffffff;
}
#toolbox ul {
	font-size: 70%;
	list-style-type: none;
	margin: 8px;
}
#toolbox0 {
 position: absolute;
 top: 260px;
 left:210px;
 width:640px;
 background-color: #FFFAFA;
 border: solid;
 color: maroon;
 padding: 5px ;
}
#toolbox1 {
	position: absolute;
	top:350px;
	left: 220px;
	width: 310px;
	height: 150px;
    background-color: #FFFAFA;
	border: none
	}
#toolbox2 {
	position: absolute;
	top: 350px;
	left: 530px;
	width: 320px;
	height: 150px;
	background-color: #FFFAFA;
	border: none
}
#toolbox3 {
	position: absolute;
	top:480px;
	left: 220px;
	width: 310px;
	background-color: #FFFAFA;
	border: none
	}
#toolbox4 {
	position: absolute;
	top: 480px;
	left: 530px;
	width: 320px;
	background-color: #FFFAFA;
	border: none
}
.border {
	font-weight: bold;
  border:2px dashed gray;
  padding-top: 3px;
  padding-left: 5px;
}
.normal {
	width:700px;
}
.heading {
  width: 300px;
  color: #336699;
  text-decoration: none;
  border-bottom: 1px dashed gray;
}
.heading1 {
	width: 750px;
	font-weight: bold;
}
.heading2 {
	width: 250px;
	color: #cc0033;
	text-transform: uppercase;
}
.heading3 {
	width: 250px;
	color: #009933;
	text-transform: capitalize;
}
.heading4 {
	width: 800px;
	color: #ffffff;
	background-color: #9999cc;
}
.heading5  {
	width: 800px;
	color: #333300;
}
.boxout {
 color: #FFFFFF;
 background-color: #6A5ACD;
}
.boxout a:link,  .boxout a:visited {
 text-decoration: underline;
 color: #E4E2F6;
 background-color: transparent;
}
.boxout a: hover, .boxout a:active {
 background-color: #C9C3ED;
 color: #191970;
}
.centered {
 text-align: center;
}
.hilite {
 background-color: #FFFFCC;
 color: #B22222
 }
.indent {
 padding-left: 30px;
}
.transform {
 text-transform: uppercase;
}
.leftimg {
float: left;
margin-left: 100px;
margin-bottom: 6px;
padding-right:50px;
}
.rightimg {
 float:right;
 margin-left:20px;
 margin-right:100px;
 margin-bottom: 6px;
}
.sidebar {
float:right;
padding:0;margin-top:10px;right:0;
width:27%;
height:455px;
background-color:transparent;
}

#navigation {
	font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  position: absolute;
  top: 180px;
  left: 2px;
	width: 160px;
	height: 600px;
	padding:2px;
}
#navigation ul {
	list-style: none;
	margin: 0px;
	width:160px;
	padding: 0px;
  padding-top: 2px;
}
#navigation a:link, #navigation a:visited {
	margin-right: 2px;
	display: block;
	padding: 2px 5px 2px 10px;
	color: #660099 ;
	background-color: #CC99FF;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
}
#navigation a:hover {
  border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.fastrack ul ul {
  font-size: .9em;
  left: 5px;
	width: 147px;
	padding:1px 2px 1px 5px;
}
#table {
 position: absolute;
 left:20px;
 color:navy;
 font: 80% Arial, Verdana, sans-serif;
 background-color: #E6E6F2;
}
#footer {
  position: absolute;
  top:620px;
	width: 50%;
	border-top: 1px;
  float:left;
	clear: both;
	padding: 50px 0px 0px 350px;
	font-size: 70%;
	color: #AAAAAA;
	background-color: transparent;
}
#footer.long {
  position: absolute;
	top: 860px;
}
#footer.longer {
	position: absolute;
	top: 1700px;
}
#footer.longest {
	position: absolute;
	top: 3000px;
}
fieldset {
 float: left;
 clear: left;
 width: 100%;
 margin: 0 0 1.5em 0;
 padding: 0;
}
fieldset ol ul{
 padding: 1em 1em 0 1em;
 list-style: none;
}
fieldset li {
 float: left;
 clear: left;
 width: 100%;
 padding-bottom: 1em;
 list-style-type: none;
}
fieldset.submit {
 float: none;
 width: auto;
 border: 0px none #FFF;
 padding left: 12em
}
label {
 float: left;
 width: 10em;
 margin-right: 1em;
 text-align: right;
 display: block;
}
legend {
 margin-left: 1em;
 color: #000000;
 font-weight: bold;
}
legend.daytour {
 color: green;
 }
input {
width:200px; height:20px;
margin-left: 40px;
background:#a5a5a5;padding:0;
color:blue;
font:normal normal 10pt verdana,sans-serif;
border:1px solid #000;
}

button {
width:42px; height:20px;
background:#a5a5a5;
color:#fff;
font-weight:bold;
border:1px solid #000;
font:normal bold 75%/1.1 verdana,sans-serif;
vertical-align:middle;
padding:0;
}