/* @group General Styles */
* {padding: 0px;}
html {height: 100%;}
body {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0 20px 20px; text-align: center; background: repeat url(images/body_bg.gif) center top; padding: 0;}
p {padding-bottom: 10px;}
b, strong {}


img {border: none;}
#contentContainer .image-left {float: left; margin: 0px 10px 0px 0; padding: 0px 20px 0px 0; position: relative;}
#contentContainer .image-right {float: right; margin: 0px 0px 0px 10px; padding: 0px 0 0px 20px; position: relative;}      
/* @end */

/* @group Layout */

#container {background: url(images/content_bg.gif) center top;/* This Is The BG Color Of The Main Div */
      margin: 0px auto; /* Right And Left Margin Widths To Auto */
      text-align: left; /* Hack To Keep IE5 Windows Happy */
      position: relative; height: 100%; width: 1000px;}
.clearer {clear: both;}
#pageHeader {background: url(images/header_bg_1.jpg) center top; height: 315px; position: relative; margin-top: 0px; margin-bottom: 0px;}
#contentContainer {width: 610px; margin-top: 60px;}
#contentContainer #content {margin-left: 60px; margin-bottom: 40px; width: 550px; }
#sidebarContainer {float: right; margin-top: 10px; width: 322px; height: 100%;}
#sidebarContainer #sidebar {color: #505050; width: 216px; background: url(images/sidebar_back.gif); }

#sidebarContent {font-family: Arial, Helvetica, sans-serif; color:#333333; height: 100%; margin: 0px 10px;}
#sidebarContent a {color: #333333; text-decoration: none;}

#footer {background: url(images/footer_bg.gif); height: 125px;}
#footer p {padding: 40px 0px 10px 60px; font-size: 0.85em;}
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {position: absolute; left: -1000px; top:-1000px; display: none;}
/* @end */

/* @group Toolbar */

/* Toolbar Styles */
#navcontainer {padding: 25px 0px 10px 0px; }
#navcontainer ul {padding: 0; list-style: none; margin: 0 0 0 20px;}
#navcontainer li {position: relative; display: inline; float: left;  }
#navcontainer a {display: block; color: #333; padding: 4px 15px 4px 15px; text-decoration: none; text-align: center; border-right: 1px solid #ccc; font-size: 0.85em; font-weight: lighter; line-height: 14px;}
#navcontainer a:hover {padding: 5px 15px 3px 15px;}
#navcontainer #current, #navcontainer .currentAncestor {border-top: 2px solid #f77f47; padding: 5px 15px 1px 15px;}

#side-navcontainer {position: absolute; left: 50%; margin-left: -480px; top: 278px; width: 800px; }
#side-navcontainer ul {list-style: none; line-height: 0px; margin-left: 0px;}
#side-navcontainer ul li {line-height: 0px;}
#side-navcontainer ul li {line-height: 1.2em; float: left;}
#side-navcontainer ul li a {font-size: 1.2em; border-right: 1px solid #6e3832; display: block; padding: 3px 15px 2px 15px; color: #fff; text-decoration: none; background: #f77f47; margin-top: 5px;}
#side-navcontainer ul li a:hover {display: block; padding: 3px 15px 7px 15px; margin-top: 0px;}
#side-navcontainer ul li a:active {color: #000; padding: 3px 15px 7px 15px; margin-top: 0px; background: #bb633d;}
#side-navcontainer #current {background: #bb633d; color: #ffffff; padding: 3px 15px 7px 15px; margin-top: 0px;}
#side-navcontainer ul ul {display: none;}

#sub-navcontainer {position: absolute; left: 50%; margin-left: -480px; top: 308px; width: 800px; }
#sub-navcontainer ul a {display: none; padding: 0px; }
#sub-navcontainer ul {list-style: none; line-height: 0px;margin-left: 0px;}
#sub-navcontainer ul li {line-height: 0px;}
#sub-navcontainer ul ul {display: block; }
#sub-navcontainer ul ul li {margin-bottom: 2px; line-height: 1.2em; float: left;}
#sub-navcontainer ul ul li a {font-size: 1em; border-right: 1px solid #6e3832; display: block; padding: 2px 10px; color: #000; text-decoration: none;}
#sub-navcontainer ul ul li a:hover {display: block; background: #eee;}
#sub-navcontainer ul ul li a:active {background: #ddd;}
#sub-navcontainer #current {color: #000; }

/* End */



/* @group Global Classes */

blockquote, .standout {color: #96a7bb; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
h1 {font-size: 1.6em; line-height: 1.2em; color: #666; font-weight: normal; margin: 30px 0px 0px 0px; padding: 0px 0px 10px 0px;}
h2 {font-size: 1.25em; line-height: 1.5em; color: #666; font-weight: normal; margin: 20px 0px 10px 0px; padding: 13px 0px 6px 10px; border-left: 1px solid #ddd; background: url(images/h2_bg.jpg) right top;}
#sidebar h2 {background: none; text-align: center; border-left: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; border-bottom: 1px solid #d0e1bc; margin: 0px 0px 30px 0px; padding: 0px 0px 13px 0px; color: #508c00;}

h3 {font-size: 1.3em; color: #8c855d; font-weight: normal;}
h4 {}
.imageStyle {}
hr {border: none; margin: 10px 0px 10px 0px; height: 1px; background: #bbb8ab;}
#contentContainer a {text-decoration:none; color: #5a2e1a; padding: 5px 2px 5px 30px; margin-left: -5px; background: url(images/link_bg.jpg) no-repeat; }
#contentContainer a:hover {background: url(images/link_over_bg.jpg) no-repeat;}
#contentContainer a:active {background: url(images/link_active_bg.jpg) no-repeat;}


/* Main content area unordered list styles */
#contentContainer #content ul {list-style: disc; margin: 0px 15px; padding-bottom: 20px;}
#sidebarContainer #sidebar ul {margin: 10px 15px; padding: 0;}
#sidebarContainer #sidebar li {margin: 2px 0px;}
/* Table Styles */
table {font-size: 1em;}      
/* @end */

/* Form Styles */
form {background: url(images/form_bg.jpg); width: 470px; height: 531px; padding: 80px 70px 0px 40px;}
label {font-family: "Courier New", Courier, monospace; font-size: 14px;}
select {float: right; width: 200px; margin-top: -18px;}
input, textarea, select {padding: 3px 4px; background:#fff; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: url(images/input_bg.jpg);}
textarea {height: 100px; }
.form-input-button {width: 200px; height: 60px; background: none; border-right: none; border-bottom: none;}