@charset "utf-8";
html, body { height: 100%; }
html { overflow: scroll; }
body  {
	background: #FFFFFF url(../images/page_bak.jpg) repeat-y center top;
	font: 81.25%/1.6  Verdana, Arial, Helvetica, sans-serif; /*'Lucida Grande', Verdana, Geneva, Lucida,*/
	text-align: center;
	color: #000000;
}
#wrapper {
	background: url(../images/sideNavBak.gif) repeat-y 20px top;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 990px;
} 
#header {
	background: #3296BA url(../images/header_bak.jpg) no-repeat center bottom;
	border-top: 1px solid #CCC;
	height: 100px;
} 
#header h1 {
	height: 112px;
}
#navSecond {
	float: left; /* since this element is floated, a width must be given */
	width: 240px;
	background: #9fcd53;
	position: relative;
}
#mainContent {
	background: none;
	margin: 0 0 0 250px;
	min-height: 650px;
	padding: 0px 40px;
} 
#footer {
	background:#007BA7 url(../images/footer_bak.jpg);
	height: 112px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
} 

.floatright { 
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#titlepic {    /* delete this after final approval */
	height: 198px;
	margin-left: 95px;
}

h2#title {
	height: 198px;
	text-align: right;
	font-size: xx-large;
	font-weight: normal;
	line-height: 60px;
	position: relative;
	margin: 0;
}
#title span {
	height: 100%;
	width: 100%;
	position: absolute;
	background: url(../images/jitp_logo.jpg) no-repeat right top;
	top: 0px;
	right: 0px;
}

#container {
	background: url(../images/content_bak.jpg) repeat-x;
	width: 950px;
	margin: 0 auto;
	min-height: 100%;
	padding: 30px 0px 112px;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Geneva, Lucida, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	letter-spacing: 1px;
}

h1{
	font-size: 1.6154em; /* 21px */
	text-align: center;
	margin: 1em 0;
}

th h1, th h2, th h3, th h4 {margin: .8em 0 .2em 0;}

h2 {
	font-size: 1.462em;
	margin: .9em 0 0 0;/* 19px */
	color: #005680;
}

h3 { font-size: 1.307em; margin: .7em 0 0 0;/* 17px */ }

h4 { font-size: 1.231em; margin: .7em 0 0 0; /* 16px */ }

h5 { font-size: 1.154em; margin: .6em 0 0 0;/* 15px */ }

h6 {font-family: Arial, Helvetica, sans-serif; margin: .6em 0 0 0; font-size: 1em;} /* 13px */

h2.section, h3.section, h4.section, h5.section, h6.section {
	background-color: #F5FAFE;
	margin-bottom: 0.2em;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.3em 0 0.15em 0.9em;
	clear: both;
}

.plain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	letter-spacing:0;
	line-height: 1.2;
	list-style: none;
	text-decoration: none;
}

.small { font-size: 10px;}

.smaller { font-size: .92em; }

#navSecondBak { background: url(../images/sideNavBak.gif) repeat-y; }

#mainContent ul, #mainContent ol { padding-left:30px; }

#navSecond ul {
	padding-left:20px;
	list-style: none;
}
#navSecond a:link, #navSecond a:visited { color: #330; text-decoration: none; }
#navSecond a:hover {
	color: #666;
	text-decoration: underline;
}

#sideImageCorners { position: absolute; }

#topNav {
	font-size: 1.1em;
	text-align: center;
	margin: 70px 0px 0px;
}

#topNav a:link, #topNav a:visited {
	color: #445C1B;
	text-decoration: none;
	letter-spacing: 1px;
}

#topNav a:hover {
	text-decoration: underline;
	color: #333;
}

#navSecond h2, #navSecond h3, #navSecond h4 { margin-left: 20px; }

#mainContent a:link, #mainContent a:visited { color: #006F93; text-decoration: none; }
#mainContent a:hover, #topNav p a:hover {
	color: #7BA831;
	text-decoration: underline;
}

#navigation li {
	line-height: 1.2;
	margin-right: 10px;
	padding-bottom: 10px;
}

#navThird {
	text-align: right;
	margin: 70px 60px 0 10px;
	line-height: 1.3;
}

#navThird a:link, #navThird a:visited  {
	text-decoration: none;
	color: #000;
}

#navThird a:hover {
	text-decoration: underline;
	color: #FFF;
}

#announcements {
	background: #F1F8E7;
	padding: 10px;
	border: 1px solid #9FCD53;
}

#news {
	background: #F5FAFE;
	padding: 10px;
	border: 1px solid #0476A8;
	margin-top: 20px;
}

#sidebar {
	margin: 10px 0px 40px 20px;
	float: right;
	width: 200px;
	position: relative;
}
#sidebar h3, #sidebar h4 {
	margin-top: 0;
}

#sidebar p {
	margin: .5em 0;
	line-height: 1.3;
}

#clock {
	position: absolute;
	top: -20px;
	right: -20px;
}

#navSecond #navigation { margin-top: 24px; }

/* - - - TABLES - - - */

table.data, table.data2 {width: 100%; border: 1px solid #000; background: #FFF;}

table.data th, table.data2 th {padding: 4px; background: #E5E5E5; }

table.data td, table.data2 td {padding: 4px; text-align: left; vertical-align: top; line-height: 1.2;}

table.data caption, table.data2 caption {
	background: #FFF;
	border: 1px solid #000;
	border-bottom: none;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 10px;
	text-align: left;
}

table.data td p, table.data2 td p { margin: 0;}
table.data td h3, table.data2 td h3, table.data td h4, table.data2 td h4 { margin-bottom: 0;}

table.data tr:hover, table.data2 tr:hover {background-color: #EEE;}
table.data tr:hover td.col1, table.data2 tr:hover td.col1 {background-color: #CAEFF4;}
table.data tr:hover td.col2, table.data2 tr:hover td.col2 {background-color: #DFEECA;}
table.data tr:hover td.col3, table.data2 tr:hover td.col3 {background-color: #FFFFB9;}

table.data thead tr:hover, table.data2 thead tr:hover {background-color: transparent;}

table.data td, table.data th { border-bottom: 1px solid #999; } /* row outlines  */

table.data2 td, table.data2 th { /* cell outlines  */
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

table tr.padded td, table tr.padded th, div.padded {padding: 10px;}

table tr.alt { background: #F5F5F5; }

#mainContent table.data td a, #mainContent table.data2 td a { color: #000; }

.data .col1, .data2 .col1 { background-color: #ECF9FB; }
.data .col2, .data2 .col2 { background-color: #F2F8E9; }
.data .col3, .data2 .col3 { background-color: #FFE; }
.data .col4, .data2 .col4 { background-color: #F0F0F0; }

#mainContent form table.data { border-style: none; }
#mainContent form table.data td, #mainContent table.data th { border-style: none; }

#mainContent table.data td.colPlaceHolder, #mainContent table.data2 td.colPlaceHolder, #mainContent form table.data td { background: #FFF; }