/* General styles */
body {
  background: #c51230;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

p, span, a, h1, h2, h3, h4, ul, li, td, tr {
  color: #333;
  font: normal 12px arial, helvetica, verdana, sans-serif;
}
p, li {
  line-height: 130%;
}
p, h1, h2, h3, h4 {
  margin: 10px 0 5px 0;
  padding: 0;
}
h1, h2, h3, h4 {
  font-weight: bold;
}
h1 {
  color: #c51230;
  font-size: 14px;
}
h2 {
  color: #dba318;
  font-size: 13px;
}
h3 {
  color: #c51230;
  font-size: 12px;
}
h4 {
  color: #dba318;
  font-size: 12px;
}
a:active,
a:hover,
a:link,
a:visited {
  color: #c51230;
  text-decoration: none;
}
a:hover {
  color: #dba318;
  text-decoration: underline;
}
img {
  border: 0;
  margin: 0;
  padding: 0;
}

#wrap {
  margin: 10px auto;
  text-align: left;
  width: 800px;
}

#page {
  float: left;
  background: #fff;
  border: solid 1px #b3d78d;
  width: 100%;
}

/* Header styles */
#header {
  background: #fff;
  clear:  both;
  float:  left;
  width:  100%;
}
#header .logo,
#header .headimg {
  float: left;
}

/* column container */
.colmask {
  clear: both;
  float: left;
  overflow: hidden;	/* This chops off any overhanging divs */
  position: relative;	/* This fixes the IE7 overflow hidden bug */
  width: 100%;		/* width of whole page */
}
/* common column settings */
.colright,
.colmid,
.colleft {
  float: left;
  width: 100%;
  position: relative;
}
.col1,
.col2,
.col3 {
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
}
/* 2 Column (left menu) settings */
.leftmenu {
  background: #fff;		/* right column background colour */
}
.leftmenu .colleft {
  background: #dba318;         /* left column background colour */
  right: 518px;			/* right column width */
}
.leftmenu .col1 {
  left: 815px;    		/* page width plus left column left padding */
  width: 488px;	        	/* right column content width */
  padding-bottom: 20px;
  padding-top: 10px;
}
.leftmenu .col2 {
  left: 30px;		/* (right column left and right padding) plus (left column left padding) */
  width: 282px;		/* left column content width (column width minus left and right padding) */
}

#left_links {
  background: #fff;
  border-right: solid 1px #dba318;
  padding: 5px 0;
}
.left_link:active,
.left_link:hover,
.left_link:link,
.left_link:visited {
  background: #fff;
  color: #c51230;
  display: block;
  padding: 5px 20px;
}
#left_links .on {
  font-weight: bold;
}

.form_link:active,
.form_link:hover,
.form_link:link,
.form_link:visited {
  color: #fff;
  border-bottom: solid 1px #fff;
  display: block;
  font-weight: bold;
  padding: 10px 20px;
}

.equipment table td {
  vertical-align: top;
  padding-bottom: 20px;
}
.equipment table img {
  margin: 10px 10px 0 0;
}

form {margin-top: 20px;}
form .row {position: relative; width: 99%; padding: 0 0 5px 0; _height: 20px;}
form .labelDiv {position: absolute; top: 0; left: 0; width: 28%; margin-right:72%; height: 100%;}
form .formLabel {position: absolute; bottom: 0; right: 0; padding: 0 0 5px 0; margin: 0;}
form .fieldDiv {position: relative; margin-left: 30%;}
form .textField {width: 70%; border: solid 1px #aaaaaa;}
form .error .labelDiv .formLabel { color: #f00; }
#errorMsg { color: #f00; text-align: center; visibility: hidden; }

/* Footer styles */
#footer {
  background: #b3d78d;
  clear: both;
  float: left;
  text-align: center;
  width: 100%;
}

#footer a,
#footer p {
  color: #000;
  font: bold 12px arial, helvetica, verdana, sans-serif;
}

