/*
 * Typography styling
 *
 */


/* generic reset to sync all browsers */
p, a, h1, h2, h3, pre,
table, th, td, tr,
form, fieldset, img, 
div
{
  margin: 0;
  padding: 0;
  border: none;
}

input, textarea
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
}

/*
 * GENERIC STYLING
 * these are the things that the client admin
 * has available in the HTML editor
 */

h1
{
  color: #333;
  font-size: 1.5em;
  padding-bottom: 20px;
}

h2
{
  color: #333;
  font-size: 1.2em;
  padding-top: 30px;
  padding-bottom: 10px;
}

ul
{
  float: left;
  margin: 0 0 0px 0;
  padding: 5px 0 5px 0;
  width: 125px;
  font-size: 10px;
  line-height: 1.6em;
  list-style-type: none; 
}

p
{
  font-size: 9px;
  line-height: 14px;
  word-spacing: 0.1em;
}

a
{
  color: black;
  text-decoration: none;
}

a:hover 
{
  color: white;
}

a.bodylink
{
  color: white;
}

a.bodylink:hover
{
  color: black;
}

img.printonly
{
  display: none;
}

/* a non-floated element so that containers have correct height */
br.clearall
{
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 2em; 
}


/*
 * Menu
 * ****
 */

a.gohome
{
  float: left;
}

#menuhere
{
  color: white;
}

/*
 * Main body area
 * **************
 */
div.maintext
{
  float: left;
  color: white;
  width: 365px;
/*border: 1px solid green; */
}

div.maintext#home{ width: 400px;}

div.maintext p
{
  float: left;
  padding: 12px 6px 0px 45px;
/*border: 1px solid green; */
}

div.maintext p a {color: white;}

ul.submenu
{
  width: 180px;
  padding-top: 12px;
  padding-bottom: 0px;
  line-height: 14px;
/*border: 1px solid green;  */
}

div.maincontain
{
  float: left;
/*border: 1px solid green;  */
}

a.prevnext
{ 
  font-size: 20px;
  color: white; 
}

a.prevnext:hover
{
  color: black; 
  text-decoration: none; 
}

/*
 * Image panel
 * ***********
 */
p#imagepanel, p#imagepanel a
{
  color: black; 
}

div.maintext p#imagepanel a:hover
{
  color: black; 
  text-decoration: underline;
}


/*
 * Footer area
 * ***********
 */
p.footer
{
  width: 100%;
  text-align: right;
}

a.footer:hover
{
  color: black;
}