﻿* { margin:0; padding:0;}
body { background:#696866; font-size:100%; line-height:1em; font-family:tahoma; font-size:0.6875em; line-height:1.45em; color:#5f5a52; text-align:center}

.top-bg {background:url(images/left_top_bg2.gif) repeat-x top #f3f2f1}
.left-bg { position:absolute; top:0; left:0; width:50%; height:311px; background:url(images/left_top_bg2.gif) left top repeat-x}

div.logo {height:124px; width:230px; bottom: 0px; right: 0px; background: url('images/mjb_logo.gif') no-repeat right bottom transparent; z-index:1}

table.chart tr th, table.chart tr td {
	font-family:tahoma; color:#5f5a52; font-size:.75em; padding: 0px 4px; 
}
table.chart {
	border: 1px gray dotted;
}
  
/*in_line*/
textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#5f5a52; font-size:1em; font-weight:normal; padding-left:5px}
select { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#5f5a52; font-size:1em; font-weight:normal; padding-left:5px}
input { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#5f5a52; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul.list-1 li { line-height:3.3em; background:url(images/pdficon.gif) no-repeat 0 4px; padding-left:38px; margin-bottom:10px}
ul.list-1 li a{text-decoration:underline; color:#5e9820}
ul.list-1 li a:hover{ text-decoration:none}

ul.list-2 li { line-height:1.42em; font-size:1.05em}
ul.list-2 li a{text-decoration:underline; color:#2d7fe7}
ul.list-2 li a:hover{ text-decoration:none}

ul.list-3 li { line-height:1.5em; font-size:1.09em; background:url(images/marker.gif) no-repeat 0 5px; padding-left:16px; padding-bottom: 2px; color:#404040}
ul.list-3 li a{text-decoration:underline; color:#2d7fe7}
ul.list-3 li a:hover{ text-decoration:none}

ul.list-4 li { line-height:1.27em}
ul.list-4 li a{text-decoration:underline; color:#5e9820}
ul.list-4 li a:hover{ text-decoration:none}

ul.list-5 {text-align: left;}
ul.list-5 li {text-align: left; line-height:1.5em; background:url(images/marker.gif) no-repeat 0 4px; padding-left:14px; padding-bottom: 4px}
ul.list-5 li a{text-decoration:underline; color:#5e9820}
ul.list-5 li a:hover{ text-decoration:none}

dl {line-height:1.28em; font-size:1.09em}
dt {background:url(images/marker.gif) no-repeat 0 4px; padding-left:16px; color:#404040; margin:0 0 2px 0}
dd {margin:0 0 5px 16px}
dd a {text-decoration:underline; color:#2d7fe6}
dt a {text-decoration:underline; color:#2d7fe6}
dd a:hover {text-decoration:none}
dt a:hover {text-decoration:none}

.list-indent {margin:0 0 10px 0}
.list-indent2 {margin:0 0 49px 0}
/*==========================================*/

a {text-decoration:underline; color:#5e9820}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#2d7fe6; background:url(images/marker.gif) no-repeat 0 4px; padding-left:13px; font-size:1.09em}
a.link:hover {text-decoration:none}

a.link-2 {text-decoration:underline; color:#2d7fe6; font-size:1.09em}
a.link-2:hover {text-decoration:none}

.font-1 {color:#404040; line-height:1.27em}
.font-4 {color:#2d7fe6; font-size:1.09em}

.clear { clear:both;}
.fright {float:right}

h4 { font-size:1.09em; padding: 6px 0px; font-weight:bold}
h5 { font-size:1.0em; padding: 6px; font-weight:bold}
.font-2 {background:url(images/marker.gif) no-repeat 0 4px; padding-left:16px; color:#404040; margin:0 0 10px 111px}
.font-3 {color:#678d3e; font-size:1.27em; line-height:1.29em; margin:0 0 17px 0}

p {margin:0 0 16px 0; line-height: 1.8}
.p1 {margin:0 0 16px 0}
.p2 {margin:12px 0 12px 0}
.p3 {margin:0 0 48px 0}
.p4 {margin:0 0 23px 0}

/*header*/
#header { height:311px; background:url(images/header_bg2.jpg) no-repeat right}
.menu {position:absolute; margin:63px 0 0 19px; }
.menu img {display:block}
.banner {position:absolute; margin:44px 0 0 630px}
#header .menu a {color: #ffffff; text-transform:uppercase; font-family: "Trebuchet MS"; font-size: 12pt; text-decoration:none; font-weight:200; 
background:url(images/button1.gif) no-repeat left; padding-left: 40px; line-height:20pt;}
.inner {padding:0 0 0px 0}

/*content*/

.title-1 {margin:0 0 0 96px}
.img-left {float:left; margin:-3px 20px 0 0}
.img-left2 {float:left; margin:-3px 20px 14px 0}
.img-left3 {float:left; margin:0 auto; padding:0px 10px}
.img-title {position:absolute; margin:-12px 0 0 -2px}
.img {margin:0 0 23px 0}

.col-1 { background-color:#ffffff; }
.col-1 .indent {padding:30px 20px 31px 2px; }
.col-1 .indent2{padding:4px; background-color: #f3f2f1; border: 3px #f3f2f1 double; }
.col-1 .indent2 h1 {font-size: 15px; margin: 8px 0px;}
.col-1 h1 {font-size: 15px; margin: 10px 0px; background:url('images/line_bg.gif') repeat-x bottom}

.col-2 {background-color:#ffffff;}
.col-2 .indent {padding:10px 20px; height:100%}
.col-2 h1 {font-size: 15px; line-height: 1.6em; margin: 12px 0px; background:url('images/line_bg.gif') repeat-x bottom}
.col-2 h2 {font-size: 12px; margin: 8px 0px; color:#5e9820}
.col-2 .indent p { font-size:1.09em; color:#404040}

.line {background:url(images/line_bg.gif) repeat-x bottom; height:26px; margin:0 8px 0 -2px}
.line-indent { margin-bottom:10px}

.line2 {background:url(images/line2_bg.gif) repeat-x top; height:20px; margin:0 8px 0 -2px}
.line3 {background:url(images/line3_bg.gif) repeat-x top; height:20px; margin:0 -10px 9px -2px}
.line4 {background:url(images/line4_bg.gif) repeat-x top; height:24px; margin:0 -10px 0 -2px}

.line-indent2 { margin-left:96px}
.line-indent3 {margin-bottom:-9px}

/*footer*/
#footer {background:url(images/footer_top_bg.gif) repeat-x top; font-family:tahoma; color:#f3f2f1}
#footer-main { background:url(images/footer_col_bg.gif) no-repeat right top; height:81px; text-align:right}
#footer .indent {padding:20px 62px 0 0}
#footer a {color:#ffad1d; text-decoration:underline}
#footer a:hover {text-decoration:none}

.phones {float:right; margin:0 85px 0 0}
input {width:235px; height:17px}
.div-input {height:28px}
textarea {width:250px; height:109px; overflow:auto; margin-bottom:10px; display:block}
.div-links {text-align:center; word-spacing:25px}

/*==================block====================*/
.box { background:#c5cab6}
.box .corner-top-left { background:url(images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right { background:url(images/corner_top_right.gif) right top no-repeat;}
.box .corner-bot-right { background:url(images/corner_bot_right.gif) right bottom no-repeat;}
.box .corner-bot-left { background:url(images/corner_bot_left.gif) left bottom no-repeat;}
.box .border-left {background:url(images/border_left.gif) repeat-y left}
.box .border-top {background:url(images/border_top.gif) repeat-x top}
.box .border-right {background:url(images/border_right.gif) repeat-y right}
.box .border-bot {background:url(images/border_bot.gif) repeat-x bottom}
/*==========================================*/

.box-cols { background:#ffffff; padding: 4px; text-align: center; margin: 2px auto; border: 1px #ffffff solid; }
div.highlite {width: 80%; margin: 0px auto; padding: 6px 8px; color:#678d3e; font-size:1.2em; line-height:1.4em; text-align:left;}