html
{ 
	margin: 0px; 
	padding: 0px; 
} 

BODY
{
	behaviour: url(css/csshover.htc);
	margin: 0px; 
	padding: 0px;	
	font-family: verdana, sans-serif;
	font-size: 7pt;
	background-color: white;
	color: white;
}

h1
{
	font-size: 12pt;
	color: #3211C1;
	font-family: arial;
	padding-top: 0px;
	margin-top: 0px;
}

h2
{
	font-size: 12pt;
	color: white;
	font-family: arial;
	font-style: italic;
}

h3
{
	font-size: 12pt;
	color: black;
	font-family: arial;
	padding-top: 0px;
	margin-top: 0px;
}

h4
{
	font-size: 12pt;
	color: #846EE5;
	font-family: arial;
	font-style: italic;
	padding-top: 0px;
	margin-top: 0px;
}

.cell
{
	font-size: 7pt;
	color: #F3F3F3;
	font-family: verdana;
}

.cellportrait
{
	font-size: 7pt;
	color: #F3F3F3;
	font-family: verdana;
}

.celltext
{
	font-size: 7pt;
	color: #F3F3F3; 
	font-family: verdana;
	padding-left: 20px;
	padding-right: 20px;
}

.header
{
	width: 779px;
	height: 112px;
	background-image: url('../images/site/top.gif');
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

.footer
{
	width: 779px;
	height: 66px;
	background-image: url('../images/site/bottom.gif');
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

.footerphone
{
	position: relative;
	left: 48px;
	top: -15px;
	font-size: .7em;
	color: white;
}

.contenttop
{
	width: 779px;
	height: 12px;
	background-image: url('../images/site/contenttop.gif');
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

.contentbottom
{
	width: 779px;
	height: 12px;
	background-image: url('../images/site/contentbottom.gif');
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

.contentmiddle
{
	width: 779px;
	background-image: url('../images/site/contentmiddle.gif');
	background-repeat: repeat-y;
	/*border: 1px solid black;*/
}

.contenttop2
{
	width: 779px;
	height: 12px;
	background-image: url('../images/site/contenttop2.gif');
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

.contentbottom2
{
	width: 779px;
	height: 12px;
	background-image: url('../images/site/contentbottom2.gif');
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

.contentmiddle2
{
	width: 779px;
	background-image: url('../images/site/contentmiddle2.gif');
	background-repeat: repeat-y;
	/*border: 1px solid black;*/
}

/*POSITIONS FOR CLIENTS PAGE*/

.outboundpos
{
	position: absolute;
	top: 30px;
	left: 40px;
	margin-top: 20px;
}

.inboundpos
{
	margin-top: 40px;
	position: absolute;
	top: 290px;
	left: 280px;
}

.trainingpos
{
	margin-top: 20px;
	position: absolute;
	top: 60px;
	left: 520px; 
}

.cyclepos
{
	position: relative;
	top: 20px;
	left: 220px;
	width: 250px;
	height: 259px;
	background-image: url('../images/site/cycle.gif');
	background-repeat: no-repeat;
	z-index: 4;
}

/*END POSITIONS FOR CLIENT PAGE*/


.tablebackground
{
	background-image: url('../images/site/topexpander.gif');
	background-repeat: repeat-x;
}

.tablebackground2
{
	background-image: url('../images/site/bottomexpander.gif');
	background-repeat: repeat-x;
}

.buttonpos
{
	position: relative;
	top: 35px;
	left: 228px;
	font-size: 10px;
	width: 510px;
	z-index: 100;

}

.button
{
	color: white;
	font: bold 11px arial, helvetica, sans-serif;
	border: 1px solid #0A0748;
	background: url('../images/site/button.gif');
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}

.fields
{
	font-size: 10pt;
	color: #3211C1;
	background-image: url('../images/site/shadow.gif');
	background-repeat: repeat-x;
	border: 1px solid #3211C1;
}
	
.content
{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	font-size: 7pt;
	color: #341575;
	margin: 3px;
	padding-left: 10px;
	z-index: 0;
}

.content2
{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	font-size: 7pt;
	color: #444808;
	margin: 3px;
	padding-right: 14px;
	z-index: 0;
}

#topleftborder2
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background-image: url('../images/site/topleftborder.gif');
	background-repeat: no-repeat;

}

#bottomrightborder2
{
	position: relative;
	bottom: 430px;
	right: 0px;
	width: 200px;
	height: 200px;
	background-image: url('../images/site/bottomrightborder.gif');
	background-repeat: no-repeat;
	float: right;
	z-index: 1;
}


/* LINK STYLES */
.activelink
{
	color: #F3F3F3 !important; 
	padding-left: 10px;
}

.link a:link 
{
	position: relative;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #F3F3F3; 
	font-size: 9pt;
	padding-left: 10px;
	text-decoration: none;
	text-align: right;
	z-index: 3;
}

.link a:hover 
{
position: relative;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #F3F3F3 !important; 
	font-size: 9pt; 
	text-decoration: none;
	background-image: url('../images/site/selector.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
	text-align: right;
	z-index: 4;
	

}

.link a:active 
{
position: relative;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #F3F3F3 !important; 
	font-size: 9pt;
	text-decoration: none;
	padding-left: 10px;
	background-image: url('../images/site/selector.gif');
	z-index: 3;
}

.link a:visited 
{
position: relative;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #F3F3F3; 
	font-size: 9pt;
	padding-left: 10px;
	text-decoration: none;
	text-align: right;
	z-index: 3;
}


/*form styles*/

/*spacer used for mozilla so that everythign within the spacer takes up space*/
div.spacer
{
	clear: both;
}

div.container
{
	width: 450px;
}

div.row
{
	clear: both;
	padding: 0px;
	margin: 0px;
}

div.row span.label
{
	float: left;
	width: 100px;
	font-family: verdana;
	font-size: 8pt;
	color: #EEEEEE;
	padding-top: 2px;
	text-align: right;
}
div.row span.element
{
	float: right;
	width: 325px;
	margin-left: 0px;
	font-family: verdana;
	font-size: 8pt;
	padding: 2px;
	text-align: left;
}


.field
{
	border: 1px solid white;
	color: #EEEEEE;
	font-size: 1em;
	font-family: verdana;
	background-color: #611F1F;
}

.fieldarea
{
	border: 1px solid white;
	color: #EEEEEE;
	font-size: 1em;
	font-family: verdana;
	background-color: #611F1F;
}

.button
{
	width: 135px;
	color: #611F1F
	border: 0px solid #F3F3F3
	font-family: verdana;
	background: url('../images/site/button.gif');
	background-repeat: repeat-x;
}



/*====================================*/
/*VERTICAL POP OUT MENU*/
/*====================================*/
#menu {
width: 510px;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/11px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 2px;
text-align: center;
}

#menu h2 {
color: white;
background: #3211C1;
text-transform: uppercase;
}

#menu a {
color: white;
background: #3211C1;
text-decoration: none;
}

#menu a:hover {
color: #D6EE0E;
background: #3211C1;
}

/*POSITIONING THE POP OUTS*/

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}