@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
body  {
	font: .9em/1.3em Verdana, Arial, Helvetica, sans-serif;
	background: #999;
	margin: 0;
	padding: 0;
	color: #000000;
	width: 100%;
}
 #container {
	background: #FFFFFF url(../images/mjs_con_bg.gif) repeat-y;
	margin: 0 auto;
	border: 3px solid #333;
	text-align: left;
	width: 850px;
	padding: 0px;
} 
 #header {
	background: #696;
	padding: 0;
	border-bottom: 6px double #6699CC;
	margin: 0px;
	height: 70px;
} 
#banner {
	background: #999;
	text-align: left;
	height: 20px;
	padding: 0px 0px 0px 25px;
	border-bottom: thick double #369;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #9C9;
}

#banner a:link{
	display: inline;
	color: #FFF;
	font: 0.9em/1.1em Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the " #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
 #sidebar1 {
	float: left;
	width: 198px;
	background: #9C9;
	padding: 5px 0 15px;
	color: #009;
	margin: 0px;
	font: 0.8em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
#sidebar1 h5  {
	font: bold 0.9em/1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #009;
	text-align: left;
	padding-left: 7px;
}
 #sidebar1 p,  #sidebar1 h3,  {
	margin-top: 10px;
	padding-top: 10px;
	width: 190px;
	padding-right: 5px;
	padding-left: 8px;
}
#sidebar1 h3  {
	font: 1em/1.3em Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #009;
	text-align: left;
	padding-left: 2px;
}
 #sidebar2 {
	float: right;
	width: 204px;
	background: #666;
	padding: 15px 0 15px 0px;
	font: 8pt/11pt Arial, Helvetica, sans-serif;
	color: #CCC;
	text-align: left;
}

#sidebar2 p,  #sidebar2 h3 {
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 8px;
	border-bottom: 1px solid #CCC;
}
/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/

#mainContent h1{
	font: italic bold 16pt/22pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C30;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	text-indent: 5px;
}
#mainContent {
	margin: 0 24% 0 23.5%;
	padding: 0px 15px 0px 10px;
	font: 0.8em/1.4em Arial, Helvetica, sans-serif;
	color: #333;
	border-right: 4px solid #369;
}
#mainContent table tr td {
	font: lighter 0.9em/1.1em Arial, Helvetica, sans-serif;
	color: #039;
	margin: 0px;
	padding: 1px;
	border-bottom: 1px solid #696;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	text-align: left;
}
#mainContent table caption  {
	font: bold 0.9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #039;
	border-top: 1px solid #696;
	padding: 0px;
}
#mainContent table tr td a {
	font: lighter 9pt/11pt Arial, Helvetica, sans-serif;
	color: #039;
	text-decoration: none;
}
#mainContent table tr td a:hover {
	font: lighter 9pt/11pt Arial, Helvetica, sans-serif;
	color: #036;
}
#mainContent table tr td img {
	height: 60px;
	width: 85px;
	margin: 0px;
	padding: 0px;
}
#mainContent table tr th  {
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #039;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#footer {
	padding: 0 10px;
	background:#666;
	border-top: 6px double #396;
} 
 #footer p {
	margin: 0;
	padding: 5px 5 5px 0;
	font: 9pt/11pt Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	;
	color: #CCC;
	text-align: center;
	text-indent: 5px;
}
 #footer a {
	text-color: grey;
	text-decoration: underline;
	color: #CCC;
} 

.arrow {
	height: 15px;
	width: 15px;
	padding-left: 9px;
	vertical-align: text-bottom;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.main_ImgL {
	padding: 8px;
	float: left;
	width: 180px;
	border: thin solid #009;
	margin: 8px 22px 8px 4px;
}

.mission {
	font: oblique 10pt/13pt Tahoma, Geneva, sans-serif;
	color: #009;
	text-align: left;
	width: 400px;
	padding-right: 20px;
	padding-left: 20px;
	text-indent: 0px;
	display: block;
	padding-top: 0px;
}
.subhead {
	font: bold 11pt/15pt "Times New Roman", Times, serif;
	color: #396;
	text-align: left;
	text-indent: 5px;
}
#container #mainContent ul li {
	font: 0.9em/1.1em Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0px 0px 0px 6px;
}
.subhead2 {
	font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9C9;
	vertical-align: bottom;
	padding: 0px 0px 0px 3px;
}
.subhead_tab {
	font: bold 0.9em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #096;
	padding-right: 10px;
}
#sidebar2  a {
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	color: #6C9;
	text-decoration: none;
}
#sidebar2 a:hover {
	color: #999;
	text-decoration: underline;
}
#banner a:visited {
	color: #CCC;
	text-decoration: none;
}
#container #mainContent .subhead a {
	font: lighter 10pt/12pt Georgia, "Times New Roman", Times, serif;
	color: #069;
	text-decoration: none;
	text-transform: uppercase;
}
#container #mainContent .subhead a:visit {
	font: lighter 10pt/12pt Georgia, "Times New Roman", Times, serif;
	color: #6C9;
	text-decoration: none;
	text-transform: uppercase;
}
#container #mainContent .subhead a:hover {
	font: lighter 10pt/12pt Georgia, "Times New Roman", Times, serif;
	color: #069;
	text-transform: uppercase;
}
#container #mainContent ul li {
	list-style: lower-alpha inside;
	font: normal 8pt/14pt Arial, Helvetica, sans-serif;
	color: #333;
}
#container #mainContent div table tr th .subhead3 {
	font: bold 10pt/12pt Arial, Helvetica, sans-serif;
	color: #009;
}
#container #mainContent h2 img {
	padding: 4px;
	height: 200px;
	width: 220px;
	border: 1px solid #009;
}