body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px; 
	background-color: #3C0405;
}

#container {
	clear:both;
	margin:0 auto; padding:0;
	width:100%; height:100%;
	background: url(images/HR_backdrop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#750D0E;
}

#main {
	margin:0 auto; padding:0;
      width:1000px;
}

#header {
	width:1000px; height:118px;
}
#header #left {
	float:left;
	width:764px;
}
#header #right {
	float:right;
	width:236px;
	margin:0; padding:11px 0px 0px 0px;
}
#header #right #box {
	clear:both;
	width:221px;
      margin:0; padding:0;
	border:2px #9D0003 solid;
	overflow:hidden;
}
#header #right #box #content {
	width:217px; height:85px;
      margin:0; padding:0;
	background-color:#6C0000;
	overflow:hidden;
	border:2px #5A0202 solid;
}
#header #right #box #content h1 {
	margin:0; padding:3px 0px 0px 10px; 
	font-size:10px; color:#DF0101; font-weight:normal;
	text-align:left;
}
#header #right #box #content #email {
	float:left;
	width:150px;
	margin:0; padding:6px 0px 2px 10px; 
}
#header #right #box #content #arrow {
	width:53px:
	margin:0; padding:3px 0px 0px 1px; 
}

#nav {
	clear:both;
	float:left;
	margin:0; padding:0px 0px 10px 0px;
	width:176px;
}
#content {
	float:right;
	margin:0; padding:0px 0px 10px 0px;
	width:824px;
}

#page {
	margin:0; padding:0;
	width:814px;
}
#page p {
	margin:0; padding:0px 0px 3px 0px;
}
#page #left {
	float:left;
	margin:0; padding:0;
	width:540px; height:635px;
}

#page #left td {
      vertical-align:top;
}

#page #left p {
      font-size: 10px;
      color: #CC0000;
}

#page #left #hawaiiStory {
	clear:both;
	width:540px; height:545px;
      margin-right:12px; padding-top:90px;
	background-color:#204351;
	overflow:hidden;
}
#page #left #hawaiiStory #title {
	float:right;
      margin:0; padding:20px 12px 0px 0px;
	color:#F1E1C8; font-size:24px; font-weight:bold;
}
#page #left #hawaiiStory h1 {
	clear:both;
	float:right;
      margin:0; padding:20px 12px 0px 0px;
	color:#6CA7BF; font-size:17px; font-weight:bold;
}
#page #left #hawaiiStory #flash {
	clear:both;
	float:right;
      margin:0; padding:4px 12px 0px 0px;
}


#page #left #redLive {
	clear:both;
	width:540px; height:616px;
      margin-right:12px; padding:20px 0px 0px 0px;
	background-color:#500000;
	overflow:hidden;
}
#page #left #redLive #title {
	float:right;
      margin:0; padding:20px 12px 0px 0px;
	color:#F1E1C8; font-size:24px; font-weight:bold;
}
#page #left #redLive h1 {
	clear:both;
	float:right;
      margin:0; padding:20px 12px 0px 0px;
	color:#F1E1C8; font-size:17px; font-weight:bold;
}
#page #left #redLive #flash {
	clear:both;
	float:right;
      margin:0; padding:4px 12px 0px 0px;
}
#page #left #redLive #text {
	clear:both;
	float:right;
	width:414px;
      margin:0; padding:4px 12px 0px 0px;
}
#page #left #redLive #text p {
	margin:0; padding:5px 0px 5px 0px;
	font-size:11px; color:#B60000; font-weight:normal; 
}

#page #left #redLive #text a {
	font-size:11px; color:#fff; font-weight:normal; text-decoration:none; 
}

#page #left #box {
	clear:both;
	width:540px;
      margin:0; padding:0;
	border:2px #9D0003 solid;
	overflow:hidden;
}

#page #left #box #content {
	width:536px;
      margin:0; padding:0;
	background-color:#6C0000;
	border:2px #5A0202 solid;
}

#page #left #box #content h1 {
	margin:0; padding:6px 6px 0px 6px; 
	font-size:12px; color:#f8ecda; font-weight:bold;
	text-align:left;
}

#page #left #box #content td {
	padding:6px; 
	font-size:11px; color:#f0d8b6; font-weight:normal; 	 
	text-align:left;
}

