@import url(reset.css);
@import url(fonts.css);
@import url(set.css);
@import url(tabs.css);

html, body
{
   background-color: #2b2b2b;
   color:            #fcfcfc;
   background-image: url(/images/dkgraybg.png);
}

h1, h2, h3, h4, h5, h6
{
   font-family: Arial,Helvetica,sans-serif;
   color: #e8c890;
   line-height: 120%;
}

h1
{
   font-size: 175% /* 146.5%; */
}

p
{
   line-height: 130%;
   margin-top: .5em;
   color:      #fcfcfc;
   max-width:  550px;
   width:      expression(document.body.clientWidth > 550 ? "550px" : "auto");
}

.just
{
   text-align:       justify;
}

.justin
{
   text-align:       justify;
   text-indent:      1em;
}

a
{
   color:               #b7eab7;
   text-decoration:     none;
   font-weight:         normal;
}

a:visited
{
   color:               #a7daa7;
}

a:hover
{
   text-decoration:     underline;
}

a.ongreen,
a.ongreen:visited
{
   color:   #fcfcfc;
}

a.ongreen:hover
{
   text-decoration:     underline;
}

.squished
{
   line-height: 100% !important;
}

.imgright
{
   float:            right;
   margin-left:      10px;
   margin-right:     0px;
   margin-bottom:    4px;
   margin-top:       4px;
}

.imgleft
{
   float:            left;
   margin-left:      0px;
   margin-right:     10px;
   margin-bottom:    4px;
   margin-top:       4px;
}

#topper
{
   margin:  0 auto;
   width:   830px;
   height:  65px;    /* normally 45 */
}

#page
{
   margin:           0 auto;
   width:            830px;
   background-color: #505050;
   background-image: url(/images/graybg.png);
}

#verybottom
{
   margin:  -7px auto;
   width:   830px;
   height:  45px;
}

#bottom_gutter { height: 10px; width: 830px; background-image: url(/images/green_shadow_bottom.png); }

#divdiv { float: left; }

#left_gutter { float: left; width: 40px; }
#center_content { float: left; width: 740px; }
#right_gutter { float: left; width: 40px; }

#right_shadow { float: left; width: 8px; }
#right_shadow_10 { float: left; width: 10px; }

#top_gutter { float: left; height: 55px; width: 820px; }

#menu_section { float: left; width: 200px; }

#menu_column { float: left; width: 160px; }
#menu_shadow { float: left; width: 10px; }
#menu_gutter { float: left; width: 30px; }

#page_content { float: left; width: 535px; }
#page_gutter { float: left; width: 5px; }

#page_full { float: left; width: 540px; }

.border_top { border-top: thin solid #333; }
.border_right { border-right: thin solid #333; }
.border_bottom { border-bottom: thin solid #333; }
.border_left { border-left: thin solid #333; }

#header { height: 150px; background-image: url(/images/header.png); }
#menuheader { height: 30px; background-image: url(/images/menuheader.jpg); }


#menuheader .tabs { float: right; font-family: Verdana,Arial,Helvetica,Clean,sans-serif; }
#menuheader .tabs li { margin-right: 1px; }
#menuheader .tabs a { padding: 5px 15px; color: #d9ba85; text-decoration: none; }
#menuheader .tabs a:hover { text-decoration: underline; }


#gutter10 { float: left; width: 10px; height: 500px; }
#gutter15 { float: left; width: 15px; height: 500px; }

#left_column { float: left; width: 623px; }

#right_column { float: left; width: 314px; }
#right_column ul, #right_column ol { color: #888; }
#right_column ul a { color: #555; }

.menu_link {
   color:            #87cbff !important;
   font-weight:      bold;
}

.menu_here {
   color:            #fcfcfc !important;
}

a.menu_link:hover
{
   color:            #e8c890 !important;
   text-decoration:  none !important;
}

#footer { margin-top: 20px; width: 500px; }

#footer .tabs { width: 500px; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }


.clear
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

input, textarea
{
   background-color:    #eee;
   border:              thin solid #333;
}

input[type="image"]
{
   border:              none !important;
}