/* copy the standard images folder into the root of this document */
/* hex colors used in this document  body  text */
*{margin:0px; padding: 0px;}

/* Wrap CSS */
body {color: #222B4D; background:#7DA2DD url(../images/bgt_body.jpg) repeat-x top;  font-family:Arial, Helvetica, sans-serif; font-size:small;}
.body_bgb {width: 100%; background:url(../images/bgb_body.jpg) repeat-x bottom;}
.wrap_bgt {width:970px; margin:0 auto; background: url(../images/bgt_wrap.jpg) repeat-x top; border: solid 0px #37678f}
.wrap_bgb {width:970px; margin:0 auto; padding: 20px 0px; background:url(../images/bgb_wrap.jpg) repeat-x bottom}
.wrap {width:950px; margin: 0px auto; text-align:left; background: #fff;  border: solid 2px #37678f}
.clearboth {clear:both}

/* Fonts */
h1{font-size:167%;} /*renders 22px */  
h2{font-size:152%;} /*renders 20px */ 
h3{font-size:136%;} /*renders 18px */ 
h4{font-size:122%;} /*renders 16px */ 
h5{font-size:107%;} /*renders 14px */ 
h6{font-size:100%;} /*renders 13px */  
p{ line-height: 1.7em; font-size: 110%}
.indent {text-indent:1em;}
em{font-style:italic}
strong{font-weight:bold}
pre { }
.quote {font-size: 115%;  display: block;  padding: 10px; background:#FDF1D9; font-family:"Courier New", Courier, monospace}
.smaller {font-size:140%}

/* Links */
a:link {color:#0000FF}
a:visited {color:#990000}
a:hover {color:#999999}
a:active {}

a#link1:link {color:#990000}
a#link1:visited {color:#990000}
a#link1:hover {color:#990000}
a#link1:active {color:#990000}

a#link2:link {color:#999999}
a#link2:visited {color:#999999}
a#link2:hover {color:#999999}
a#link2:active {color:#999999}

/*  Header CSS */
#header {float:left; width:100%; background: #5E92C1 url(../images/bg_header.jpg) bottom right no-repeat ; }
#header div{ }

#h_left{float:left;width:85% ; padding: 18px 10px 10px 28px}
#h_right {float:right; width: 12%; padding: 0 0 0 0px;}
#h_left h1{color: white; font-size: 270%;}
#h_left h2{color: white; font-size: 200%; padding-top: 3px;}
#h_left h5{color: white; padding-top: 12px; padding-bottom: 10px}
#h_left em{ text-decoration: underline;}

/*  SubHeader and Top Navigation CSS */
#nav_bar {padding: 5px; clear:both; background:#fff url(../images/bgb_fade.jpg) repeat-x top; text-align: center; border-top: solid 1px #000 } 
#nav_top {height: 25px; clear:both; background:#fff url(../images/bgb_fade.jpg) repeat-x top; text-align: center; border-top: solid 1px #37678f;border-bottom: solid 1px #37678f; }
#nav_top div {padding:0; margin:0 auto;}

/*  #h_row div {padding: 5px;} --use this if you don't use h_rowleft or h_rowright */
#nt_left {float:left; width: 35%; text-align:left; text-indent: 10px; line-height: 25px; font-variant:small-caps;  font-family: Arial, Helvetica, sans-serif; letter-spacing: 3px; color:#2569ad; font-size:125%; font-weight: bold;}
#nt_right {float:right; width:62%; }

/* List navigation inside the h_row  */
#nt_list {clear:right; float:right; font-size: 90%; padding: 0px; width:95%;}
#nt_list li {float:right; list-style:none;padding: 0;}
#nt_list li a {display:block;   margin:0; padding: 6px 8px 4px 8px; color: #2569ad;  list-style:none; text-decoration:none; font-weight:bold; border-left:1px solid #d5e5f5; }
#nt_list li a:hover{color:#FFF; background:#37678F; }

/* Content */

#imgleft { padding: 5px ; border: 1px solid #d5e5f5; float:left; margin-right: 5px;margin-top: 5px;}
/* content width plus the (sb_left or sb_right width) must equal 99% or less */
.c_wrap {  width: 100%; backgrou  nd:#000;}
#c_main {padding: 10px 5px 5px 10px;background-color:#fff;}
#content {float:right; width: 66%; background-color:#fff;}
#main_content h2{margin-top: 15px;}

#c_block {background: ; margin: 0 0 15px 0; padding: 5px;}
#c_block p{padding-bottom: 10px;}
#c_block li {line-height:2.0em; margin-left: 25px; color: #000033; font-size: 90%;}
#c_block h2{display:block;  background: #37678f; color: white; width: 97%; padding-left: 10px;}
#c_left {float:left; width: 48%; padding:0;}
#c_right {float:right; width: 48%; padding: 5px;}


/* Sidebar Left */
#sb_left  { float:left; width: 33%;}
#sb_content{padding: 5px;}
#sb_content h2{padding: 10px 10px 10px 10px;line-height: 1.25em; color:maroon;  background: #E8F2FF;  background-image:url(../images/body/bg_box.jpg); background-position: top; background-repeat:repeat-x;  font-size:135%;text-align: center;margin-bottom: 2px;}
#sb_content h3{padding: 10px 10px 10px 10px;line-height: 1.25em; color:maroon; background: #E8F2FF; background-image:url(../images/body/bg_box.jpg); background-position: top; background-repeat:repeat-x; font-size:126%;text-align: center; margin-bottom: 2px;}
#sb_content p{text-align: center;}
#sb_content img.book {margin-top: 10px; margin-bottom: 3px; padding: 5px; border:2px solid #d5e5f5; }
.imageleft img{float:left; margin: 10px 10px 0 5px; padding: 5px; border:2px solid #d5e5f5; }
.imageright img{float:right; margin: 10px 5px 0 10px; padding: 5px; border:2px solid #d5e5f5; }

/* Sidebar Right */
#sb_right  {background: #fff; float:right; width: 33%;}
#sb_right div{padding: 0 10px 10px 10px;}

/* Vertical Tabs  */
/* Navigation From A List Apart */
#sb_right ul { margin: 0;padding: 0;list-st yle: none; /* Width of Menu Items */border-bottom: 1px solid #ccc; }
#sb_right ul li {position: relative;width: 100%;}	
#sb_right ul li a {display: block;text-decoration: none;color: #777;background: #fff; /* IE6 Bug */padding: 7px;border: 1px solid #ccc;border-bottom: 0;}
#sb_right ul li a:hover {display: block;text-decoration: none;color:#bf2e1b ;background: #d7e9fc; /* IE6 Bug */padding: 7px;border: 1px solid #ccc;border-bottom: 0;}

/* Content Footer CSS*/
#c_footer {background: #37678f url(../images/bgt_fade.jpg) repeat-x top; clear:both;}
#c_footer div {padding: 5px; text-align:center; color: white; font-weight: bold;}

/* Page Footer CSS*/
#footer {text-align:center;}


/* CSS Document */