#page #left #box #content td.alt {
	text-align:left;
	font-size:11px; color:#f0d8b6; font-weight:normal; 
	background-color:#7C0000;
}

#page #left #box #content td p {
	font-size:11px; color:#f0d8b6; font-weight:normal; 
}

#page #left a:link { font-size: 11px; color:#CD272A; text-decoration: underline; }
#page #left a:hover { color:#fff; }

#page #right {
	float:right;
	margin:0; padding:5px 0px 0px 0px;
	width:274px; height:630px;
	text-align:center;
}

#page #right p.flash {
	margin:0; padding:5px 0px 0px 0px;
	text-align:center;
}

#page #right p.bts0 {
	margin:0; padding:56px 0px 0px 0px;
	vertical-align:bottom;
}

#page #right p.bts1 {
	margin:0; padding:64px 0px 0px 0px;
	vertical-align:bottom;
}

#page #right p.bts {
	margin:0; padding:114px 0px 0px 0px;
	vertical-align:bottom;
}

#page #right td.pageNumber {
	margin:0; padding:1px 0px 0px 0px;
	color:#C70009; font-weight:bold; font-size:12px;
	background:url(images/pageTurner/rightFill.jpg);
	text-align:center;
}

#page #right p {
	margin:0; padding:6px 0px 0px 0px;
}

#toc { padding:  72px 0px 6px 280px; 
	font-size: 10px;  
	text-align:left;
	color: #000000;
	font-weight: bold;
}

#extra {
	float:right;
	margin:0; padding:0px 0px 10px 0px;
	width:824px;
}
#extra #left {
	float:left;
	width:572px;
      margin:0; padding:0;
	border:2px #9D0003 solid;
	overflow:hidden;
}
#extra #left #content {
	width:568px;
      margin:0; padding:0;
	background-color:#6C0000;
	overflow:hidden;
	border:2px #5A0202 solid;
}
#extra #left #content h1 {
	margin:0; padding:6px; 
	font-size:12px; color:#f8ecda; font-weight:bold;
}
#extra #left #content p {
	padding:6px; 
	font-size:11px; color:#f0d8b6; font-weight:normal; 
}
#extra #left #content .q {
	color:#FF0000; font-weight:bold;
}
#extra #left #content .a {
	color:#CCCCCC; font-weight:bold;
}
#extra #left a:link { font-size: 11px; color:#CD272A; text-decoration: underline; }
#extra #left a:hover { color:#fff; }
#extra #left #content img {
	padding-left:4px;
}
#extra #left #content td {
	padding:3px 6px 3px 6px; 
	font-size:11px; color:#f0d8b6; font-weight:normal; 	 
	text-align:left; vertical-align:top;
}

#extra #left #content td.alt {
	padding:3px 6px 3px 6px; 
	text-align:left; vertical-align:top;
	font-size:11px; color:#f0d8b6; font-weight:normal; 
	background-color:#7C0000;
}

#extra #left #content td p {
	padding:0;
	font-size:11px; color:#f0d8b6; font-weight:normal; 
}

#extra #right {
	float:left;
	margin:0; padding:0px 0px 0px 10px;
	width:226px; height:580px;
	text-align:center;
}
#extra #right p {
	margin:0; padding:0px 0px 6px 0px;
}


#toc a { padding:  0px 0px 0px 10px; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal; }
#toc a:hover { padding:  0px 0px 0px 10px; font-size: 10px; color: #444444; text-decoration: none; font-weight: normal; }

#footer {
	clear:both;
	padding:5px 4px 1px 4px;
	color:#CD272A; font-size:10px;
	text-align:center;
	background-color:#3C0405;
}
#footer a { 
	clear:both;
	font-size:10px; color:#CD272A; text-decoration:none; 
}
#footer a:hover { color: #fff; }
#footer p {
	margin:0; padding:3px 0px 0px 0px; 
}

img {
	margin:0; padding:0; border:0;
}

input { background-color: #3A0000;
		padding:  1px 3px 3px 3px;
		border-top: 1px solid #260000; 
		border-right: 1px solid #592828; 
		border-bottom: 1px solid #592828; 
		border-left: 1px solid #260000;
		color:#EBDDC7;
		font-size: 9px; 
}
input.image { 
	padding:0; border:0;
}