/*
	 * CAMS @2008
	 * Screen CSS
	 *
	 *
	 */

@import "cams-typo.css";


html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
strong { font-weight:bold; }

html { background: url(../images/bg-html.png) repeat 0 0; }
body {   background: url(../images/bg-body.png) repeat-x 0 0; font: 11px/21px Arial, "Tahoma", "Verdana", sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #224473; text-decoration: none; }
a:focus, a.focus, a:hover { color: #ed1b2e; text-decoration: underline; }
.clear { display: block; height: 0; clear: both; margin: 1em 0; border: solid #d6d6d6; border-width: 0 0 1px; background: none; }

.columns:after,
.license-mod:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */



/* main */
#holder { width: 100%; background: url(../images/bg-holder.png) no-repeat 50% 0; }
#wrapper { width: 1078px; margin: 0 auto; padding: 0 0 40px; background: url(../images/bg-wrapper.png) repeat-y 0 0; }
#page { width: 960px; margin: 0 auto; padding: 10px 0 0; }

/* top */

#logo { float: left; padding: 0 380px 0 0; background: url(../images/bg-logo.png) no-repeat 100% 100%; }
.call-toll { float: left; margin: -23px 0 0 480px; color: #c2c2c2; font-size: 2em; font-weight: bold; } /* 6, 7 */
#login-mod { width: 305px; height: 110px; float: right; padding: 0px 6px 0; background: no-repeat 0 0; }
#login-mod #login { width: 140px; float: left; }
#login-mod .text { width: 138px; border: 1px solid #d0d0d0; color: #9f9f9f; font-size: 0.9em; }
#login-mod .password { margin: 5px 0 10px; }
#login-mod .rem { width: 60px; line-height: 11px; float: left; padding: 0 0 0 20px; font-size: 0.9em; }
#login-mod .rem input { float: left; margin: 0 0 0 -20px; } 
#login-mod .image { float: right; }
#login-mod .btn-register { width: 113px; height:23px; float: right; margin: 70px 20px 0 0; background: url(../images/btn-register.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

#search-mod { width: 200px; float: right; margin: -27px 0 0; background: url(../images/bg-search-input.png) no-repeat 0 1px; }
#search-mod .text { width: 155px; margin: 0 2px; border: 0; background: none; font-size: 0.9em; }
#search-mod .image { margin: 0 0 -8px; }

#nav { height: 29px; clear: both; border-bottom: 1px solid #e7e7e7; background: #030; }
#nav li { position: relative; line-height: 29px; float: left; background: url(../images/icon-divider-2.png) no-repeat 100% 0; z-index: 101; }
#nav li a { display: block; padding: 0 15px; color: #fff; font-weight: bold; text-transform: uppercase; }
#nav li a:hover { background: #5d7595; } 
#nav li.current { background: #5d7595 url(../images/icon-divider-2.png) no-repeat scroll 100% 0;} /*#ED1B2E;*/
#nav li ul { display: none; position: absolute; left: 0; top: 29px; width: 170px; background: #00275d; }
#nav li:hover>ul { display: block; } /* 6 */
#nav li ul li { width: 100%; line-height: 22px; float: left; clear: left; padding: 0; background: url(../images/icon-dot.png) repeat-x 0 100%; }
#nav li ul li a { padding: 0 10px; color: #fff; font-weight: normal; text-transform: none; }
#nav li ul li.parent a { background: url(../images/icon-arrow.png) no-repeat 160px 70px; }
#nav li ul li.hover>a,
#nav li ul li a:hover { color: #00275d; background-color: #a9b6c8; background-position: 160px 7px; } /* 6 */
#nav li ul ul { position: absolute; left: 170px; top: 0; background: #a9b6c8; }
#nav li ul ul a { color: #00275d; }
#nav li ul ul a:hover { color: #fff; background: #00275d url(../images/icon-dot.png) repeat-x 0 100%; }


/* breadcrumb */
#breadcrumb { background: #fff; padding: 3px; padding-left: 10px; }

/* content */
#content .subnav { height: 35px; background: url(../images/bg-subnav.png) repeat-x 0 0; }
#content .subnav li { height: 23px; float: left; padding: 0 1px 0 0; background: url(../images/icon-dot.png) repeat-y 100% 0; }
#content .subnav a { height: 23px; float: left; padding: 0 8px;background: url(../images/bg-subnav-act.png) repeat-x 0 -100px;  }
#content .subnav a.active,
#content .subnav a:hover { color: #fff; background-position: 0 0; }
.subnav a { font-weight: bold; }
.subnav .item-1 a { color: #f58026; }
.subnav .item-2 a { color: #c41230; }
.subnav .item-3 a { color: #0079c2; }
.subnav .item-4 a { color: #47aa42; }
.subnav .item-5 a { color: #4e2683; }
.subnav .item-6 a { color: #e50278; }

/* sub-section */
.sub-section { float:left; width:330px; margin:0 20px 20px 0; height:125px; }
.sub-section img { float:left; margin: 0 10px 5px 0; }

/* bar */
.col .add-mod { margin: 0 0 11px; border: 1px solid #d6d6d6; }
.col .add-mod img { display: block; }

/* sub menu */
.col-left { width: 230px; float: left; }

.col-left #menu {}

.col-left #menu #menu-head { background: #030; color:#fff; display: block; padding: 3px 10px; border-bottom: 1px solid #fff; font-weight: bold; text-transform: uppercase; }
.col-left #menu #menu-head a { color:#fff; font-weight: bold; }

.col-left li a { display: block; padding: 3px 10px; border-bottom: 1px solid #fff; color: #00275d; background: #e6e6e6 url(../images/icon-dot-3.png) repeat-x 0 -10px; font-weight: bold; text-transform: uppercase; }
.col-left li.active a,
.col-left li a:hover {padding-bottom: 4px; border: 0; background-color: #dedede; background-position: 0 100%; }
.col-left li li a { padding-left: 25px; color: #375c91; }
.col-left li li.active a,
.col-left li li a:hover { background-color: #bac2cd; }
.col-left li li li a { padding-left: 50px; }

.col-right { width: 144px; float: right; padding: 0 8px 0 0; }
.col-right .box { margin: 0 0 2em; }
.col-right .box h5 { color: #030; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.col-right .box li { line-height: 14px; margin: 0 0 -1px; padding: 4px; border: 1px solid #d6d6d6; color: #00275d; background: #e5e5e5 url(../images/bg-gradient-1.png) repeat-x 0 0; }
.col-right .box li a { display: block; color: #00275d; font-weight: bold; }
.col-right .box li a.download { min-height: 22px; padding: 0 0 0 25px; background: url(../images/icon-pdf.png) no-repeat 0 0; }

/* footer */
#footer { height: 171px; clear: both; color: #666465; background: url(../images/bg-footer.png) repeat-x 0 100%; }
#footer .inner { width: 944px; margin: 0 auto; padding: 0 7px; }
#footer .related-mod { width: 640px; float: left;  }
#footer .related-mod h5 { margin: 0 0 6px; padding: 0 0 2px; color: #c2c2c2; background: url(../images/bg-line.png) no-repeat 0 100%; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
#footer .related-mod ul li { display: inline; padding: 0 10px 0 0; }
#footer .subnav { width: 295px; height: 100px; float: right; padding: 15px 0 0; }
#footer .subnav li { width: 49px; height: 49px; float: left; text-align: right; }
#footer .subnav a { display: block; width: 37px; height: 25px; line-height: 11px; padding: 24px 6px 5px; }
#footer .subnav .item-1 a { background: url(../images/bg-subnav-item-1.png) no-repeat 0 0; }
#footer .subnav .item-2 a { background: url(../images/bg-subnav-item-2.png) no-repeat 0 0; }
#footer .subnav .item-3 a { height: 36px; padding-top: 13px; background: url(../images/bg-subnav-item-3.png) no-repeat 0 0; }
#footer .subnav .item-4 a { height: 36px; padding-top: 13px; background: url(../images/bg-subnav-item-4.png) no-repeat 0 0; }
#footer .subnav .item-5 a { height: 36px; padding-top: 13px; background: url(../images/bg-subnav-item-5.png) no-repeat 0 0; }
#footer .subnav .item-6 a { background: url(../images/bg-subnav-item-6.png) no-repeat 0 0; }
#footer #copy { clear: both; text-align: right; }
#footer .nav { text-align: right; }
#footer .nav li { display: inline; padding: 0 0 0 9px; background: url(../images/icon-divider-1.png) no-repeat 0 60%; }
#footer .nav li a { color: #666465;}
#footer .nav li:first-child { background: none; } /* 6 */