BODY { background: #EBE7D9; font-family: Arial,Sans-serif,Verdana,Geneva; }

.main-wrapper { position: relative; width: 100%; margin: 0 auto; }
.page-wrapper { width: 900px; margin: auto; position: relative; background: #ffffff; }

/*************************************
 * HEADER ****************************
 *************************************/

.header-wrapper { float: left; width: 900px; height: 120px; background: #ffffff url('../img/header-bg.png') top left repeat-x; }

.header-left { float: left; width: 290px; height: 120px; }
.header-right { float: left; width: 610px; height: 120px; }

.header-section-switch { float: left; clear: both; width: 280px; height: 45px; padding-left: 10px; }
.header-section-switch ul { float: left; }
.header-section-switch ul li { float: left; height: 20px; padding-top: 20px; }
.header-section-switch ul li a { float: left; height: 15px; color: #ccc2aa; background: #a7998e; padding: 5px 18px 0 18px; font-size: 0.9em; font-weight: bold; }
.header-section-switch ul li a:link, .header-section-switch ul li a:active, .header-section-switch ul li a:visited, .header-section-switch ul li a:hover { text-decoration: none; }
.header-section-switch ul li.active { background: #857762; }
.header-section-switch ul li.active a { background: #857762; color: #FFFFFF; }

.header-logo { float: left; width: 290px; height: 80px; background: transparent url('../img/kgb_logo.jpg') no-repeat; }
.header-right-menu { float: left; width: 610px; height: 89px; border-bottom: 1px solid #b2b2b2; }

/*************************************
 * MENU ******************************
 *************************************/

.header-menu { float: left; height: 89px; }
.header-menu li { float: left; height: 44px; padding-top: 45px; }
.header-menu li a { float: left; clear: both; height: 28px; padding: 24px 17px 0 17px; font-size: 0.95em; font-weight: bold; }
.header-menu li a:link, .header-menu li a:visited, .header-menu li a:active { text-decoration: none; color: #857362; }
.header-menu li a:hover { color: #de4732; }

.header-menu li.active { background: url('../img/header-menu-item-active.png') top left repeat-x; }
.header-menu li.active a, .header-menu li.active a:link, .header-menu li.active a:active, .header-menu li.active a:visited, .header-menu li.active a:hover { color: #ffffff; }

.header-right-extranet { float: right; width: 100px; height: 30px; padding: 15px 15px 0 0; text-align: right; }
.header-right-extranet a, .header-right-extranet a:link, .header-right-extranet a:active, .header-right-extranet a:visited { font-weight: bold; text-decoration: none; color: #fff; font-size: 0.9em; }


.sub-menu { border-top: 1px solid #b2b2b2; width: 130px; }
.left-menu { border-top: 1px solid #b2b2b2; width: 245px; }
.left-menu li, .sub-menu li { float: left; clear: both; border-bottom: 1px solid #b2b2b2; margin: 0; padding: 0; }
.sub-menu li a, .sub-menu li a:link, .sub-menu li a:visited, .sub-menu li a:active { float: left; width: 120px; height: 13px; padding: 5px 0 5px 10px; margin: 0; color: #857762; font-family: "Trebuchet MS"; font-size: 0.9em; text-decoration: none; }
.sub-menu li a:hover, .left-menu li a:hover { color: #DE4732; }

.left-menu li.active, .sub-menu li.active { background: #DE4732; }
.sub-menu li.active a, .sub-menu li.active a:link, .sub-menu li.active a:visited, .sub-menu li.active a:active, .sub-menu li.active a:hover,
.left-menu li.active a, .left-menu li.active a:link, .left-menu li.active a:visited, .left-menu li.active a:active, .left-menu li.active a:hover
{ color: #fff; }

.left-menu li, left-menu li a, .left-menu li a:link, .left-menu li a:visited, .left-menu li a:active { float: left; width: 230px; padding: 0; margin: 0; color: #857762; font-family: "Trebuchet MS"; font-size: 0.95em; font-weight: bold; text-decoration: none; }
.left-menu li { width: 230px; padding: 7px 5px 7px 10px; }
.left-menu li a { padding: 5px; height: 13px; }
.left-menu li a:hover { color: #DE4732; }

.left-menu li a.external { background-image: url('../img/external-link.png'); background-position: right 0px; background-repeat: no-repeat; }
.left-menu li a.external:hover { background-position: right -13px;}

/*************************************
 * BREADCRUMBS ***********************
 *************************************/

 .header-breadcrumb { float: left; width: 590px; height: 30px; padding-left: 20px; }

.breadcrumb { float: left; border-bottom: 1px dotted #C9C0B9; font-size: 0.9em; color: #A7998E; padding: 10px 0 0 0; line-height: 12px;}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover { color: #A7998E; text-decoration: none; }

/*************************************
 * PAGE PARTS ************************
 *************************************/
.page-left { float: left; width: 250px; height: 380px; padding: 0 20px 35px; }
.page-center { float: left; width: 398px; padding: 20px; border: 1px solid #B2B2B2; }
.page-right { float: right; width: 130px; display: inline; margin: 0 20px 0 0; }
.page-footer { float: left; width: 900px; height: 125px; background-color: #857762; position: relative;}

.page-section-extranet .page-right { display: none; }
.page-section-extranet .page-center { width: 540px; }
.page-section-extranet .page-center-video { width: 820px; margin-left: 20px; }
.page-section-extranet .header-right-menu { border-bottom: 0; height: 120px; }
.page-section-extranet .header-right-menu .announcement { float: left; width: 550px; height: 75px; padding-left: 50px; background: url('../img/extranet/announcement.jpg') center left no-repeat; }
.page-section-extranet .header-right-menu .announcement table { float: left; width: 520px; height: 75px;}
.page-section-extranet .header-right-menu .announcement table td { width: 500px; height: 55px; padding: 10px; font-size: 11px; color: #DE4732; }
.page-section-extranet .header-right-menu .announcement table td p { margin: 0; padding: 0; }

/*************************************
 * FOOTER ***********************
 *************************************/
.footer-top { float: left; width: 900px; height: 27px; border-top: 10px solid #ffffff; background: #E9E4E0; }
.footer-top-left { float: left; width: 710px; height: 27px; padding: 0 15px 0 15px; font-family: "Trebuchet MS", "Arial"; font-size: 0.8em; line-height: 27px; }
.footer-top-left, .footer-top-left a, .footer-top-left a:link, .footer-top-left a:visited, .footer-top-left a:active { color: #857762; text-decoration: none; }

.page-footer-logos { float: right; width: 100px; height: 120px; position: absolute; right: 35px; top: -120px;  }
.page-footer-logos a { float: left; clear: both; padding-top: 20px; border: 0; }

/*************************************
 * HEAD STYLES ***********************
 *************************************/
P { padding-bottom: 15px; }
H1 { color: #DE4732; font-size: 1.3em; font-weight: bold; padding-bottom: 15px; }
H2 { color: #857762; font-size: 1.15em; font-weight: bold; padding-bottom: 10px; }
H3 { color: #857762; font-size: 1.0em; font-weight: bold; padding-bottom: 5px; }

.page-center UL { list-style-type: disc; list-style-position: outside;  padding-left: 20px; padding-bottom: 20px;}
.page-center UL LI { padding-left: 5px; }

.page-center a:link, .page-center a:visited, .page-center a:active { color: #DE4732; text-decoration: none; }
.page-center a:hover { color: #DE4732; text-decoration: underline; }

.participants-list { width: 100%; font-size: 0.9em; border: 0; border-top: 1px solid #CCC2AA; border-collapse: collapse; margin: 0; padding: 0; }
.participants-list td { font-size: 0.98em; margin: 0; padding: 5px 10px 5px 3px; }
.participants-list tr td { border-bottom: 1px solid #CCC2AA; }

.extranet-event { float: left; width: 520px; background: #E9E4E0; border: 0px solid #857762; padding: 10px; margin-top: 10px; }
.extranet-event table { width: 100%; padding: 0; margin: 0; border: 0; border-collapse: collapse; }
.extranet-event table td, .extranet-event table th { padding: 0; margin: 0; border: 0; border-collapse: collapse; text-align: left; vertical-align: top; }
.extranet-event table th { padding-right: 10px; height: 20px; width: 80px; }
.extranet-event p { padding: 10px 0 0 0; }

div.search { background-color: #fff; border: 1px #aea28a solid; padding: 10px; width: 380px; margin-right: -10px; margin-bottom: 25px; }

.section-choices { float: left; clear: none; padding-top: 20px; width: 440px; }
.section-choice { float: left; width: 211px; height: 120px; padding-right: 18px; padding-bottom: 20px; }
.section-choice-business { padding-right: 0; }
.section-choice a, .section-choice a:link, .section-choice a:visited, .section-choice a:active, .section-choice a:hover { float: left; width: 211px; height: 120px; position: relative; }
.section-choice a img { position: absolute; left: 0; top: 0; width: 211px; height: 120px; background: #CCC2AA; }
.section-choice a .inactive { display: block; }
.section-choice a .active { display: none; }
.section-choice a:hover .inactive { display: none; }
.section-choice a:hover .active { display: block; }


ul.downloads-list { float: left; width: 100%; padding: 0 0 20px 0; list-style-type: none; }
.downloads-list li { float: left; clear: both; width: 100%; padding: 3px 0 2px 20px; height: 20px; line-height: 20px; }
.downloads-list li a { float: left; clear: both; }
.downloads-list li a .icon { float: left; height: 16px; width: 16px; padding: 2px; background: transparent url('../img/icons/files/unknown.png') center center no-repeat; }
.downloads-list li a .name { float: left; height: 20px; padding: 0 0 0 3px; }

.contact-left { float: left; width: 185px; padding-right: 10px; }
.contact-right { float: left; width: 180px; border: 1px solid #ccc; padding: 10px; }

.form-error { color: #DE4732; font-size: 0.9em;}
.input-text-error, .input-textarea-error { border-color: #DE4732 !important; }
.form-radios { float: left; width: 100%; clear: both; }

.page-controller-login .header-wrapper { height: 45px; }
.page-controller-login .page-left { display: none; }
.page-controller-login .page-center { width: 900px !important; padding:0; border: 0 none; background: transparent url('../img/extranet/login-bg.jpg') bottom right no-repeat; }
.page-controller-login .footer-top { border: 0 none; }
.page-controller-login .header-right-menu { display: none; }
.page-controller-login .form-item { float: left; clear: both; padding: 2px 0 3px 0; }
.page-controller-login .form-item label { float: left; width: 120px; height: 13px; line-height: 13px; }
.page-controller-login .form-item input { float: left; padding-right: 5px; }
.extranet-login { float: left; width: 860px; height: 199px; padding: 70px 20px 0 20px; }
.extranet-login form { float: left; width: 400px; }

form {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
label {
    clear: both;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}
input {
    padding: 0;
    margin: 0;
}
textarea {
    padding: 0;
    margin: 0;
}
.input-text, .input-password {
    border: solid 1px #867762;
    -moz-border-radius: 3px;
    background: transparent url('../img/input-text.jpg') repeat-x top;
    height: 17px;
    width: 126px;
    padding: 1px 7px 2px 7px;
    font-size: 1em;
    margin-top: 3px;
}
textarea {
    border: solid 1px #867762;
    -moz-border-radius: 3px;
    background: transparent url('../img/input-textarea.jpg') repeat-x top;
    padding: 2px 7px 5px 7px;
    height: 63px;
    width: 164px;
}
.input-submit {
    border: none;
    -moz-border-radius: 3px;
    background: transparent url(../img/input-button.jpg) repeat-x top;
    padding: 0;
    margin-top: 10px;
    float: right;
    height: 22px;
    width: 70px;
    font-size: 1.1em;
    color: #fff;
    font-weight: bold;
    font-family: "Trebuchet MS",Times,Serif;
}

input.search {
	margin: 28px 100px 0 0;
	float: right;
}

div.select {
    float: left;
}

div.search-field {
    float: left;
}
input[name="edit[plan]"] {
    margin: -42px 0 0 320px;
    float: left;
    width: 80px;
}

input#edit-search {
    width: 184px;
    margin-bottom: 20px;
}

input#edit-route {
    width: 280px;
    margin-bottom: 20px;
}
.radio-label {
	margin: 0;
	padding: 0 10px 0 0;
    width: 100px;
    display: inline;
}

.form-remember { float: left; clear: none; width: 500px; padding-top: 10px !important; padding-left: 113px !important;  }
.form-remember label { float: left; clear: none;  width: 470px !important; margin: 0; }
.form-remember input { float: left; clear: none; width: 30px; }