﻿/* CSS DOCUMENT */

body {
	background: #EAE6CE;
	color: black;
	margin: 50px auto; padding: 0;
	text-align: center;

	font-family: Arial, san-serif;
	font-size: 11px;
}

table { font-family: Arial, san-serif; font-size: 11px; }

div, table, p, ul, li, form, h1, h2, h3, h4, h5, h6, img { border: 0; margin: 0; padding: 0;}


/* LAYOUT */

div.frame, div.head, div.menu, div.main, div.foot_bar, div.footer { margin: 0 auto; width: 800px; text-align: left; }

div.menu { width: 780px; background: #4264A3; padding: 4px 10px; height:12px;}

/*IE*/ * html div.menu { margin-top:-4px; height:10px; padding-bottom:0;  }

div.main { background: white; overflow: hidden; clear:both;}

div.foot_bar { background: #4264A3; height: 8px; clear: both; }

div.footer { padding: 14px; text-align: center; }


/* NAVIGATION */

/* SEE /RadControls/Menu/Skins/SK_JHC/styles.css */

/*
div.menu a { color: white; text-decoration: none; font-size: 12px; }
div.menu a:hover { color: yellow; }
*/

/* CONTENT */

div.content { padding: 10px; padding-top: 16px; }

div.content a { color: #0E2F6C; }
div.content a:hover { text-decoration: none; }

div.content p { margin-bottom: 10px; }
div.content p, div.content ul, div.content ol { padding:0; margin:0; margin-bottom:10px;}
div.content ul { margin-left:20px; }
div.content ol { margin-left:22px; }

div.content strong { font-size: 12px; }

div.breadcrumbs { font-size:9px; margin-bottom: 12px; }

h1 { color: #314C1E; font-size: 16px; margin-bottom: 12px; font-style: italic; }

h2 { color: #0E2F6C; border-bottom: 1px solid #4C6B3E; margin-bottom: 6px; font-style: italic; font-size: 13px; }
h2.hot { color: #B84B0F; border-bottom: 0; }

h3 { color:#314C1E; font-size:12px; margin-bottom:6px; margin-top:4px; } 

div.rightbox_container { float: right; width: 304px; margin-left: 10px; margin-bottom:12px; }
div.rightbox { width: 284px; padding: 10px 10px 0 10px; background: url(images/bg-rightbox-border.gif); }
div.rightbox_btm { width: 304px; height: 12px; background: url(images/bg-rightbox-border-btm.gif); }

div.fullbox { width: 760px; padding: 10px 10px 0 10px; background: url(images/bg-fullbox-solid.gif); clear: both; }
div.fullbox-btm { width: 780px; height: 12px; background: url(images/bg-fullbox-solid-btm.gif); }

table.three_col { width: 100%; border-collapse: collapse; }
table.three_col tr { vertical-align: top; }
table.three_col td { padding: 0 8px; border-left: 1px solid #999; }
table.three_col td.first { border-left: 0; padding-left: 0; }

td.sm {width: 20%;} td.lg {width: 45%;} td.md {width: 35%;}  


table.tbl_conf { width:100%; border-collapse: collapse; border:1px solid #0E2F6C; margin-bottom: 10px; }
table.tbl_conf tr { vertical-align: top; }
table.tbl_conf tr.head { background: #0E2F6C; color:white; }
table.tbl_conf tr.alt { background: #ddd; }
table.tbl_conf td { padding:3px 2px; border-left: 1px solid #ddd; }
table.tbl_conf a { font-weight:bold; }



/* FOOTER */

div.footer { color: #555; }

div.footer a { color: #4264A3; }
div.footer a:hover { text-decoration: none; }

/* MISC */

.clearing { clear: both; }

.rightimg { float:right; margin:0 0 12px 12px; }
.rightimgmid { float:right; margin:12px 0 12px 12px; }
.leftimg { float:left; margin:0 12px 12px 0; }
.leftimgmid { float:left; margin:12px 12px 12px 0; }

.rightimg_bdr { float:right; margin:0 0 12px 12px; padding:1px; border:1px solid #4264A3; }
.rightimgmid_bdr { float:right; margin:12px 0 12px 12px; padding:1px; border:1px solid #4264A3; }
.leftimg_bdr { float:left; margin:0 12px 12px 0; padding:1px; border:1px solid #4264A3; }
.leftimgmid_bdr { float:left; margin:12px 12px 12px 0; padding:1px; border:1px solid #4264A3; }

.img_border { padding:1px; border:1px solid #4264A3; }

.clear_left { clear:left; }
.clear_right { clear:right; }

div.FormResponse { background:#E9967A; border:1px solid #666; padding:10px; font-weight:bold; font-style:italic; margin-bottom:10px; }

.JHCcontact tr { vertical-align:top; }
.JHCcontact input { border:1px solid #666; font-size:12px;}


