/* Basic Elements */

body{ behavior:url(/skins/mmi/includes/csshover.htc); margin:0px; padding: 0px;  font-size: 12px; background: url(../images/bkground-body.gif) top repeat-x; background-color: #666633; font-family: Arial, Helvetica, sans-serif;  text-align:center}
a img { border: none; }
form { margin: 0px; padding: 0px; }
a { color: #0000ff; }
p { margin: 10px 0px 10px 0px; line-height: 18px;  }
h2,h3,h4 {font-family:Georgia, "Times New Roman", Times, serif;  padding: 0px; margin: 0px 0px 10px 0px;}
h2 { font-size: 22px; font-weight: normal;}
h3 { font-size: 15px; font-weight: bold;}
address { font-style: normal; line-height: 18px; }

/* Containers */

#wrapper { text-align: left; width: 980px; margin: 0px auto 0px auto; background-color: #20323c; position: relative;}
#wrapper:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
* html #wrapper {height: 1%;}

#topnav {background-color: #000; height: 35px; width: 980px; position: relative;}
#topnav ul { margin: 0px; padding: 0px; list-style: none; position: absolute; right: 10px; top: 10px; z-index: 100;}
#topnav ul li { z-index: 100;float: left; text-transform: uppercase; font-size: 11px; background:url(../images/bullet-topnav.gif) no-repeat 0px 3px; padding: 0px 0px 0px 10px; margin:0px 0px 0px 10px; z-index: 99; }
#topnav ul li a { color: #d0a94c; text-decoration: none; }
#topnav ul li a:hover { color: #fff; }

#header-small { position: relative; height: 158px; width: 980px;}
#header-large { position: relative; height: 303px; width: 980px;}
#header-small h1, #header-large h1 { display: none; }
#header-small img, #header-lage img { position: absolute; top: 15px; left: 0px; }
#header-large #flashheader-large { position: absolute; right: 0px; top: 15px; z-index: 99;}
#header-small #flashheader-small { position: absolute; right: 0px; top: 9px; z-index: 99;}

#menu { z-index: 2; height: 49px; width: 980px; padding: 0px; background: url(../images/bkground-menu.gif) repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative;}
#menu ul {list-style: none; margin: 0px; padding: 0px; position: absolute; top: -10px; left: 15px; }
#menu ul li {float: left; margin: 0px 10px 0px 0px; padding: 0px 4px 0px 4px; background: none; position: relative;}
#menu ul li.last { margin: 0px 0px 0px 0px; padding: 0px 4px 0px 4px;  }
#menu ul li:hover {background: url(../images/bkground-menu-highlight.gif) 0px 10px repeat-x;}
#menu ul li a {color: #fff; text-decoration: none; height: 30px; display: block; float: left; padding: 27px 0px 0px 0px;  }
#menu ul li a:hover { background: url(../images/bkground-menu-star.gif) center 2px no-repeat; }
#menu ul li span { background:url(../images/bkground-menu-divider.gif) right 10px; width: 1px; height: 32px; float: left; position: absolute; right: -5px; top: 20px;}
*html #menu ul li span { right: -6px; }
#menu ul li.last span { display: none; }
#menu ul li.active {background: url(../images/bkground-menu-highlight.gif) 0px 10px repeat-x;}
#menu ul li.active a { background: url(../images/bkground-menu-star.gif) center 2px no-repeat; }

#content-container{ width: 980px; min-height: 488px; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; background: url(../images/bkground-contentcontainer.gif) right repeat-y; position: relative;}
#content-container:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
* html #content-container {height: 488px;}

#content { padding: 10px; margin: 8px 0px 0px 0px; width: 677px; float: right; z-index: 1; position: relative; }
#content h2 { border-bottom: 1px solid #c6aa66; padding: 0px 0px 3px 0px; margin: 0px; }

#content-shadow {width: 719px; z-index: 0; height: 488px; background:url(../images/bkground-contentshadow.gif) no-repeat top left; position: absolute; right: 0px; top: -15px; }

#sidebar {width: 261px; float: left; padding: 0px 0px 0px 0px;}
#sidebar #submenu-header { background: url(../images/bkground-submenu-header.gif) no-repeat top; width: 261px; height: 115px; }
#sidebar #submenu-footer {background: url(../images/bkground-submenu-footer.gif) no-repeat top; width: 261px; height: 13px; margin: 0px 0px 12px 0px;}
#sidebar #submenu {width: 261px; font-family: Georgia, "Times New Roman", Times, serif; background: #14222a; }
#sidebar #submenu h2 {font-size: 14px; font-weight: bold; margin: 0px; }
#sidebar #submenu h2 a { color: #c6aa66; background-color: #080d11; border-bottom: 1px solid #1f313a; display: block; padding: 1px 0px 4px 15px;}
#sidebar #submenu h2 a:hover { color: #fff; }
#sidebar #submenu ul {margin: 0px; padding: 10px 0px 10px 12px; list-style: none;}
#sidebar #submenu ul li {background: url(../images/bullet-bluestar-submenu.gif) no-repeat 0px 0px; padding: 0px 0px 6px 20px; line-height: 15px; color: #fff; }
#sidebar #submenu ul li a {color: #fff; }
#sidebar #submenu ul li a:hover {text-decoration: none;}
#sidebar #submenu ul li ul {margin: 0px; padding: 10px 0px 0px 0px;list-style: none;}
#sidebar #submenu ul li ul li {background: url(../images/bullet-whitecircle-submenu.gif) no-repeat 0px -1px; padding: 0px 0px 5px 17px; }
#sidebar #submenu ul li ul li a {color: #fff;}

#bottomnav { border-top: 10px solid #c6aa66; margin: 0px auto 0px auto; width: 980px; background:url(../images/bkground-bottomnav.gif); padding: 20px 0px 0px 0px; text-align: left;}
#bottomnav:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
* html #bottomnav {height: 1%;}
#bottomnav .item { width: 345px; float: left; border-right: 1px solid #9e8240; padding: 0px 0px 0px 10px;}
#bottomnav .item p { line-height: 16px; }
#bottomnav .item.last { border-right: none; width: 230px; padding: 0px 0px 0px 10px;}
#bottomnav .item ul { margin: 10px 0px 0px 0px; padding: 0px; list-style: none;}
#bottomnav .item ul li { padding: 0px 0px 0px 25px; background:url(../images/bullet-checkmark.gif) no-repeat 0px 3px; line-height: 22px; }
#bottomnav .item ul li a { color: #000; }
#bottomnav .item ul li a:hover { text-decoration: none; }
#bottomnav #search {height: 29px; width: 220px; position: relative;}
#bottomnav #search .textbox {background: url(../images/bkground-searchbox.gif) no-repeat; width: 139px; height: 29px; border: none; padding: 6px 10px 0px 25px; position: absolute; top: 0px; left: 0px; }
#bottomnav #search .button { margin: 0px; padding: 0px; position: absolute; top: 1px; right: 0px; }

#footer { width: 980px; height: 154px;position: relative; margin: 0px auto 0px auto; background:url(../images/bkground-footer.gif) no-repeat top center; color: #fff; padding: 1px 0px 0px 0px; }
#footer address { font-style: normal; line-height: 16px; position: absolute; top: 50px; left: 250px; margin: 0px; padding: 0px; width: 160px; height: 50px; }
#footer ul {list-style: none; line-height: 16px; text-align: left; margin: 0px; padding: 0px; position: absolute; top: 50px; left: 560px; width: 190px; height: 50px;}
#footer ul li {}
#footer ul li a { color: #fff; }
#footer ul li a:hover { text-decoration: none; }
#footer p {color: #b3b399; font-size: 11px; margin: 120px 0px 0px 0px; padding: 0px;}
#footer p a{ color: #b3b399; }
#footer p a:hover { color: #fff; text-decoration: none; }

/* Containers - Homepage Specific */

#homepage #content-container{ width: 980px; min-height: 488px; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; background: url(../images/bkground-contentcontainer-homepage.gif) right repeat-y; position: relative;}
#homepage #content-container:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
* html #homepage #content-container {height: 488px;}

#homepage #content { padding: 10px; margin: 12px 0px 0px 0px; width: 578px; float: right; z-index: 1; position: relative;}
#homepage #content #content-right h2, #homepage #content #content-left h2 { padding: 0px; margin: 0px 0px 10px 0px; border: none; }
#homepage #content #content-left {width: 278px;float: left;  padding-right: 10px; border-right: 1px solid #dbc17f; }
#homepage #content #content-left h3 { clear: both; }
#homepage #content #content-right { width: 274px; padding-left: 15px; float: right; }
#homepage #content #content-right ul { list-style: none; margin: 0px; padding: 0px; }
#homepage #content #content-right ul li {line-height: 16px; padding: 0px 0px 10px 0px; margin: 0px; }
#homepage #content h3 a { color: #b53d0a;}
#homepage #content h3 a:hover {text-decoration: none; color: #000;}

#homepage #content-shadow {width: 624px; z-index: 0; height: 488px; background:url(../images/bkground-contentshadow-homepage.gif) no-repeat top left; position: absolute; right: 0px; top: -8px;}

#homepage #sidebar {width: 340px; float: left; padding: 0px 0px 0px 15px;}
#homepage #sidebar .item { width: 170px; float: left; }
#homepage #sidebar .item h2 a { color: #e7c982;  }
#homepage #sidebar .item h2 a:hover { color: #fff; text-decoration: none; }
#homepage #sidebar .item ul { color: #fff; margin: 10px 0px 10px 0px; padding: 0px; list-style: none; }
#homepage #sidebar .item ul li {line-height: 18px; padding: 0px 0px 0px 20px; background:url(../images/bullet-bluestar.gif) 0px 1px no-repeat;}
#homepage #sidebar .item ul li a { color: #fff; }
#homepage #sidebar .item ul li a:hover { text-decoration: none; }
#homepage #sidebar .item p { color: #fff; line-height: 15px; margin: 10px 0px 10px 0px; padding: 0px; }

/* Forms - Validation */

.lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;}
.alert { background: url(/skins/mmi/images/alert-small.gif) no-repeat 0px -3px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; clear: both; }
.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; text-align: left; position: relative;}
.error {  }
.error h4 {padding: 8px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
.success h4 {padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
.success p, .alert p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
.progress {padding: 10px 0px 13px 10px; }
.progress img {float: left; padding: 0px 10px 0px 0px; }
.progress h4 { font-size: 15px; margin: 0px; padding: 5px 0px 10px 0px; color: Red; font-weight: bold; }

/* Forms - Formatting */

#form .left{float:left; padding:0px 5px 0px 0px}
#form .left-phone{float:left; }
#form .right-phone{float:left; padding:0px 0px 0px 3px}
#form .clear{float:none}
#form .lbl{position:relative; display:block; font-weight:bold; margin:5px 0px 3px 0px; clear:both; color:#000; font-size:12px}
#form .field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:0px 0px 3px 0px; }
#form .textbox {font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px;}
#form label, #form select{font-size:12px; }
#form h5{position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background-color:#ffffff; border-bottom:1px solid #c6aa66; display:block; clear:both}
#form select { font-size: 13px; margin: 0px 0px 0px 0px; }
#form .red{color:red;}
#form .small{font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}
#form #PreferredContact label { font-size: 12px; }
#form table { border-collapse: collapse; }
#form .btn-submit { display: block; margin: 10px 0px 0px 0px;}
#form .line{height:1px; background-color:#c6aa66; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}

/* Misc Styles */

.left{float:left; }
.right { float: right; }
.indent { margin-left: 25px; }
.center { text-align: center; }
.img-left{float:left; margin:0px 10px 0px 0px; }
.img-right{float: right; margin: 0px 0px 0px 10px; }

.margin-right{margin-right: 10px;}
.margin-left { margin-left: 10px; }
.margin-top{ margin-top: 10px;}
.margin-bottom { margin-bottom: 10px; }

.small{font-size:11px; line-height:14px; }
.normal { font-size: 12px; line-height: 18px; }
.large{font-size:14px; line-height:21px;}

.line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.nodis { display: none; }
.clear{ clear: both; }
.highlight { padding: 2px; background: #e9e6ce; }
.box-highlight { padding: 0px 10px 0px 10px; border: 1px solid #ccc; background: #fff;}
.border { border: 1px solid #ccc; }
.grey { color: #666; }
.more { padding: 0px 5px 0px 0px; color: #3e5664; float: right; }