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


/*************************** Standard CSS Definitions **********************/

body{
background: #8e919a url("../images/bgd.gif") top left repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin: 15px auto auto 100px;
}
h1{
font-size: 18px;
font-weight: bold;
}
h2{
font-size: 14px;
font-weight: bold;
}
h3{
font-size: 12px;
font-weight: bold;
}
a:link, a:visited{
color: #700000;
}
a:hover, a:active{
color: #a60000;
}

.bold{font-weight: bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.floatRight{float:right;}
.floatLeft{float:left;}
.clear{clear:both;}

.flash{margin: -5px 0px 0px 1px;}

/******  Global layout styles ********/

div.layout{
width: 800px;
border: #a6aebb 1px solid;
background-color: #a6aebb;
}
div.headBgd{
background: #a6aebb url("../images/headBgd.jpg");
height: 100px;
width: 800px;
}
div.navbar{
z-index: 800;
background: #a6aebb url("../images/navbar.gif") top left repeat-x;
height: 30px;
color: #a60000;
font-size: 14px;
font-weight: bold;
padding-top: 7px;
text-align: right;
}
div.navbar a{
color: #a60000;
font-size: 14px;
font-weight: bold;
text-decoration: none; 
padding-top: 6px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 9px;
margin-bottom: 9px;
}
div.navbar a:hover{
background: url("../images/navbar_hover.gif") top left repeat-x;
}
div.contentContainer{
background-color: #a6aebb;
margin: 0px 0px 0px 0px;
}
div.logout{
font-size:10px;
color: #D5D5D5;
text-align: left;
margin-left: 500px; 
}
div.logout a{
color: #D5D5D5;
text-decoration: underline;
font-size: 12px;
font-weight: bold;
}
div.logout a:hover{
color: #FFF;
text-decoration: none;
}
div.footer{
background: #a6aebb url("../images/footer.gif") top left repeat-x;
height: 15px;
width: 800px;
font-size:10px;
color: #8e919a;
text-align: center;
padding-top: 4px;
}
div.footer a{
color: #363e5d;
text-decoration: underline;
}
div.footer a:hover{
color: #333;
text-decoration: none;
}
div.site_design_by{
font-size:10px;
color: #D5D5D5;
text-align: left;
padding-top: 15px;
margin: auto auto 25px 330px;
}
div.site_design_by a{
color: #D5D5D5;
text-decoration: underline;
}
div.site_design_by a:hover{
color: #FFF;
text-decoration: none;
}
div.logo{
z-index: 900;
position: absolute;
top: 55px;
left: 140px;
}

/***********  Home/Landing Page Styles ********/ 

div.photoBgd_large{
background: #a6aebb url("../images/large_photo_bgd2.gif") top left no-repeat;
height: 300px;
width: 500px;
float: left;
margin-top: -18px;
margin-left: 20px;
}
/**** Temporary Static img ***/
div.photoBgd_large img{
margin: 14px 9px 0px 13px;
}
div.static_feature_bgd{
background: #a6aebb url("../images/static_feature_bgd2.jpg") top left repeat-x;
height: 450px;
width: 285px;
position: relative;
float: right;
margin-left: -20px;
margin-top: -17px;
margin-right: 10px;
}
div.static_feature_content{
/*margin: 8px 15px 0px 15px;*/
margin: 20px 15px 0px 15px;
padding: 25px 10px 25px 10px;
background-color: #a60000;
text-align: center;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #FFF;
}
div.static_feature_content img{
padding: 0px 2px 8px 10px;
}
div.static_feature_content a{
color: #FFFFFF;
padding-left: 4px; 
padding-bottom: 2px;
}

p.featureText_level_1{
font-size: 18px;
font-weight: bold;
color: #FFF;
padding: 0px 15px 0px 15px;
}
p.featureText_level_2{
font-size: 14px;
font-weight: bold;
margin-top: -18px;
padding: 0px 15px 0px 15px;
color: #D5D5D5;
}
p.featureText_level_3{
font-size: 12px;
text-align: center;
padding: 0px 10px 0px 10px;
}
div.static_feature_content h1, div.static_feature_content h2{
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-weight: bolder;
padding: 1px 5px 0px 5px;
}
div.static_feature_content h1{
font-size: 14px;
}
div.static_feature_content h2{
font-size: 18px;
margin-top: -9px;
color: #cfcb9b;
}
img.moreBtn{
padding-top: 8px;
position: relative;
float: right;
}
div.content_left{
width: 50px;
background: #a6aebb url("../images/content_bgd_left.gif") top left repeat-y;
margin-left: 25px;
}
div.content_body{
background: #a6aebb url("../images/content_bgd_body.gif") top left repeat-y;
width: 486px;
margin-left: 44px;
}
div.home_blurb{
padding: 0px 69px 0px 0px;
color: #363e5d;
}
div.home_blurb p{
padding-top: 3px;
}
div.content_bottom{
background: #a6aebb url("../images/content_bgd_bottom.gif") top left no-repeat;
width: 479px;
height: 55px;
margin-left: 25px;
margin-top: -15px;
}
/****  Interior Page Styles ******/
div.left_col_layout{
width: 288px;
float: left;
}
div.left_col{
background: #a6aebb url("../images/left_col_bgd.gif") top left repeat-y;
width: 288px;
margin-top: -17px;
margin-left: 10px;
}
div.left_col_content{
margin-top: 10px;
padding: 55px 10px 0px 20px;
}
div.left_col_footer{
background: #a6aebb url("../images/left_col_footer.gif") top left no-repeat;
width: 288px;
height: 25px;
margin-top: -15px;
margin-left: 10px;
}
div.interior_content_layout{
width: 490px;
float: right;
margin-right: 5px;
}
div.interior_content_header{
background: #a6aebb url("../images/interior_content_top.gif") top left no-repeat;
width: 490px;
height: 10px;
}
div.interior_content_footer{
background: #a6aebb url("../images/interior_content_bottom.gif") top left no-repeat;
width: 490px;
height: 10px;
margin-top: -12px;
margin-bottom: 10px;
}
div.interior_content_bgd{
background: #a6aebb url("../images/interior_content_bgd.gif") top left repeat-y;
width: 490px;
margin-top: -12px;
}
div.interior_content{
margin: 3px 12px 3px 10px;
padding-top: 8px;
}
div.interior_content h1{
font-size: 21px;
margin-bottom: 0px;
color: #363e5d;
}
div.interior_content h2{
margin-bottom: 0px;
margin-top: 12px;
}
div.interior_content p{
margin-top: 0px;
margin-bottom: 8px;
color: #000;
}
div.interior_content img{
float:right;
padding: 0px 7px 5px 15px;
}
div.interior_content img#overview{
text-align: center;
padding: 0px 7px 5px 75px;
}

/*** Product Lines ***/
div.products{
position: fixed;
top: 150px;
left: 405px;
}
div.logo_block{
margin-left: 10px;
}
div.logo_block h1{
margin-bottom: 10px;
}
div.logo_block_image{
float: left;
width: 100px;
margin-right: 12px;
vertical-align:middle;
}
div.logo_block_text{
}
span.title a{
color: #700000;
font-weight: bold;
font-size: 16px;
}
span.title a:hover{
color: #000;
}
span.tagline{
color: #700000;
}

/*** Meet MJM Style ***/
div.employee_info{
background-color: #e5e5e5;
margin-bottom: 10px;
padding: 10px 5px 10px 5px;
border: #cfcfcf 2px solid;
min-height: 120px;
}
div.employee_details{
width: 70%;
float: left;
}
div.employee_info img{
float: left;
height: 120px;
width: 100px;
border: none;
}
div.employee_name{
font-size: 16px;
font-weight: bold;
color: #363e5d;
}
div.employee_title{
font-weight: bold;
color: #700000;
}

p.footnote{
font-size: 10px;
}
