/******* global tags/classes *******/
html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px; font: normal 11px arial; }
img { display: block; border: 0px; } 
table { margin: 0px; border-collapse: collapse; }
table td { padding: 0px; border: 0px; }
a { color: #D16F09; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 { font: bold 18px ahoma,arial; color: #D16F09; margin: 0px 0px 10px 0px ; }
h2 { font: bold 16px ahoma,arial; color: #D16F09; margin: 0px 0px 10px 0px ; }
h3 { font: bold 14px ahoma,arial; color: #D16F09; margin: 0px 0px 0px 0px ; }

/*input, textarea { font: normal 12px tahoma,arial; } */

.fw{ width: 100% ; }
.nw{ white-space: nowrap ; }
.small{ font-size:80% ; }
.normal { font-weight: normal; }

.layout { width: 780px; margin: 0px auto; }

/******* side navigation *******/
#nav { padding: 20px 0 20px 0; width: 160px; background: #E3E9EE; float: left; background: url('/images/bgr_blue.jpg') repeat-x; }
#nav a { font: normal 12px arial,tahoma,arial; color: #000; display: block; padding: 4px; text-decoration: none; border-bottom: 1px #FFF solid; background: #F3F5F7; }
#nav a:hover { background: #D4DDE5; }
#nav a.sub { font: normal 11px arial,tahoma,arial; color: #000; display: block; padding: 3px; padding-left: 15px; text-decoration: none; border-bottom: 1px #FFF solid; background: #F6F8F9; }
#nav a:hover.sub { background: #D4DDE5; }
#nav a.current , #nav a.current:hover{ background: #FFC369; }

 
/******* forms *******/
.form table { border: 2px #D4DDE5 solid; width: 1%; }
.form table td { font-weight:bold ; font-family:verdana; padding: 10px; color: #000; background: #F3F5F7; }
.form .odd { background: #F0F0F0; }
.form .even { background: #FAFAFA; }
.form .text { width: 150px; }
.button { font: bold 13px verdana; padding: 3px; margin: 0px auto; display: block; cursor: pointer; }
.minibutton { font: bold 11px verdana; padding: 1px; margin: 0px auto; display: block; width: 60px; cursor: pointer; }

.errors { padding: 0px; padding-left: 16px; margin: 0px; margin-bottom: 16px; }
.errors li { font: bold 13px verdana; color: #A00; }

/******* lists *******/
.list th{ text-align:left ; }
.list td, .list th{ padding: 3px 10px 3px 3px ; border-bottom:1px solid #D4DDE5 ; }

/******* header, menu *******/
.stripe { width: 100%; background: #D4DDE5; height: 4px; }
.header { width: 780px; }
.logo { width: 383px; height: 62px; float: left; }
#login_status{
 font: bold 13px verdana,arial;
 margin: 25px 0px 4px 0px ;
 float: right ;
 }
#login_status a{ font-weight: bold ; }

.search { float: right; margin: 4px 0px 0px 0px; }
.search td { vertical-align: bottom; }
.search_dropdown { width: 150px; height: 18px; margin: 0px; margin-right: 1px; font: bold 10px arial; color: #547698; padding: 0px 0px 0px 0px ; }
.search_box { width: 145px; height: 13px; margin: 0px; font: bold 10px arial; color: #547698; padding: 1px 0px 0px 3px ; border: 1px #BAC8D6 solid; }
.search_button { width: 33px; height: 16px ; margin: 1px; border: none; background: url('/images/search_go.gif') no-repeat; cursor: pointer; }


.menu { width: 780px; clear: both; }
.menu td { background: url('/images/header_bgr.gif') repeat-x; height: 53px; vertical-align: bottom; }
.menu td a { display: block; width: 129px; height: 25px; padding-top: 10px; text-align: center; font: bold 13px tahoma,arial; color: #666; background: none; text-decoration: none; border-right: 1px #FFF solid; }
.menu td a:hover , .menu td a.current{ display: block; height: 25px; padding-top: 10px; text-align: center; font: bold 13px tahoma,arial; color: #FFF; background: url('/images/button_bgr.gif') repeat-x; text-decoration: none; border-right: 1px #FFF solid; }
.menu td a.last { border-right: none; }
  

/******* body content *******/
.content , .content_narrow{ padding: 0px 0px 20px 0px; background: url('/images/bgr_blue.jpg') repeat-x; }
.content { width: 780px; }
.content_narrow{ width: 620px ; float:right ; }

/******* internal pages *******/
.page_title { background: #D4DDE5 no-repeat; border: 1px #BAC8D6 solid; height: 27px; }
.page_body { font: normal 13px arial; margin-top: 1px; color: #036; padding: 20px 10px 10px 10px; line-height: 20px; }

.iconcontent { clear: both; border-top: 1px #D4DDE5 solid; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; }
.iconcontent img { float: left; margin: 0px 20px 20px 0px; }
.iconcontent h1 { font: bold 18px arial; margin: 0px 0px 0px 0px; }


/******* homepage only *******/ 
#home .box_how { width: 380px; font: normal 13px arial; float: left; margin-right: 10px; }
#home .box_how .box_title { background: #D4DDE5 url('/images/title_how.gif') no-repeat; border: 1px #BAC8D6 solid; height: 27px; }
#home .box_how .box_body { margin-top: 1px; background: url('/images/bgr_blue.jpg') repeat-x; color: #036; padding: 10px; line-height: 20px; }
#home .box_recent { width: 380px; font: normal 13px arial; float: right; margin-left: 10px; }
#home .box_recent .box_title { background: #FFF0D8 url('/images/title_recenthome.gif') no-repeat; border: 1px #FEE2B6 solid; height: 27px; }
#home .box_recent .box_body { margin-top: 1px; background: url('/images/bgr_yell.jpg') repeat-x; color: #D16F09; padding: 10px; line-height: 20px; }
#home ul { margin: 0px; font: normal 11px arial; list-style-type: none; padding: 0px; }
#home ul a { font-size: 12px; color: #D16F09; text-decoration: underline; }
#home ul a:hover { font-size: 12px; color: #D16F09; text-decoration: none; }
#home ul a.author { color: #000; text-decoration: none; }
#home ul a.author:hover { color: #000; text-decoration: underline; }
#home li { background: no-repeat top left; margin: 0px 0px 10px 0px; padding-left: 20px; line-height: 14px; }
#home li.n1 { background-image: url('/images/1.gif'); }
#home li.n2 { background-image: url('/images/2.gif'); }
#home li.n3 { background-image: url('/images/3.gif'); }
#home li.n4 { background-image: url('/images/4.gif'); }
#home li.n5 { background-image: url('/images/5.gif'); }
  
.box_directory { width: 780px; clear: both; margin-top: 10px; }
.box_directory .box_title { background: #D4DDE5 url('/images/title_directory.gif') no-repeat; border: 1px #BAC8D6 solid; height: 27px; }
.box_directory .box_body { border-collapse: separate; border-spacing: 1px; width: 780px; }
.box_directory .box_body td { border: 0px; }
.box_directory .box_body a { padding: 4px 4px 4px 4px; background: #F3F5F7; border: 1px #BAC8D6 solid; font: normal 12px arial; color: #547698; text-decoration: none; display: block; height: 14px; }
.box_directory .box_body a:hover { background: #FFF0D8; border-color: #E8AF70; color: #D16F09; }


/******* footer *******/  
.footer { clear:both ; background: #F3F5F7; height: 100px; font: normal 11px arial; color: #FFC976; }
.footer .bar { height: 5px; border-bottom: 1px #FFF solid; background: #D4DDE5; }
.footer .content { width: 780px; margin: 0px auto; padding: 10px 0px 10px 0px; font-size: 11px; color: #A3B5C7; text-align: right; }
.footer .crown { display: inline; position: relative; top: 1px; }
.footer a { font-size: 11px; color: #A3B5C7; text-decoration: none; }
.footer a:hover { font-size: 11px; color: #A3B5C7; text-decoration: underline; }