﻿/* {margin: 0; padding: 0;}*/
body { behavior: url("./csshover.htc"); }
html {direction: ltr;}
img {border: 0;}
.clear {clear:both; font-size: 0; line-height: 0;}

body {padding-right: 8px; font-size: 12px; font-family: arial; color: #000000; background: #ffffff url('./images/background-image.jpg') center repeat-y; margin: 0 auto; text-align: center; *padding-right: 7px;}

/* Main */
div#base {width: 779px; text-align: left; margin: 0 auto; border: 1px solid #000000; padding-left: 1px;}
div#base #topbar {width: 779px; height: 97px; background: #ffffff url('./images/background-topbar.jpg') center no-repeat;}
div#base #middle {width: 779px; background: #ffffff url('./images/background-middle.jpg') center repeat-y;}
div#base #footer {width: 739px; height: 21px; font-size: 10px; color: #0b549f; padding: 10px 20px 0 20px;  background: #ffffff url('./images/background-footer.jpg') left top repeat-x; border-top: 1px #000 solid;}
div#base #footer #createdby {float: left; display: inline;margin-top:0; }
div#base #footer #copyrights {float: right; display: inline;margin-top:0; }

/* Logo */
div#logo {margin: 10px 0 0 25px; width: 181px; height: 69px; float: left; display: inline;}
div#logo a {color: #000000;}
div#logo img {display: block; font-size: 0; line-height: 0;}

/* Search */ 
form#search {margin: 67px 44px 0 0; float: right; display: inline;}
form#search .field  {border: 0; width: 108px; height: 14px; background-color: transparent; font-size: 10px;}
form#search .submit {cursor: pointer; border: 0;  width: 50px; height: 18px; background-color: transparent; font-size: 14px;}

/* Big Image */
div#big_image {width: 779px; height: 216px; border-bottom: 1px solid #000000;}
div#big_image img {display: block; font-size: 0; line-height: 0;}

/* Content */
div#content {width: 779px; min-height: 255px; height:auto !important; height:255px; background: #e4eaea url('./images/background-content.jpg') left top no-repeat;}
div#content .text {width: 382px; float: left; display: inline; margin: 55px 0 0 25px; text-align: left; /*line-height: 1.3em;*/}
div#content .side_note {width: 292px; float: left; display: inline; margin: 55px 0 0 40px;}
div#content .side_note .txt {padding: 5px 15px; width: 262px; background: url('./images/side-note-text.jpg') left top repeat-y;}
div#content .side_note .sHead {font: bold 13px Verdana; color: #ffffff; padding-left: 15px; width: 277px; height: 20px; background: url('./images/side-note-header.jpg') left top no-repeat;}
div#content .side_note .sBott {width: 292px; height: 14px; background: url('./images/side-note-bottom.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#content .side_note p { margin:3px 0 3px; }
div#content .side_note ul { margin-top: 7px; margin-bottom: 7px; }

/* Side Menu */
div#side_menu {width: 191px; float: left; display: inline;}
div#side_menu img {display: block; width: 191px; height: 124px; font-size: 0; line-height: 0;}
div#side_menu .header,div#side_menu .header a {padding: 5px 10px; font: bold 13px arial; color: #00438c; border-bottom: 1px solid #a2a2a2; text-decoration: none;}
div#side_menu ul li,div#side_menu ul { list-style:none;list-style-type:none; }
div#side_menu ul li {padding: 5px 25px; border-bottom: 1px solid #a2a2a2; background: url('./images/side_menu_li.jpg') 10px 10px no-repeat;}
div#side_menu ul li a {display: block; width: 100%; height: 100%; font: bold 13px arial; color: #8a8a8a; text-decoration: none;}
div#side_menu ul li a:hover {color: #ffae00;}

/* Profile Content */
div#profile_content {width: 588px; margin-left: 0px; float: left; display: inline; padding-bottom: 20px;}
div#profile_content .top {width: 588px; height: 41px; background: url('./images/profile_content_top.jpg') center no-repeat; font-size: 0; line-height: 0;}
div#profile_content .nav {margin-left: 10px;}
div#profile_content .nav ul li {float: left; display: inline;}
div#profile_content .nav ul li,div#profile_content .nav ul { list-style:none;list-style-type:none; }
div#profile_content .nav ul li.spacer {margin: 0 3px; vertical-align: middle;}
div#profile_content .nav a {font-size: 10px; color: #878585; text-decoration: none;}
div#profile_content .nav a:hover {text-decoration: underline;}
div#profile_content .text {width: 340px; float: left; display: inline; margin-left: 50px; font-size: 10px; color: #32312e; /*line-height: 1.3em;*/}
div#profile_content .text h1 {font: bold 12px arial; color: #ffae00; text-decoration: underline; display: inline;}
div#profile_content .text p { margin:3px 0 3px; }

/* Menu */
div#menu {width: 779px; height: 33px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background: #ffffff url('./images/background-menu.jpg') left center repeat-x;}
div#menu ul {margin: 10px 0 0 15px; list-style:none;list-style-type:none;}
div#menu ul li {float: left; display: inline; list-style:none;list-style-type:none;}
div#menu ul li.spacer {margin: 0 5px; font-weight: bold; color: #41a3ef; }
div#menu ul li a {font-weight: bold; color: #1c3faa; text-decoration: none;}
div#menu ul li a:hover {text-decoration: underline;}
div#menu li { position: relative; display: block; float: left; }
* html div#menu li { float: left; }
div#menu li a { display: block; text-decoration: none; padding-bottom: 8px; }
div#menu>ul a { width: auto; }
div#menu ul ul { position: absolute; margin-top: 0; width: 100%; display: none; margin-left: 0;  left: 0; padding-left: 0; }
* html div#menu ul ul { margin-left: -1px; }
div#menu ul ul li { width: 10em; background-color: #d8d8d8; _clear: both; padding-left: 5px; border-top: 1px #eaeaea solid; border-bottom: 1px #9e9e9e solid; padding-top: 2px; padding-bottom: 2px; }
div#menu ul ul li:hover { background-color: #cacaca; } 
div#menu ul ul li:hover a { text-decoration: underline; display: block; } 
div#menu ul ul li a { padding-bottom: 0; line-height: 180%; }
div#menu ul.first li.submenu:hover ul { display: block; } 
div#menu ul.second { left: -1px; }
b,strong{ font-weight: bolder; }