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


html,body,div,dl,dt,dd,ul,fieldset,input,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:none; }
caption, th { text-align:left; }
q:before,q:after { content:''; }


body {background-image: url(../images/gradient.jpg); background-repeat: repeat-x; background-color: #B5B0A4;}
li {margin-left: 15px; list-style-position:outside; list-style-type: square} 

.opaque {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}

/* --------------------------FONTS-------------------------- */
.H1 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #9C7E0F; text-decoration:bold; }
.Header {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #9C7E0F; text-decoration:bold; }

a.Menu:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #006892; text-decoration:none }
a.Menu:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #006892; text-decoration:none }
a.Menu:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }
a.Menu:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }

a.SubMenu:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #50B3CF; text-decoration:none }
a.SubMenu:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #50B3CF; text-decoration:none }
a.SubMenu:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }
a.SubMenu:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }

a.MenuHere:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }
a.MenuHere:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }
a.MenuHere:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }
a.MenuHere:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #9C7E0F; text-decoration:none }

.Body {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: normal; line-height: 14pt; text-decoration:none}
.BodyBold {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold; line-height: 14pt; text-decoration:none}
a.BodyBold:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold; line-height: 14pt; text-decoration:none}
a.BodyBold:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold; line-height: 14pt; text-decoration:none}
a.BodyBold:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #9C7E0F; font-weight: bold; line-height: 14pt; text-decoration:none}
.BodyBoldActive {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #9C7E0F; font-weight: bold; text-decoration:underline; text-decoration:none}

.Small {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #666666; }
a.Small:link {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #9C7E0F; text-decoration:none }
a.Small:visited {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #9C7E0F; text-decoration:none }
a.Small:hover {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #9C7E0F; text-decoration:none }

.SubText {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; }

a.GoldLink:link {color: #9C7E0F; font-size: 9pt; font-weight: bold; text-decoration:none }
a.GoldLink:visited {color: #9C7E0F; font-size: 9pt; font-weight: bold; text-decoration:none }
a.GoldLink:hover {color: #999999; font-size: 9pt; font-weight: bold; text-decoration:none }

/* --------------------------LAYOUT-------------------------- */
#container {width: 741px; height: 560px; text-align: left; padding: 20px; margin: 20px auto 15px auto; background-color: #fff; }

#navigation {
	width: 150px;
	height: 560px;
	float: left;
	margin: 0;
	line-height: 90%;
}

#menu_column {
	height: 155px;
	border-bottom: 1px solid #AFE0E9;
	border-top: 1px solid #AFE0E9;
	padding-top: 5px;
}
#nav {margin: 0px; height:25px;}
#nav li {display:inline; }
#nav li a {
	float:left;
	height:25px;
	overflow:hidden;
	width: 140px;
}

#submenu {
	height: 323px;
}
#submenu2 {
	height: 80px;
	padding-top: 5px;
	border-bottom: 1px solid #AFE0E9;
	}
#submenu3 {
	height: 130px;
	padding-top: 5px;
	border-bottom: 1px solid #AFE0E9;
}
#subnav {margin: 0px; height:25px;}
#subnav li {display:inline; }
#subnav li a {
	float:left;
	height:25px;
	overflow:hidden;
	width: 140px;
}

#logo {
	height: 75px;
	background:url(../images/JBH-Logo-2008_electronic.jpg) bottom left no-repeat;
}

#info {width: 560px; height: 560px; float: right; margin: 0; border-left: 1px solid #AFE0E9; padding-left: 20px;}

#header {width: 560px; height: 20px; border-bottom: 1px solid #AFE0E9; border-top: 1px solid #AFE0E9; padding-top: 5px}
#content {width: 560px; height: 475px; margin-top:20px; }
#base {width: 560px; border-top: 1px solid #AFE0E9; padding-top: 15px;}

#footer {
	width: 780px;
	margin: auto;
}

/* --------------------------PORTFOLIO LAYOUT-------------------------- */

#portfolio_box {width: 560px; height: 356px; float: left; margin: 0; border: 1px solid #AFE0E9;}
#portfolio_buttons {width: 560px; height: 20px; float: left; margin-top: 10px;}
#prev_button {width: 100px; float: left;}
#buttons {width: 360px; float: left; align}
#next_button {width: 100px; float: left;}
#portfolio_desc {width: 560px; height: 50px; float: left; margin-top: 0px;}