/* site-wide styles... 2007-03-14 */

/* usage since ie7: 2007-03-13

<!-- basic layout... -->
<link rel="stylesheet" type="text/css" href="layout.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="layout_ie6.css" />
<![endif]-->

<!-- site-specific... -->
<link rel="stylesheet" type="text/css" href="site.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="site_ie6.css" />
<![endif]-->

*/

/* defaults... */

* {
 color:#666;
 font-family:Arial, Helvetica, sans-serif;
}

body {
 background:#eee url(bg.png);
 font-size:90%;
}

/* custom... */

#logo {
 float:left;
 margin:0 16px 0 16px;
}

a {
 color:#666;
 text-decoration:none;
}

a:hover {
 color:#333;
 text-decoration:underline;
}

h1 {
 font-size:150%;
 font-weight:600;
 letter-spacing:1px;
 font-variant:small-caps;
}

h1 span, h2 span {
 font-size:80%;
 white-space:nowrap;
}

h2 {
 font-size:110%;
 font-weight:400;
 font-variant:small-caps;
 text-decoration:underline;
}

h3 {
 font-size:100%;
 font-weight:400;
 font-variant:small-caps;
 text-decoration:underline;
 margin:4px 16px;
}

h3 + p {
 margin:4px 16px 16px 16px;

}

p, h2, .news {
 margin:16px 16px;
}

.news *  {
 margin:4px 0px;
}

#footer p {
 margin:8px 16px;
}

.float_left p {
 text-align:center;
}

img.float_right {
 margin-left:16px;
}

img {
 border:1px solid #666;
}

a {
 color:#333;
 text-decoration:none;
}

a:hover {
 color:#333;
 text-decoration:underline;
}

/* form */

a img, label img {
 border:1px solid #666;
 margin:4px;
}

button {
 background:#fff;
 color:#666;
 border:1px solid #666;
 padding:1px;
}

input, select, textarea {
 background:#fff;
 color:#333;
 border:1px solid #666;
 padding:2px;
 width:330px;
}

textarea {
 height:64px;
}

.radio {
 border:0;
 width:auto;
}

fieldset {
 border:1px solid #666;
 margin-bottom:8px;
 padding:4px;
}

legend {
 padding: 0 8px;
}

.prompt {
 margin-top:32px;
 color: #999;
}

.prompt * {
 color: #999;
}


/* layout... */

#container {
 background:#fff;
}

#header {
 padding:16px 0 0 0;
}

#top_nav { /* not strictly part of layout */
 padding:4px 0 4px 0;
}

#top_nav a { /* not strictly part of layout */
 margin-right:8px;
}

#menu {
 margin-top:2ex;
 padding-bottom:6px;
 border-bottom:#666 1px solid;
}

#submenu {
 padding-top:6px;
/* visibility:hidden; */
}

#menu a, #menu .here {
 text-decoration:none;
 padding:11px 16px 11px 16px;
 margin:0;
 color:#666;
}
#submenu a, #submenu .here {
 text-decoration:none;
 padding:11px 16px 11px 16px;
 margin:0;
 color:#666;
}

#menu a:hover, .goto {
 color:#333;
 background:url(caret-up-666.png) no-repeat bottom center;
}
#submenu a:hover {
 color:#333;
 background:url(caret-down-666.png) no-repeat center top;
}

#menu .here {
 color:#666;
 background:url(caret-up-solid.png) no-repeat bottom center;
}
#submenu .here {
 color:#666;
 background:url(caret-down-solid.png) no-repeat center top;
}

span.here {
 cursor:default;
}
a.here {
 cursor:pointer;
}

#footer {
 border-top:solid 1px #666;
 margin-bottom:16px;
}

#one_col {
 text-align:justify;
}

#two_col_float_left {
 text-align:justify;
}

#two_col_float_right {
 text-align:justify;
}

.n_col_float_left {
 text-align:justify;
 border:solid 1px #ccc;
}

.date {
 margin-right:16px;
 float:right;
}