/* wcrercss.css */

/* class for the login forms */
form.login {
	padding: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    float: center;
    margin-left: -9.5em;
}

/* class for the control panel forms */
form.control
{
  padding: 10px;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  float: left;
}

/* class for the fieldset login forms */
fieldset.login
{
  border: 1px solid #006600;
  width: 20em;
}

/* class for the fieldset control panel forms */
fieldset.control
{
  border: 1px solid #006600;
  width: 38em;
}

/* class for the fieldset legends */
legend
{
  color: #fff;
  background: #32CD32;
  border: 1px solid #006600;
  padding: 2px 6px;
}

/* labels for the login input boxes */
label.login
{
  width: 5em;
  float: left;
  text-align: right;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  display: block;
}

/* labels for the control panel input boxes */
label.control
{
  width: 15em;
  float: left;
  text-align: right;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  display: block;
}

/* class for the submit buttons on the forms */
input.submit
{
  color: #000;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background: #32CD32;
  border: 2px outset #d7b9c9;
}

/* used for the menu s */
ul.usermenu
{
  width: 125px;                /* sets the size of the menu blocks */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

/* these are the menu items */
ul.usermenu li
{
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: black;                 /* sets the default font colour to white */
  background-color: #fff;
  width: 100px;
  padding: 0px;
}

/* used for when the mouse hovers over a menu item */
ul.usermenu li:hover
{
  background-color: #fff;
  color: #000;                 /* makes the active menu item text black */
}

/* link styles for the menu items */
ul.usermenu li a
{
  color: black;
  display: block;
  width: 100%;
  text-decoration: none;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align: left;
}

/* used for the mouse when it hovers over a menu item in ie */
ul.usermenu li a:hover
{
  color: #000;
  text-decoration: underline;
  color: white;
}

/* used for the title on each page */
p.title
{
  margin-top: 1em;
  font-size: 1.5em;
  color: darkblue;
  font-family: 'Cambria', Impact;
  margin-left: -6.5em;
}

/* these are the subtitles on each page */
p.subtitle
{
  font-size: 1.3em;
  color: brown;
  font-family: 'Cambria', Impact;
  text-align: left;
  margin-bottom: -1em;
  padding: 10px;
}

/* this is the content on each page */
p.content
{
   font-size: 1em;
   font-family: 'Arial Narrow', 'Comic Sans MS';
   text-align: left;
   margin-left: 20px;
   margin-right: 40px;
}

/* styles for li elements */
li.content
{
   list-style-type: none;
   font-size: 1em;
   font-family: 'Arial Narrow', 'Comic Sans MS';
   text-align: left;
   margin-bottom: 1em;
}

/* used for margins in the login forms */
p.inputheight {
  padding: 5px 0 8px 0;
}

/* these are the input text boxes throughout the site */
input.text
{
  color: #006600;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background: #CAFF70;
  border: 1px solid #006600;
  float: left;
  margin-left: 1em;
}

/* anchor styles for links in the content */
a.content
{
  font-size: 1em;
  font-family: 'Arial Narrow', 'Comic Sans MS';
}

/* style for an unordered list */
ul
{
 text-align: left;
}

/* style for the body of the html page */
body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  /*background-image: url('blue.jpg');
  background-repeat: repeat;*/
}

/* contains the leftcol and content divisions */
div.center {
    width: 800px;
    float: center;
    background: #fff;
    height: auto;
}

/* div id for the header */
#header {
  background: #fff;
  width: 100%;
  /*background-image: url('blue.jpg');
  background-repeat: repeat;*/
  display: inline;
}

/* div id for the leftcol */
#leftcol {
  background: #fff;
  float: left;
  width: 150px;
  height: 400px;
}

/* div id for the content */
#content {
  background: #fff;
  float: left;
  width: 648px;
  height: auto;
  display: inline;
}

/* div id for the footer */
#footer {
  background: #fff;
  clear: both;
  width: 100%;
}

/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}