body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%; color: #111; background: #c2ceff; }

* { padding: 0; margin: 0; }
a img { border: none; }
a, a:hover { text-decoration: none; }
a, h2 a:hover, #header1 a:hover { color: #0a0aff; }
h2, h2 a { color: #111; }
h2, h3, h6 { font-weight: normal; }
h4, h5 { font-weight: bold; }
h5, h6 { text-transform: uppercase; letter-spacing: 1px; }

#outer { width: 90.1em; margin: 0 auto; padding: 0.3em 0; }
#page { position: relative; background: #fff; padding: 2.2em; }

#menu_outer  { position: absolute; top: 20px; left: 23px; width: 85em;} 
.menu  { position: relative; list-style: none; z-index: 50;  border-width: 0 0 0.1em 0.1em; border-style: solid; border-color: #ddd; }
.menu a  { display: block; font-size: 1.1em; line-height: 1.2em; padding: 0.6em 0.8em; border-width: 0.1em; border-left-width: 0; }
.menu a { color: #111; background: #efefef; text-transform: uppercase; letter-spacing: 2px; border-color: #ddd; border-style: solid; }
.menu a:hover { color: #111; background: #ddd; }
.menu ul  { position: absolute; width: 15em; visibility: hidden; list-style: none; z-index: 110; }
.menu ul a  { width: 11.8em; border-left-width: 0.1em; }
.menu ul li  { width: 15em; clear: both; }
.menu li  { position: relative; float: left; margin-bottom: -0.1em; }
.menu .current a { cursor: text; color: #111; background: #fff; border-bottom-color: #fff;  }
.menu .current a:hover { color: #111; background: #fff; }
.menu .right  { float: right; }
.menu .right a { padding-right: 16px; background: #fff; border: none; }
.menu .right a:hover { text-decoration: underline;  border: none; }

#header { padding: 2.2em 1.1em; border-style: double; border-color: #ddd; border-width: 0 0 0.3em 0; clear: both;}
#header1 { font-size: 3.6em; font-weight: bold; color: #2E3785; line-height: 1.2em; position: absolute; top: 2em; left: 0.8em; }
#header3 { margin-top: 5em;  font-size: 1.4em; line-height: 1.5em; color: #888; font-weight: normal; }
.logo { position: absolute; top: 6em; right: 3em;}

#main_content_area { width: 100%; background: url('../image/bg.gif') 58.4em 0 repeat-y;}
#content { width: 58.4em; float: left; }
.inner_content { padding-top: 2.2em; border-style: dotted; border-color: #bbb;  border-width: 0.1em 0 0 0; clear: both; }
.inner_content, #main_content_area .page { margin: 0 2.3em 0 1.1em; } 
.top { border: none; }

.content_block { font-size: 1.4em; line-height: 1.6em; }
.content_block p { margin-bottom: 1.6em; }
.content_block a { text-decoration: underline; }
.content_block a:hover { text-decoration: none; }
.content_block h1 { color: #0a0aff; font-size: 1.4em; font-variant: small-caps; margin: 1em 0 1.7em 0; }
.content_block h2 { font-weight: bold; }
.content_block h2, .content_block h3 { font-size: 1.3em; line-height: 1.2em; margin: 1.8em 0 0.6em 0; }
.content_block h2.top, .content_block h3.top { margin-top: 0 !important; }
.bdr1 { border: 1px solid black; padding: 20px; } 
#center_t { text-align: center;}
.center_t { text-align: center;}
.marg { margin: 0 1em; padding: 0 2em;} 
.none1 {list-style-type: none; padding: 0px; margin: 0px; } 
.listpad { list-style-type: none; padding: 0 20px; margin: 0px; }
.bdr { border: 1px solid black; }
.blupad { color: #013f70; padding: 0 10px 0 0;} 
.blupad1 { color: #013f70; padding: 0 35px 0 0;}
.blupad2 { color: #013f70; padding: 0 39px 0 0;}
.blupad3 { color: #013f70; padding: 0 44px 0 0;} 
#center_t hr { width: 50%; height: 1px; color: silver; margin: 0 auto;  background-color: silver; height: 1px;  border: none; padding: 0;} 

img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.left { float: left; margin:1em 1em 1em 0.5em;}
img.right { float: right; }
img.borderp { border: 1px solid black; padding: 15px;}
img.pad { padding: 15px;}

fieldset { border: none; }
.fields1 {width: 450px; }
form { padding: 1px; }
label { display: block; }
label span { width: 7em; float: left; }
.fields1 input { width: 15em; }
#submit { margin-left: 7em; width: 5em; } 

.am { width: 250px; float: left; padding: 25px 0 0 20px; } 
.sprim iframe { margin:0 30px; }
.sprim hr { color: silver; }
.boxrightl { float: right; display: block; width: 280px; } 

#sidebar_main { width: 27.2em; border: 0; float: right; }
.sidebar { width: 100%; }
.sidebar .sb_head { color: #3b3c47;  font-size: 1.5em;  font-variant: small-caps; letter-spacing: 2px; line-height: 1.4em; margin-bottom: 0.7em; }
.sidebar a:hover { text-decoration: underline; }
.sidebar ul.sidebar_list { padding-right: 1.1em; padding-left: 1.1em; }
#sidebar_list { padding: 0 1.1em; list-style: none; }

#sidebox_top { padding: 1.1em; margin-bottom: 2.2em; }
.sidebox_bg { background: #eee; border-style: solid; border-color: #ddd; border-width: 0 0 0.1em 0;  }
#sidebox_image img { display: block; padding: 0.1em; border-width: 0.1em; background: #fff; border-style: solid; border-color: #bbb; }
#sidebox_image img.square { width: 24.6em; height: 24.6em; }

.sidebar_section { width: 100%; font-size: 1.3em; line-height: 1.3em; margin-bottom: 2.8em; list-style: none; }
.sidebar_section li { margin-bottom: 0.7em; }
.sidebar_section a { text-decoration: none; }
.sidebar_section a:hover { text-decoration: underline; }
#sidebar_list .current a { cursor: text; color: #111; background: #fff; border-bottom-color: #fff; text-decoration: none;  }

.bookft{color: #888; font-size:.9em; padding:0 30px;} 

#footer { color: #888; padding: 3em 1.1em 1.1em 1.1em; border-width: 0.3em 0 0 0; border-style: double; border-color: #ddd; text-align: right; clear: both; }
#footer a { color: #888; border-bottom: 1px solid #ccc; }
#footer a:hover { color: #111; }
#footer p { font-size: 1.2em; line-height: 1.7em; }

.menu:after, #main_content_area:after, #sidebar_main:after, .format_text:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }