/**
 *  HTML element styling
 *
 *  this css is inspired by the Drupal theme Zen
 *
 *  version 2.0.2
 */


/** fonts **/

body
{
 font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
 margin: 0;
 background: #EEE;
}

#page
{
 /* Use a 12px base font size with a 16px line height */
 font-size: 0.75em; /* 16px x .75 = 12px */
 line-height: 1.333em; /* 12px x 1.333 = 16px */
}

body, caption, th, td, input, textarea, select, option, legend, fieldset
{
 font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

pre, code
{
 font-size: 1.1em; /* Monospace fonts can be hard to read */
 font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

textarea
{
 font-size: 100%;
}

/** headings **/

h1
{
 font-size: 2em;
 line-height: 1.3em;
 margin-top: 0;
 margin-bottom: 0.5em;
}

h2
{
 font-size: 1.5em;
 line-height: 1.3em;
 margin-top: 0.667em;
 margin-bottom: 0.667em;
}

h3
{
 font-size: 1.3em;
 line-height: 1.3em;
 margin-top: 0.769em;
 margin-bottom: 0.769em;
}

h4, h5, h6
{
 font-size: 1.1em;
 line-height: 1.3em;
 margin-top: 0.909em;
 margin-bottom: 0.909em;
}

/** block-level elements **/
p, ul, ol, dl, pre, table, fieldset, blockquote
{
 margin: 1em 0;
}

/** lists **/

/* standardize list item indentation */
ul, ol
{
 margin-left: 0;
 padding-left: 2em;
}

ul ul, ul ol,
ol ol, ol ul
{
 margin: 0;
}

li
{
 margin: 0;
 padding: 0;
}

ul
{
 list-style-type: disc;
}

ul ul
{
 list-style-type: circle;
}

ul ul ul
{
 list-style-type: square;
}

ol
{
 list-style-type: decimal;
}

ol ol
{
 list-style-type: lower-alpha;
}

ol ol ol
{
 list-style-type: decimal;
}

dt
{
 margin: 0;
 padding: 0;
}

dd
{
  margin: 0 0 0 2em;
  padding: 0;
}

/** images **/

img
{
 border: 0;
}

/** horizontal rules **/

hr
{
 height: 1px;
}

/**
 *  define the page layout
 *
 */

#page
{
 margin-left: auto;
 margin-right: auto;
 width: 800px;
 border: 1px solid #CCC;
 background-color: #FFF;
}


/** header **/

#header
{
 background: url(../images/banner.jpg) no-repeat;
 height: 160px;
}

#header p
{
 margin: 0;
 padding-left: 1em;
 padding-top: 2.5em;
 font-size: 2em;
 font-weight: bold;
 letter-spacing: 1px;
 color: #EEE;
}

/** main (container for everything else) **/

#main
{
 position: relative;
}

#content
{
 float: left;
 width: 620px;
 margin-left: 180px; /* The width of #sidebar-left. */
 margin-right: -800px; /* Negative value of #content's width + left margin. */
}

#content-inner
{
 margin: 0;
 padding: 20px 30px 20px 20px;
}

/** sidebar-left **/

#sidebar-left
{
 float: left;
 width: 13em;
 margin-left: 0;
 margin-right: -13em; /* Negative value of #sidebar-left's width + left margin. */
 padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

#sidebar-left-inner
{
 margin: 0;
 padding: 20px 0 20px 20px;
}

/** footer **/

#footer
{
 clear: both;
 overflow: visible;
 padding-bottom: 1em;
}

#footer p
{
 margin: 0;
 padding: 0;
 padding-right: 2em;
 text-align: right;
 font-size: .67em;
}

/** navigation menu **/

.menu
{
 background-color: #EDF2F2;
 border-bottom: 1px solid #CDD;
 border-top: 1px solid #CDD;
 margin: 0;
}

ul.menu
{
 list-style-type: none;
 font-size: 1.17em;
 padding-bottom: .75em;
}

ul.menu li
{
 padding: .2em .5em 0 0;
}

li a.current
{
 color: #000;
}

/** links  **/

a
{
 text-decoration: none;
 font-weight: bold;
}

a:link
{
 color: #379;
}

a:visited
{
 color: #157;
}

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