body { background-color: #000; color: #333; font: normal 75% arial, helvetica, sans-serif; margin: 0px; padding: 5px 0 10px 0; text-align: center; }

#container { border:1px solid #099; background: #3f3e3e url(base/grayfade.jpg) repeat-x top left; margin: 0 auto; padding:0; width: 800px; }

#leftcolumn {  float: left; width: 84px; }
a#logo { background-image: url(base/logo1.jpg); display: block; height: 169px; text-indent: -3000px; text-decoration: none; width: 84px; }
a#logo:hover { text-decoration: none; }
#nav { display: inline; float: left; margin: 0; padding: 0; width: 84px; }

#nav ul { list-style-type: none; margin: 0; padding: 0; width: 84px; }
#nav ul li { background-image: none; list-style-type: none; margin: 0; padding: 0; width: 84px; }

#nav ul li a { color: #03527f; display: block; font: bold 11px arial, helvetica, sans-serif; margin: 10; padding: 10; text-decoration: none; text-align: center; line-height: 24px; width: 84px; }
* #nav ul li a { color: #03527f; display: block; font: bold 11px arial, helvetica, sans-serif; margin: 0; padding: 0; text-decoration: none; text-align: right; line-height: 24px; width: 84px; }


#nav ul li.key1 a { background: url(base/key1.gif) no-repeat 0 0; height: 26px; }
#nav ul li.key1on a, #nav ul li.key1 a:hover { background: url(base/key1on.gif) no-repeat 0 0; height: 26px; text-decoration: none;}

#nav ul li.key2 a { background: url(base/key2.gif) no-repeat 0 0; height: 25px;}
#nav ul li.key2on a, #nav ul li.key2 a:hover { background: url(base/key2on.gif) no-repeat 0 0; height:25px; text-decoration: none;}

#nav ul li.key3 a { background: url(base/key3.gif) no-repeat 0 0; height: 26px;}
#nav ul li.key3on a, #nav ul li.key3 a:hover { background: url(base/key3on.gif) no-repeat 0 0; height:26px; text-decoration: none;}

#nav ul li.key4 a { background: url(base/key4.gif) no-repeat 0 0; height: 25px;}
#nav ul li.key4on a, #nav ul li.key4 a:hover { background: url(base/key4on.gif) no-repeat 0 0; height:25px; text-decoration: none;}

#nav ul li.key5 a { background: url(base/key5.gif) no-repeat 0 0; height: 26px;}
#nav ul li.key5on a, #nav ul li.key5 a:hover { background: url(base/key5on.gif) no-repeat 0 0; height:26px; text-decoration: none;}

#nav ul li.key6 a { background: url(base/key6.gif) no-repeat 0 0; height: 24px;}
#nav ul li.key6on a, #nav ul li.key6 a:hover { background: url(base/key6on.gif) no-repeat 0 0; height:24px; text-decoration: none;}

#nav ul li.key7 a { background: url(base/key7.gif) no-repeat 0 0; height: 24px;}
#nav ul li.key7on a, #nav ul li.key7 a:hover { background: url(base/key7on.gif) no-repeat 0 0; height:24px; text-decoration: none;}

#rightwrap { float: left; text-align:left; width: 714px; }

#masthead_home { background: url(base/masthead_home.jpg) no-repeat 0 0; width:714px; height:113px; }
#masthead_home a, #masthead_home a:hover { display: block; height: 113px; text-indent: -2000px; text-decoration: none; width: 150px; }

#masthead { background: url(base/masthead.jpg) no-repeat 0 0; width:714px; height:113px; }
#masthead a, #masthead a:hover { display: block; height: 113px; text-indent: -2000px; text-decoration: none; width: 150px; }

#subhead_home { background: url(base/subhead_home.jpg) no-repeat 0 0; height: 385px; width: 714px; }
#subhead_home a, #subhead_home a:hover { display: block; height: 385px; text-indent: -2000px; text-decoration: none; width: 714px; }

#subhead { background: url(base/subhead.jpg) no-repeat 0 0; height: 28px; width: 714px; }
#subhead a, #subhead a:hover { display: block; height: 28px; text-indent: -2000px; text-decoration: none; width: 714px; }

#main { background-color:#dee4e5; border:1px solid #600; border-top:0; margin: 0 0 20px 0; padding:0; width: 691px; }

#main div { padding:10px 20px 20px; }

h1 { color:#999; font: 3em/1.2em Georgia, Times, "Times New Roman", serif; margin: 0; padding: 0; }
h2 { color:#069; font: 2em/1.2em Georgia, Times, "Times New Roman", serif; margin: 0 0 15px 0; padding: 0; }
h3 { color:#666; font: 1.5em/1.2em Georgia, Times, "Times New Roman", serif; margin: 0; padding: 0; }

img { margin:0; padding:0; border:0; }

a { color:#600;}
a:hover { color:#600; text-decoration:none;}

#design, #design a { color:#333; text-align:center; font: bold 10px arial, helvetica, sans-serif; padding:3px; margin:0; } 
#design a:hover { color:#666; text-decoration:none; } 


.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.box { background-color: #fdf7f7; border:1px solid #069; float:right; margin:2px; padding:0; width:250px }

hr { background:#446791; clear:both; height:2px; margin: 0; width:50%;  }

.subcolumn, .subcolumn2 {float:left; padding: 2px 5px; margin:0; }
.subcolumn2 { width:25%; }