@charset "UTF-8";
/* CSS Document */

/* Initialize */
* {outline: none;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
img {border: 0;}

/* globals */
html {
	background-color:#4977a0;
}

body {
	position:relative;
	width:1024px;
	margin:0 auto;
	padding:0;
	color:#333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; !important;
	line-height:20px;

}

h1, h2 {
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif; !important;
	font-size:28px;
	font-weight:normal;
	text-indent:-1000em;
}


 
 

h3 {
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif; !important;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	color:#093663;
	padding-top:40px;
	
}

h4 {
	color:#093663;
	font-size:15px;	
}

h5 {
	color:#093663;
	font-size:14px;	
	margin-top:20px
}

table {
	margin-top:-5px;
	margin-left:-3px;	
	border:0;
	cellpadding:0;
}

th, td {
	text-align:left;
}


/* layout */
div#wrapper {
	position:relative;
	background:#FFF;	
	border-left: solid 10px #FFF;
	border-right: solid 10px #FFF;
}

div#header {
	position:relative;
	height:300px;
	background:url(images/jchc_header.jpg) top left no-repeat;	
}

div#mainContainer {
	position:relative;
}

div#mainContentContainer {
	float:left;
	top:0;
	width:744px;
	min-height:1010px;
	padding-bottom:100px;
}

div#mainContent {
	padding:0 30px 0 30px;
}

div#mainContent ul, p {
	padding-bottom:12px;
}

div#leftSidebar {
	float:left;
	width:260px;
	padding:0px;
	background-color:#CDDEF2;
}
	
div#footer {
	clear:both;	
	height:30px;
	background-color:#48759F;
	color:#FFF;
	font-size:12px;
	padding:10px 20px 20px 20px
}


/* search box */
div#search {position:absolute; right:10px; top:22px;}
#searchForm {display: inline; right:0px;}
#search_btn {position: relative; top: 10px;}

/* callouts */
div.calloutMain {
	position:relative;
	padding: 10px 10px 0 10px;
	width:734px;
}

div.calloutMain h2 {
	height:40px;
}


#index div.calloutMain h2 {background:url(images/welcome.gif) no-repeat;}
#index div.calloutMain p {padding:10px 170px 10px 20px;}
#members div.calloutMain h2 {background:url(images/members.gif) no-repeat; }
#members div.calloutMain p {padding:10px 20px 10px 20px;}

div.calloutMain p {
	padding:10px 170px 10px 20px;
	background-color:#f0f4f9;
}

img#chairman {
	position:absolute;
	left:595px;
	top:25px;
}

img#jchc {
	position:absolute;
	left:600px;
	top:25px;
}

div.calloutSub {
	position:relative;
	padding: 10px 10px 0 10px;
	width:734px;
}

div.calloutSub h2 {
	height:40px;
}

#meetings div.calloutSub h2 {background:url(images/meetings.gif) no-repeat;}
#reports div.calloutSub h2 {background:url(images/reports.gif) no-repeat;}
#resources div.calloutSub h2 {background:url(images/resources.gif) no-repeat;}
#staff div.calloutSub h2 {background:url(images/staff.gif) no-repeat;}

div.calloutSub p {
	padding:10px 300px 10px 20px;
	background-color:#f0f4f9;
	height:150px;
}

img.calloutimg {
	position:absolute;
	left:470px;
	top:25px;
}

/* columns */
div.colContainer {
	clear:both;
	padding-bottom:20px;
}

div.col3 {
	float:left;
	width:228px;
}

div.col3 h2 {
	clear:both;
}

div.col2 {
	float:left;
	width:320px;
	padding-right:20px;
}

div.col5 {
	float:left;
	width:115px;
	padding-right:20px;
}

div.col2 h2, div.col5 h2 {
	clear:both;
}

div.col2 li, div.col5 li {
	line-height:18px;
	margin-bottom:8px;
}

ul.topmarg {
	margin-top:35px;
}

