/* Live Designs Canada - Presentation styles. */

body, html {
  margin:0;
  padding:0;
  color:#404c55;
  background-color:#cad1d7;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:12px;
}
p {
  padding:4px;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-left: 0;
  text-align:left;
}
h2 {
  color:#fff;
  font-size:14px;
  margin-top:0;
  padding-top:2px;
}
h3 {
	color:#fff;
	font-size:12px;
	padding-top:2px;
}
h4 {
  margin-top: 1.5em;
}
.BottomBox {
	color:#fff;
	background-color:#8393a0;
	float: left;
	position:relative;
	top: 0;
	width: 170px;
	height:auto;
	min-height:80px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.BottomBoxTitle {
  font-weight:bold;
  font-size:10px;
  margin:0px;
  padding-bottom:0px;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin:0px auto;
	width:auto;
	background-color: #8393a0;
}
.column {
  float:left;
  position:relative;
  padding:0px 20px 0px 0px;
  width:250px;
}
#Container {
  width:900px;
  height:100px;
  clear:left;
  margin:0px auto;
  margin-top:0;
  background-color:#8393a0;
}
.ContainerBox {
  color:#fff;
  float:left;
  position:relative;
  width:290px;
  margin-bottom:0;
  margin-top:0;
  padding:5px;
}
.ContainerBox h3{
margin:0.3em;
}
.Content {
	padding: 15px 0px 15px 30px;
	background:#404c55;
	color:#ECEEF0
}
.Content ul {
  margin: 0 20px 0 10px;
}
#FillerBox {
  font-size:10px;
  color:#FFFFFF;
  background:#8393a0;
}
#HeaderContainer {
  margin:0px auto;
  width:900px;
  height: 70px;
  background-image: url(../graphics/banner-running-man.jpg);
}
.InfoBoard {
  color:#fff;
  background-image: url(../graphics/v-grade-info.jpg);
  background-repeat:repeat-x;
  background-color:#8393a0;
  float: right;
  position:relative;
  top: 0;
  width: 300px;
  margin-right:15px;
  height:auto;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.InfoBoard img {
  border-collapse:collapse;
  padding-right: 15px;
}
#Linux {margin-left: 0px; background: transparent url(../graphics/icons/linux.gif) no-repeat;
}
.Linux H2 { margin: 0px 0 0 70px;
}
.Linux p {margin: 0px 0 0 70px;
  font-weight:bold;
}
.logo {
  float:left;
  position:relative;
  padding:0 10px 0 0px;
}
.logo img {
  border-collapse:collapse;
}
#PgTitle {
  width:auto;
  float:left;
  position:relative;
  background-image: url(../graphics/H-grade.jpg);
  background-repeat:no-repeat;
  margin:0px 10px 10px 15px;
  padding:0px 10px 0px 10px;
}
#PgTitle h3 {
  color:#000000;
  margin:0;
  padding:1px 0 1px 0;
}
#SpotLight {
	font-size:12px;
	color:#fff;
	background:transparent;
	background-image: url(../graphics/spacer.gif);
	background-repeat: no-repeat;
	min-width:200px;
	min-height:300px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
.SpotLight {
  font-size:12px;
  color:#fff;
  background:#404c55;
}
.TopContent {
  margin:0;
  padding: 0 30px 0 30px;
  background:#ffffff;
  color:#CCCCCC;
}

/* Color styles. */

.red {color:#ff0000;}
.orange {color:#F9BB00;}
.roweven { background-color:#bec7cd; color:#333333;}
.rowodd { background-color:#cad1d7; color:#333333;}
.headerrow { background-color:#8393a0; text-align:center; color:#fff;}

/* Form styles. */

fieldset {  
position: relative;  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 -1em 0;  
padding: 0 0 1em 0;  
border-style: none;  
border-top: 1px solid #BFBAB0;  
background-color: #F2EFE9; 
} 
legend span {  
position: absolute;  
left: 0.74em;  
top: 0;  
margin-top: 0.5em;  
font-size: 100%; 
}

legend {  
padding: 0;  
color: #545351;  
font-weight: bold; 
}

fieldset ol {  
padding: 3.5em 1em 0 1em;  
list-style: none; 
}

fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em; 
}

fieldset.submit {  
float: none;  
width: 100%;  
padding-top: 1.5em;  
padding-left: 12em;  
background-color: #FFFFFF; 
}

fieldset.alt {  
background-color: #E6E3DD; 
}

label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right; 
}

#Content form
{
	margin-top: 0.75em;
	background-color: transparent;
}

.Content fieldset
{
	padding: 0;
	background-image: none;
}.Content label
{
	display: block;
	float: left;
	clear: both;
	width: 21em;
	margin-top: 1em;
	padding-left: 8em;
}

.Content .labelText
{
	position: relative;
	left: -8em;
	float: left;
	width: 7em;
	margin-right: -7em;
	font-weight: bold;
}

.Content input.text
{
	position: relative;
	top: -0.2em;
	width: 20em;
}

.Content textarea
{
	position: relative;
	top: -0.2em;
	width: 20em;
	height: 10em;
}

.Content .checkboxLabel
{
	margin-bottom: 1em;
	position: relative;
	padding-left: 10em;
}

#contentMain .checkboxLabel .labelText
{
	position: static;
	left: 0;
	float: none;
	width: auto;
	margin-right: 0;
	font-weight: normal;
}

#contentMain .checkboxLabel input.checkbox
{
	position: absolute;
	left: 8em;
}

* html #contentMain .checkboxLabel input.checkbox
{
	margin-top: -0.2em;
}

.Content input.submit
{
	display: block;
	clear: both;
	width: 20.5em;
	height: 2.5em;
	margin-left: 8em;
}
