/* CSS Document */
body { 
font: 12px arial, helvetica, sans-serif;
background: #f8f8ef; 
padding-bottom: 20px;
}


a { text-decoration: underline;}

a:link { color: #192486;}

a:visited { color: #192486;}

a:hover, a:active, a:focus { color: #192486;}


#header {
background: url(images/main_header_bg.gif) repeat-x 0; 
height: 109px;
width: 775px;
}

#logo {
background: url(images/jc_logo.png) no-repeat; 
height: 96px;
width: 191px;
float: left;
}

/* begin navigation */

    #tabsE {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;

      }
    
	#tabsE ul {
	margin:0;
	padding: 0px;
	list-style:none;
      }
    
	#tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
  	  
    #tabsE a {
      float:left;
	border-left: 1px solid #383915;
      margin:0;
      padding:0 0 0 4px; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none;
      }
	  
	#tabsE a.first {
	border-left: none;
      }
	  
	  #tabsE a.last {
	border-right: none;
      }
	  
    
	#tabsE a span {
      float:left;
      display:block;
	  border-right:  1px solid #6d6e47;
      padding:5px 4px 4px 4px;
      color:#f9f8ea;
      }
	   
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    
	/* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#fbd44d;
      }
    
	#tabsE a:hover {
      background-position:0% -42px;
      }
    
	#tabsE a:hover span {
      background-position:100% -42px;
      }  

/* end navigation */



#mainBox {
align: top;
border-top: 1px solid #505129;
border-right: 1px solid #505129;
border-left: 1px solid #505129;
background: #fff;
margin: 10px 5px 0px 10px !important;
margin: 10px 5px 0px 10px;
width: 498px;
min-height: 595px;
}

#mainBox h1 {
background: url(images/h1mainbox_bg.gif)  repeat-x 0;
font-face: arial, helvetica, sans-serif;
font-size: 14px;
text-align: left;
margin-top: 0px;
padding-top: 12px !important;
padding-top: 8px;
padding-left: 12px !important;
padding-left: 12px;
padding-bottom: 0px;
border-bottom: 1px solid #505129;
color: #fff;
height: 30px !important;
height: 36px;
}

#mainBoxText {
text-align: left;
padding: 0px 10px 10px 10px;
font-face: arial, helvetica, sans-serif;
font-size: 12px;
color: #000;
width: 480px;
height: 320px;
}

.mainBoxText a {
color: #192486;
}

#subBox {
vertical-align: top;
border: 1px solid #505129;
background: #fff;
margin: 10px 10px 0px 10px !important;
margin: 10px 10px 0px 10px;
width: 500px;
min-height: 495px;
}


#subBox h1 {
background: url(images/mainbox_bg.gif)  repeat-x 0;
font-face: arial, helvetica, sans-serif;
text-align: left;
margin-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
font-size: 14px;
line-height: 35px;
color: #fff;
height: 39px;
}

#subBoxText {
border: 0px solid #660000;
text-align: left;
padding: 10px;
font-face: arial, helvetica, sans-serif;
font-size: 12px;
color: #000;
width: 480px;
height: 320px;
}

.title {
font-face: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #394e1e;
margin-left: 10px;
}

.regtitle {
font-face: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #394e1e;
}

.homeList {
font-face: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #000;
list-style: none;
}

.homeList a {
color: #192486;
}

.homeList li {
list-style-position: outside;
list-style-image: url(images/bullet.gif);
}


.rightBox {
vertical-align: top;
border: 1px solid #505129;
background: #fff;
margin: 10px 10px 10px 0px !important;
margin: 10px 10px 10px 0px;
margin-left: 10px;
width: 247px !important;
width: 247px;
}

p {
	font-face: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	list-style: none;
	margin: 10px;
}


.h1Boxes {
background: url(images/h1box_bg.gif)  repeat-x 0;
font-face: arial, helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: left;
margin-top: 0px;
padding-top: 8px !important;
padding-top: 8px;
padding-left: 12px !important;
padding-left: 12px;
padding-bottom: 0px;
color: #44451a;
height: 29px !important;
height: 36px;
}

.boxStyles {
padding-left: 10px;
padding-right: 10px;
font: 12px Arial, Helvetica, sans-serif;
line-height: 17px;
}

.boxStyles br {
line-height: 12px;
}

.boxStyles a {
color: #192486;
}

.mapLink {
color: #192486;
font-size: 11px;
}

.boxTitles {
color: #505129;
font-weight: bold;
}

#boxSmallText {
margin-top: 0px !important;
margin-left: 50px;
width: 180px;
font-size: 10px;
line-height: 11px;
}

#imgHome {
background: url(images/img_home.jpg)  repeat-x 0;
vertical-align: bottom;
width: 498px;
height: 104px;
margin: 0px;
padding-top: 0px;
margin-left: 10px;
border-left: 1px solid #505129;
border-right: 1px solid #505129;
border-bottom: 1px solid #505129;
}

#galleryBox {
vertical-align: top;
border: 1px solid #505129;
background: #fff;
margin: 10px 10px 0px 10px !important;
margin: 10px 10px 0px 10px;
width: 755px;
min-height: 495px;
}

#galleryBox h1 {
background: url(images/mainbox_bg.gif)  repeat-x 0;
font-face: arial, helvetica, sans-serif;
text-align: left;
margin-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
font-size: 14px;
line-height: 35px;
color: #fff;
height: 39px;
}

#galleryBox p {
font-face: arial, helvetica, sans-serif;
margin: 10px;
font-size: 12px;
line-height: 15px;
color: #000;
list-style: none;
}

#galleryBox a {
color: #192486;
font-face: arial, helvetica, sans-serif;
font-size: 12px;
}

/* begin footer stuff */

#footer {
	margin-top: 10px;
	margin-left: 10px;
	background: url(images/bottomnav_bg.gif) repeat-x 0; 
	width:757px;
	height: 21px;
	color: #44451a;
	font: 10px Arial, helvetica, sans-serif;
	border: 1px solid #88984a;
}

#bottomnav {
	border: 0px solid;
	float:left;
	padding: 3px 10px 4px 5px;
	text-align:right;
}

#bottomnav a {
	color: #192486;
}

#copyright {
	color: #44451a;
	float:right;
	padding: 3px 5px 5px 10px;
}