/* 
*
* ChooseHMC.com Master StyleSheet
*
* 
* Date (12/14/2007 - 2:15PM)
*
*
* 
*/

html,body{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color: #414141;line-height: 15px;}

#container{width: 938px;margin: auto;margin-top: 50px;}

#topnav{text-align: right;padding-bottom: 10px;padding-right: 20px;font-family: "Trebuchet MS", Georgia, "Times New Roman", serif;font-size: 11px;}
#topnav a{color: #474747;text-decoration: none;padding-right: 7px;padding-left: 7px;}
#topnav a:hover{text-decoration: underline;}

#sidenav{background:url(../images/bg-sidenav-left.gif);float: left;width: 255px;height: 506px;
position: relative;}
#sidenav-top{background:url(../images/bg-sidenav-left-top.gif);width: 245px;height: 21px;}
#sidenav-bottom{clear: both;background:url(../images/bg-sidenav-left-bottom.gif);width: 245px;height: 24px;bottom: 0px;position: absolute;}
#sidenav ul{padding-right: 10px;float: left;padding-left: 20px;}
#sidenav li{font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;font-size: 14px;background-image: url(../images/arrow-sidenav.gif) !important;background-repeat: no-repeat !important;background-position: 0px 12px !important;padding-bottom: 10px;border-bottom: 1px solid #d6edfb !important;padding-top: 10px;padding-left: 10px;width: 200px;}
#sidenav li a{text-decoration: none;color: #27697f;}
#sidenav li a:hover{text-decoration: underline;}
#sidenav .logo{padding-left: 30px;}

ul#subnav li {font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 12px;
background-image: none !important;
background-repeat: no-repeat !important;
background-position: 0px 12px !important;
padding-bottom: 10px;
border-bottom: 1px solid #d6edfb !important;
padding-top: 10px;
padding-left: 25px;
width: 185px;}

#content{background-color: #e2f0bc;float: left;width: 683px;height: 506px;position: relative;}
#content-top{background:url(../images/bg-content-right-top.gif);width: 683px;height: 21px;}
#content-bottom{background:url(../images/bg-content-right-bottom.gif);width: 683px;height: 23px;position: absolute;bottom: 0;}
#content h1{color: #21637f;font-weight: bold;font-size: 16px;}
#content p{font-family: Arial, Helvetica, sans-serif;}

#watchvideo{cursor: pointer;width: 241px;height: 29px;margin-left: 300px;background-image:url(../images/bg-watch-video.gif);}
#videobox{display: none; width: 328px; height: 270px; margin-top: -29px;margin-left: 220px; }
#videofile{background-image:url(images/bg-videobox.gif);background-repeat: none;width: 313px;height: 267px; padding-top: 0px; padding-left: 15px;}
#closevideo{margin-left: 250px; margin-top: 10px;background:url(images/close-video.gif); width: 71px; height: 13px;cursor: pointer;}

#video{width: 313px;height: 257px;margin-left: 260px;padding-left: 15px;padding-top: 10px;}

#footer{clear: both;text-align: center;padding-top: 30px;font-size: 10px;}
#footer a{text-decoration: none;color: #59749d;}
#footer a:hover{text-decoration: underline;}

#noflashfoot{clear: both;text-align: center;padding-top: 5px;font-size: 10px;}
#noflashfoot a{text-decoration: none;color: #59749d;}
#noflashfoot a:hover{text-decoration: underline;}

/* 
*
* Page specific styles
*
*/ 

.home #content{height: 503px;width: 574px;background:url(../images/bg-home.jpg);background-repeat: no-repeat;}
.home #sidebar{width: 350px;background:url(../images/bg-home-sidebar.jpg);float: left;height: 503px;}
.home #sidebar p{line-height: 19px;padding-left: 30px;padding-right: 30px;padding-bottom: 10px;color: #323232;}
.home #sidebar h1{padding-left: 30px;line-height: 20px;padding-bottom: 10px;}

.about h2{color: #0096d7;font-weight: bold;padding-top: 10px;font-family: Arial, Helvetica, sans-serif;padding-top: 18px;font-size: 14px;}
.about h5{color: #000000;font-weight: bold;padding-top: 10px;font-family: Arial, Helvetica, sans-serif;padding-top: 18px;font-size: 14px;}
.about h3{font-size: 11px;font-style: italic;font-weight: normal;}
.about #content a{color: #0096d7;text-decoration: none;font-weight: bold;font-size:13px;}

.career #content a {color: #0096d7;text-decoration: none;}
.career h2{color: #0096d7;font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
.career h3{color: #21637f;font-weight: bold;font-size: 12px;font-weight: normal;}

.dial #content{height: 503px;width: 603px;float: left; background-repeat: no-repeat; 
position: relative;  background-color:#fff;}
.dial #right{background-color: #e2f0bc;width: 320px;height: 479px;float: left;position: relative; }
.dial #right h1{font-weight: bold;font-size: 20px;color: #155989;font-family: "Trebuchet MS", Georgia, serif; padding-left: 20px;padding-right: 20px;padding-bottom: 5px;padding-top: 20px; padding-left: 30px;line-height: 20px;}
.dial #right h2{padding-left: 30px;padding-right: 20px;color: #155989;font-size: 12px;font-family: "Trebuchet MS", Georgia, serif; padding-bottom: 10px;font-weight: bold;}
.dial #right p{font-family: "Trebuchet MS", Georgia, "Times New Roman", serif;padding-bottom: 10px;font-size: 13px;line-height: 16px;padding-left: 30px;padding-right: 30px;color: #323232;}
.dial #content-scroll{overflow: auto;height: 366px;}
.dial #right-top{background:url(../images/bg-right-top.gif);height: 24px;}
.dial #right-bottom{background:url(../images/bg-right-bottom.gif);height: 24px;position: absolute;top: 100%;background-color: #fff;width: 320px;}

#lifedial{text-align: center;}
#lifedial #container{text-align: left;}


/* 
*
*
* Custom Scrollbar styling
*
*
*
*/

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {width: 18px;background: #d4e0b1 0px 0px repeat-y;}

.vscrollerbar {width: 18px;background: #c7d4a2  0px 0px repeat-y;}

.vscrollerbar, .hscrollerbar {padding: 25px;z-index: 2;}

.vscrollerbasebeg {background: url(../images/scroll/scroll.gif) -30px 0px no-repeat;width: 18px;height: 22px !important;}

.vscrollerbaseend {background: url(../images/scroll/scroll.gif) -30px -22px no-repeat;height: 22px;width: 18px;}

.scrollerjogbox:hover {background: #5E828C url(../images/scroll/scroll1.gif) -45px -15px;}