body {text-align:center;color: #333;font: 11px/16px verdana, arial, helvetica, sans-serif;margin-top:0px;background: #ffffff;background: url(../_img/elements/main_bg.jpg) repeat-x;}
body.home {text-align:center;color: #333;font: 11px/16px verdana, arial, helvetica, sans-serif;margin-top:0px;background: #ffffff url(../_img/trans.gif);}
	
	
a, a:link, a:visited	{ color: #cc3300;} 
a:active, a:hover	{ color: #993300;} 

a.plain, a.plain:link, a.plain:visited	{ color: #cc3333;text-decoration: none;} 
a.plain:active, a.plain:hover	{ color: #990000;text-decoration: none;} 

a.file, a.file:visited	{ color: #cc3333; background: #fffecb; text-decoration: none; font-size: 11px; padding: 5px 7px 6px 7px;border-top: 1px solid #fee5a3;border-bottom: 1px solid #fee5a3;} 
a.file:hover { color: #990000; text-decoration: none; font-size: 11px;  padding: 5px 7px 6px 7px;border-top: 1px solid #fee5a3;border-bottom: 1px solid #fee5a3;} 

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {background: transparent url("/_img/icons/page_acrobat.gif") no-repeat;padding-left:21px;padding-bottom:5px;}


/**** Typography ****/

h1 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 18px; line-height: 21px; font-weight: normal; margin-top: 0px; margin-bottom: 10px; color: #cc3e11;}
h2 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 14px; line-height: 18px; font-weight: normal; margin-top: 0; margin-bottom: 10px; color: #cc3e11;}
h3 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 12px; line-height: 16px; font-weight: bold; margin-top: 0; margin-bottom: 5px; color: #000000;}
h4 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 11px; line-height: 16px; font-weight: bold; margin-top: 0; margin-bottom: 5px; color: #cc3e11;}
h5 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 11px; line-height: 16px; font-weight: bold; margin-top: 8px; margin-bottom: 5px; color: #000000;}
h6 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 10px; line-height: 14px; font-weight: bold; margin-top: 0; margin-bottom: 5px; color: #000000;}

h2.sidenav {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 22px; color: #cc3e11;}

p {margin: 0 0 1px;padding-bottom: 10px;}
ul {list-style: square;margin-top:0;}
ol li {margin-bottom:5px;}
hr {margin: 1em 0;background:#dfdfdf;height:1px;color:#dfdfdf;border:none;clear:both;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
.newsdate {font: bold 10px verdana,arial;color:#999;display:block;}
.small {color:#999;font-size:10px;}
.red {color:#990000; font-weight:bold;}
.accent {color:#CC0000;}
p.highlight { color: #cc3333; background: #fffecb; text-decoration: none; font-size: 11px; padding: 5px 7px 6px 7px;border-top: 1px solid #fee5a3;border-bottom: 1px solid #fee5a3;margin-bottom:5px;} 

/**** Layout ****/

#frame {width:855px;margin-right:auto;margin-left:auto;margin-top:20px;text-align:left;background: #ffffff;}

#home {border:1px solid #dddddd;padding:5px;}
#innerborder {border:1px solid #ededed;}
#hometagline {float:right;top:25px;}

/* Top Nav list */
#topnav {height:62px;padding:0;float:left;margin-top:2px; width:855px;border-bottom:10px solid #4d6384;}
#navblock {float:left;}
#nav, #nav ul {line-height:1.4em;padding:0;margin:5px 0 0 55px;list-style:none;display:block;} 
#nav a {display:block;border-bottom:none;color:#fff;}
#nav a:hover {color:#fff; border-bottom:none;}
#nav li { position:relative; float:left; margin:0; padding:0; width:auto;height:44px;} 
#nav li img {margin:0;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}

/* second-level lists */
#nav li ul { position:absolute; left:-999em;top:30px; width:135px; height:auto;margin-left:-5px; padding:0; background:#ffcc66; display:block; border-top:1px solid #4d6384;list-style:none;z-index:1000;}
#nav li li {height:auto;margin:0;padding:0;width:100%;font-size:9px;border-bottom:1px solid #4d6384;}
#nav li li span {margin:0;padding:3px 4px 3px 7px;display:block;position:relative;}
#nav li li a, #nav li li a:visited {color:#333;text-decoration:none;display:block;}
#nav li li a:hover {color:#cc3e11;text-decoration:none;background:#fffbda;}
*>html #navblock ul {f\loat: right;margin-top:0px;} /*IE 5 Mac hack  */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */



/* Logo */
#logo {width: 225px;float:left;margin:0;color:#ffffff;border:0px;z-index:999;}
#logo h1 {height: 60px; width: 225px;margin:0; background: transparent url(../_img/elements/hwfin_logo.gif) no-repeat center top; }
#logo h1 a {height: 60px; font: 18px Verdana, Geneva, Helvetica, sans-serif; display: block; text-indent: -9999px; border: 0px;text-decoration: none;}
#logo h1 a:hover {background: transparent;}

#banner {width:855px;height:231px;background: #83d8ff url(../_img/elements/bottom_grad.jpg) no-repeat center bottom; margin:0;}
#bannerleft {width:330px;float:left;}
#bannerright {width:470px;float:left;margin:10px 25px 0 0;}
#bannerright p {color:#2c436e;font: 11px/18px verdana, arial, helvetica, sans-serif;}
#bannerright ul {color:#2c436e;font: 11px/18px verdana, arial, helvetica, sans-serif;margin-top:0;}
#bannerright li {margin-top:5px;list-style:square;}
#banner a, #banner a:link, #banner a:visited	{ color: #ff6600;background:#ffeeaa; padding:3px;text-decoration: none;font-weight:bold;} 
#banner a:active, #banner a:hover	{ color: #cc3300;background:#ffecb8;text-decoration: none;} 

#content {clear: left;}

#sidenav {width:275px;float:left;margin-top:10px;margin:10px;padding: 0;}
#sidenav h5 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 10px; line-height: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 0; color: #FFF;}
	
#contentwide {width:855px;float:left;background:#fff;margin-top:10px;border-bottom:1px solid #dedede;}
#contentwide.home {background:#f6f6f6;border-top:1px solid #dedede;}

#col1 {width:265px;float:left;padding:10px;}
#col2 {width:265px;float:left;padding:10px;}
#col3 {width:265px;float:left;padding:10px;}
#col2wide {width:550px;float:left;padding:10px;}


#footer {display:block;font-size: 10px;color:#666;padding: 0 0 10px 0;margin: 0 auto 0 auto;text-align:center;}
#footer a	{ color: #000000; text-decoration: none; font-size: 10px; margin: 0 4px 0 4px;} 
#footer a:hover	{ color: #ffb600; text-decoration: none; font-size: 10px;} 


/**** Image Stufff ****/

img	{border: 0;}
img.floatleft {float: left;}
img.floatright {float: right;margin-top:5px;}
div.spacer {clear: both;}

img.title {margin-bottom:10px;}
img.border {border:1px #D3D3D3 solid;padding: 3px;background-color: #fff;}
img.borderleft {float:left;margin: 5px 10px 10px 0px; border:1px #D3D3D3 solid;padding: 2px;background-color: #fff;}
img.borderright {float: right;margin: 5px 0 10px 10px; border:1px #D3D3D3 solid;padding: 2px;background-color: #fff;}
img.right {float: right;margin: 5px 0 10px 10px;}
img.left {float:left;margin: 5px 10px 10px 0px;}


/**** Content Specific Items ****/


div.highlightbox {border: 1px #D3D3D3 solid;padding: 5px; margin:10px 0 10px 0;}
div.highlightleft {width:120px;float:left;text-align:center;display: block;}
div.highlightright {width:400px;float:left;display: block;}
.highlightbox h4 {margin:0px;}


div.featurebox {border: 1px #999 dashed;padding: 5px; margin:10px 0 10px 0;background:#ffe8ad;}
div.featureleft {width:160px;float:left;text-align:center;padding-top:10px;}
div.featureright {width:360px;float:left;}
.featurebox h2 {margin:10px 0 10px 0;color:#cc3e11;font-weight:bold;}


table.BasicForm {font-size:10px;width:450px;padding:5px;text-align:left;margin-bottom:5px;background:#efefef;border-top:1px solid #666666;border-bottom:1px solid #666666;}
table.BasicForm tr th {padding:5px;border-bottom:1px solid #FFF;color:#FFFFFF;}
table.BasicForm tr td {padding:5px}
table.BasicForm tr.TableRowOdd {}
.BasicInput {font-size:10px;padding:5px; border:1px solid #333;background:#fff;}
.FormDefinition {font-size:11px; font-weight:bold;color:#2a2a2a;}
.FieldDefinition {font-size:11px; font-weight:bold;color:#2a2a2a;}
input.FormButton {font-weight: bold; font-size: 11px; color: #FFFFFF; background: #2a2a2a; }


table.standard {border-spacing:1px;font-size:11px;line-height:15px;background-color:#E7E7E7;color: #666;margin-bottom:10px;}
table.standard caption {font-weight: bold;background: #333;color: #FFF;text-transform:uppercase;padding:5px;}
table.standard th {padding: 1px;}
table.standard td, th {padding: 4px;text-align:center;}
table.standard thead th {text-align: center;background: #666;color: #FFF;border: 1px solid #2a2a2a;text-transform:uppercase;}
table.standard tbody th {font-weight: bold;}
table.standard tbody tr		{background-color:#FFF; text-align:left;}
table.standard tbody tr.odd 	{background: #f9f9f9;border-top:1px solid #FFF;}
table.standard tbody tr td {background: #FFF;border: 1px solid #FFF;}
table.standard tbody tr.odd td{background: #f9f9f9;border-top:1px solid #FFF;}
table.standard td a:link, table.standard table td a:visited {color: #854020;text-decoration: none;}
table.standard td a:hover {color: #AE532A;}

fieldset { border: 1px solid #efefef;padding: 1em 1em 1em 1.5em;margin-bottom: 5px;} 




/* Side Nav Menu Code */	


/* Side Navigation Menu */
#sidemenu {padding: 0;margin: 0;width: 250px;}
#sidemenu ul{margin: 0;padding: 0;list-style-type: none;border-top:1px solid #e8e8e8;}
#sidemenu li {margin:0;border-bottom:1px solid #e8e8e8;}
#sidemenu ul a, #sidemenu ul a:visited { display: block; padding: 5px; width: 250px; font-weight: bold;font-size:11px; text-decoration: none; text-align:left; color: #6f0505; }
#sidemenu ul a:hover { color: #cc3300;}