/************************************
         TABLE OF CONTENTS          *
*************************************
1. GLOBAL                           *
2. LAYOUT                           *
3. HEADER                           *
4. LEFT NAVIGATION                  * 
5. RIGHT SIDEBAR                    *
6. MAIN CONTENT AREA                *
7. FOOTER                           *
************************************/

/************************************
1. GLOBAL STYLES
************************************/
html * {
 padding: 0;
 margin: 0;
 }
body {
 font-family: lucidia sans unicode, lucidia grande, tahoma, sans-serif;
 background-color: #FFF;
 }
.left {
 float: left;
 }
.right {
 float: right;
 }
.clear {
 clear: both;
 }
.inline {
 display: inline;
 }
 
/************************************
2. LAYOUT STYLES
************************************/
body {
 padding: 5px;
 }
#header {
 height: 77px;
 }
#main {
 height: auto;
 padding: 10px 260px 10px 210px;
 }
#nav {
 width: 199px;
 height: 350px;
 float: left;
 }
#sidebar {
 width: 224px;
 min-height: 330px;
 height: auto !important;
 height: 330px;
 float: right;
 margin: 20px 0;
 padding: 0 5px 0 10px;
 border-left: #808080 1px solid;
 }
#footer {
 height: 30px;
 clear: both;
 margin-top: 5px;
 }
 
/************************************
3. HEADER STYLES
************************************/
#header {
 background: url(img/header-bg.png) repeat-x;
 }
#header h1 {
 height: 33px;
 padding-top: 4px;
 font-size: 33px;
 font-family: verdana, sans-serif;
 }
#header h2 {
 height: 22px;
 padding: 4px 0 14px 0;
 font-size: 22px;
 font-weight: normal;
 font-family: verdana, sans-serif;
 color: #555;
 }
#header img.logo {
 border: 1px solid black;
 margin: 8px 5px 0 5px;
 }
#search {
 background: url(img/header-bg-right.png) no-repeat right top;
 height: 67px;
 width: 240px;
 float: right;
 margin-top: -77px;
 padding: 5px;
 }
 /************************************
4. LEFT NAVIGATION STYLES
************************************/
#nav {
 clear: both;
 background: #D1D7E2 url(img/nav-bg-left.png) repeat-y;
 border: #6D6D6D solid;
 border-width: 0 1px 0 0;
 }

#nav ul {
 margin-top: 0.5em;
 padding-left: 4px;
 font-size: 0.9em;
 font-weight: bold;
 list-style: none;
 }
#nav ul li {
 line-height: 20px;
 vertical-align: middle;
 padding-left: 1.5em;
 }
#nav ul li a {
 display: block;
 text-decoration: none;
 color: black;
 }
#nav ul li.current {
 background: url(img/nav-current-bg.png) repeat-x;
 }
#nav ul li:hover {
 background: url(img/nav-hover-bg.png) repeat-x;
 }
 
/************************************
5. RIGHT SIDEBAR STYLES
************************************/
#sidebar h3 {
 color: #7487AD;
 }
#sidebar h4 {
 color: #D35232;
 text-decoration: underline;
 font-size: 0.9em;
 font-weight: normal;
 letter-spacing: 0.05em;
 }

#sidebar>p {
 font-size: 0.8em;
 line-height: 1.5em;
 margin-bottom: 1em;
 color: #606060;
 }
#sidebar a {
 color: #D35232;
 text-decoration: none;
 }
#sidebar a:hover {
 text-decoration: underline;
 }

#sidebar .alert {
 border-top: 2px solid #D35232;
 border-bottom: 2px solid #D35232;
 background-color: #F0C9BC;
 font-size: 0.8em;
 line-height: 1.5em;
 margin-bottom: 1em;
 color: #606060;
 padding: 0.4em; 
 }
#sidebar .alert a {
 color: #7487AD;
 }
 
#sidebar .notice {
 border-top: 2px solid #E2C822;
 border-bottom: 2px solid #E2C822;
 background-color: #FFF9D7;
 font-size: 0.8em;
 line-height: 1.5em;
 margin-bottom: 1em;
 color: #606060;
 padding: 0.4em; 
 }
#sidebar .notice h4 {
 margin-bottom: 0.5em;
 }
#sidebar .notice a {
 color: #7487AD;
 }
 
/************************************
6. MAIN CONTENT AREA STYLES
************************************/
#main h1 {
 border-bottom: 2px solid #D35232;
 margin-bottom: 0.3em;
 font-family: century gothic, verdana, sans-serif;
 font-weight: normal;
 }
#main h2 {
 border-left: 0.5em solid #7487AD;
 border-top: 1px solid #7487AD;
 padding-left: 0.2em;
 }
#main h3 {
 border-bottom: 1px solid #D35232;
 }
#main h4 {
 border-bottom: 1px solid #7487AD;
 }
#main h5 {
 margin-left: 1.1em;
 border-bottom: 1px solid #E1E6EE;
 }
