﻿/**************************************************
*	Created for Bank of Hemet
*
*	colors:
*		dark blue	#1d5aa3
*		light blue	#63adf6
*		orange		#ff7f00
*		tan			#fff6e5
**************************************************/
/* TAG SPECIFIC
**************************************************/
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background: #fff6e5;
	font-size: 100%;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
a img {
	border: none;
}
/* LAYOUT
**************************************************/
#shell {
	width: 770px;
	margin: 0 auto;
	background: #1d5aa3;
}
#header {
	background: #1d5aa3 url('images/boh_bg_rep_top.gif') repeat-x left top;
	/*height: 91px;*/
	padding: 0 .5em;
}
#header h1 {
	background: url('images/boh_logo.gif') no-repeat;
	display: block;
	width: 318px;
	height: 66px;
	float: left;
	text-indent: -999em;
}
#header #clock {
	width: 300px;
	float: right;
	text-align: right;
	color: #1d5aa3;
	font-size: .7em;
}
#header #topnav {
	clear: both;
	border-top: 1px #1d5aa3 solid;
	color: #fff;
	font-size: .7em;
	line-height: 2em;
}
#header #topnav a {
	color: #fff;
	text-decoration: none;
}
#banner {
	border: 1px #ff7f00 solid;
	border-left: none;
	border-right: none;
	background: url('images/hob_diamond.jpg') no-repeat;
	width: 770px;
	height: 142px;
}
#sidebar {
	/*width: 195px;*/
	width: 26%;
	display: block;
	float: left;
}
#sidebar #login {
	color: #fff;
	font-size: .7em;
	margin: 1em;
}
#sidebar #login #AccessIDVisible {
	width: 8em;
	vertical-align: middle;
}
/* Main Nav
*******************************/

#nav {
	font-size: .7em;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
}
#nav li { /* all list items */
	position: relative;
	float: left;
	line-height: 2em;
	margin-bottom: -1px;
	width: 200px;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin-left: 200px;
	margin-top: -2.1em;
	background-color: #fff6e5;
	width: 201px;
}
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#nav li a {
	width: 190px;
	display: block;
	color: #fff;
	text-decoration: none;
	border: 1px #ff7f00 solid;
	border-left: none;
	border-right: none;
	padding: 0 5px;
}
#nav li a:hover {
	color: #fff;
	background-color: #ff7f00;
}
#nav li ul a {
	color: #1d5aa3;
	border: 1px #1d5aa3 solid;
}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}
#content2 {
	background: #fff url('images/boh_watermark.gif') no-repeat center center;
	width: 100%;
	min-height: 25em;
	height: auto !important;
	height: 25em;
	display: block;
	float: left;
	padding: .5%;
	font-size: .8em;
}
#content {
	background: #fff url('images/boh_watermark.gif') no-repeat center center;
	width: 73%;
	min-height: 25em;
	height: auto !important;
	height: 25em;
	display: block;
	float: left;
	padding: .5%;
	font-size: .8em;
}
#content h1, #content h2, #content h3, #content p {
	margin: 1em 0;
}
#content h1 {
	color: #1D5AA3;
	border-bottom: 1px #FF7F00 solid;
}
#content h2 {
	color: #1D5AA3;
}
#content h3 {
	color: #FF7F00;
}
#content table {
	border-collapse: collapse;
}
#content td {
	padding: 5px;
	vertical-align: top;
}
#content ul {
	margin: 0 0 0 2em;
}
#footer {
	clear: both;
	color: #1d5aa3;
	font-size: .6em;
	line-height: 5em;
	border-top: 1px #1d5aa3 solid;
	background: #fff6e5;
	text-align: right;
}
/* CLASSES
**************************************************/
.txtL {
	text-align: left;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
.txtBlue {
	color: #1D5AA3;
}
.txtOrange {
	color: #FF7F00;
}
a.button {
	color: #1D5AA3;
	padding: 0 10px;
	border: 1px #000 solid;
	font-weight: bold;
	text-decoration: none;
}
/*.topRPosition {
	position: absolute;
	top: 15px;
	right: 5px;
}*/