ul.topmarg li {
	line-height:15px;
}

/* sidebar */
ul.sideList {
	color:#093663;
	text-indent:15px;
	padding-bottom:25px
}

p.sidebar {
	color:#093663;
	margin-left:15px;
}

.indent {
	text-indent:15px;
}

span.medType {
	font-size:13px;
}

span.smType {
	font-size:11px;
	line-height:14px;
}


/* tables */
div.budgetAmend {
	padding-top:10px;
	padding-bottom:20px;
}

table.meetings {
	width:100%;
	margin:10px 0 20px 0;
	font-size:14px;
	line-height:18px;
	border-collapse:collapse; 
}

table.meetings td { 
border-bottom:1px solid #CDDEF2;
border-top:1px solid #CDDEF2;
padding:10px 10px 10px 8px;
vertical-align:top; !important;
}

table.meetings th {
	padding:5px 0 5px 8px;
	background-color:#CDDEF2;
	color:#093663;
	font-weight:normal;
}

th.radiusLeft {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius:8px;
	
}

th.radiusRight {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius:8px;
}


col.col1 { width:75px; }
col.col2 { width:90px; }
col.col3 { width:100px; }
col.col4 { width:120px; }
col.col5 { width:300px; }

col.col6 { width:40px; }
col.col7 { width:80px; }
col.col8 { width:590px; }


table.reports {
	width:100%;
	margin:10px 0 20px 0;
	font-size:14px;
	line-height:18px;
	border-collapse:collapse; 
}

col.colReports1 { width:75px; }
col.colReports2 { width:125px; }
col.colReports3 { width:520px; }

table.reports td { 
border-bottom:1px solid #CDDEF2;
border-top:1px solid #CDDEF2;
padding:10px 10px 10px 8px;
vertical-align:top; !important;
}

table.reports th {
	padding:5px 0 5px 8px;
	background-color:#CDDEF2;
	color:#093663;
	font-weight:normal;
}

td.rowReport {width:80px;}
	
ul.handouts li {
	line-height:18px;
	margin-bottom:6px;
	}

/* misc. */
.xpadTop {
	   padding-top:30px
}

.miniPadBtm {
	padding-bottom:10px
}

.dotLine {
	padding-bottom:5px;
	border-bottom:dotted 2px #4977a0;
	margin-bottom:10px;
}

img#gaSeal {
	position:absolute;
	bottom:60px;
	left:820px;	
}

span.blue {
	color:#093663;
}

/* links */
a:link, a:visited {
	text-decoration:none;
	color: #4977a0;

}

a:hover, a:active {
	color:#093663;

}

div.jumpNav {
	margin-top:20px;
    margin-left:30px;
}

ul.jumpNav li {
	display:inline;
	padding-right:6px;
}

ul.jumpNav a:link, ul.jumpLinks a:visited {
	text-decoration:none;
	color: #4977a0;
	font-weight:normal;
	
}

ul.jumpNav a:hover, ul.jumpLinks a:hover {
	text-decoration:underline;
	font-weight:normal;
	
}

/* Main Navigation Effect*/		
#navMain {
	list-style: none; 
	width: 260px; 
	padding-bottom:40px; 
	font-family:"Times New Roman", Times, serif; !important;
	font-size:14px;
	color:#3A587A;
	text-transform: uppercase;
	letter-spacing:1px;
}

#navMain li {height: 45px;}
#navMain li a {display: block; width: 260px; height: 45px; background: url(images/nav_bg.gif) top left; line-height: 45px; text-indent: 15px; text-decoration: none; font-weight:normal;}
#navMain li a:hover {background-position: 0 -45px; color:#FFF;}


span.selected {
	display: block; 
	width: 260px; 
	height: 45px;
	background: url(images/nav_selected.gif) top left; 
	line-height: 45px; 
	text-indent: 15px; 
	font-weight:normal; 
	color:#FFF;
}