#main h6 {
 margin-left: 1.3em;
 border-bottom: 1px solid #F1F5FA;
 }

#main>p {
 font-size: 0.9em;
 line-height: 1.5em;
 margin-bottom: 1em;
 text-indent: 1em;
 }
 
#main a {
 text-decoration: none;
 }
#main a:hover {
 text-decoration: underline;
 }

#main .alert {
 border-top: 2px solid #D35232;
 border-bottom: 2px solid #D35232;
 background-color: #F0C9BC;
 font-size: 0.8em;
 line-height: 1.5em;
 margin-bottom: 1em;
 color: #606060;
 padding: 0.4em; 
 }
#main .alert h4 {
 margin-bottom: 0.5em;
 }
#main .alert a {
 color: #7487AD;
 }

#main .notice {
 border-top: 2px solid #E2C822;
 border-bottom: 2px solid #E2C822;
 background-color: #FFF9D7;
 font-size: 0.8em;
 line-height: 1.5em;
 margin-bottom: 1em;
 color: #606060;
 padding: 0.4em; 
 }
#main .notice h4 {
 margin-bottom: 0.5em;
 }
#main .notice a {
 color: #7487AD;
 }
 
#main ol {
 font-size: 0.95em;
 list-style-position: inside;
 margin: 0 0.3em 1em 2em;
 }
#main ol li {
 margin-bottom: 0.3em;
 font-weight: bold;
 color: #D35232;
 }
#main ol li span {
 color: black;
 font-weight: normal; 
 }
 
#main ul { 
 font-size: 0.95em;
 list-style-position: inside;
 list-style-type: none;
 margin: 0 0.3em 1em 2em;
 }
#main ul li {
 margin-bottom: 0.3em;
 padding-left: 18px;
 background: url(img/bullet.png) no-repeat 0% 50%; 
 }

#main blockquote {
 background: #F1F5FA url(img/blockquote-bg.png) no-repeat;
 border: 1px solid #E1E6EE;
 padding: 8px;
 margin-bottom: 1em;
 font-size: 0.9em;
 color: #606060;
 }
#main blockquote cite {
 display: block;
 border-top: 1px solid #DAD8DC;
 text-align: right;
 font-size: 0.8em;
 padding: 0.2em 0.3em 0 0;
 margin: 0.5em 1em 0 10em;
 color: #808080;
 }

#main pre {
 font-family: lucidia console, monospace;
 font-size: 0.8em;
 color: #F1F5FA;
 background-color: #808080;
 border: 3px solid #E1E6EE;
 margin-bottom: 1em;
 padding: 0.5em;
 overflow: auto;
 }

#main div.img {
 margin: 0 0.5em 0.2em 0.5em;
 background: url(img/img-bg.png) repeat-x;
 }
#main div.img img {
 margin: 0.3em;
 }
#main div.img p {
 background: url(img/caption-bg.png) repeat-x;
 font-size: 0.5em;
 line-height: 1.5em;
 color: #5B6873;
 margin: 0;
 padding: 0.2em;
 }

#main table {
 border-width: 1px 1px 1px 1px;
 border-spacing: 0px;
 border-style: none solid;
 border-color: white white white white;
 border-collapse: collapse;
 font-size: 0.8em;
 margin-bottom: 1em;
 }
#main table th {
 font-size: 1em;
 background: url(img/th-bg.png) repeat-x;
 background-position: bottom;
 }
#main table th, #main table td {
 border-color: #D9D9D9;
 border-width: 0 1px;
 padding: 0.3em 0.5em;
 border-style: none solid;
 }
#main table tr.odd {
 background-color: #F0F5FE;
 }

#main dl {
 font-size: 0.9em;
 line-height: 1.5em;
 margin-bottom: 1em;
 }
#main dl dt {
 color: #7487AD;
 font-weight: bold;
 }
#main dl dd {
 padding-left: 1em;
 margin-bottom: 0.5em;
 color: #606060;
 }

/************************************
7. FOOTER STYLES
************************************/
#footer {
 background: #ABABAA url(img/footer-bg.png) repeat-x;
 font-size: 0.8em;
 }
 
#footer ul {
 list-style: none;
 line-height: 26px;
 vertical-align: middle;
 padding-left: 10px;
 }
#footer ul  li {
 color: #494748;
 display: inline;
 border-left: 1px solid #545353;
 padding-left: 5px;
 }
#footer ul li.first {
 border-left: none;
 }
#footer ul li a {
 color: #000;
 text-decoration: none;
 }
#footer ul li a:hover {
 color: #000;
 text-decoration: underline;
 }

#copyright {
 background: url(img/footer-bg-right.png) no-repeat right top;
 height: 30px;
 width: 340px;
 margin-top: -26px;
 float: right;
 text-align: right;
 }
#copyright p {
 padding-right: 10px;
 line-height: 26px;
 vertical-align: middle;
 }
#copyright p a {
 color: #000;
 text-decoration: none;
 }
#copyright p a:hover {
 color: #000;
 text-decoration: underline;
 }