body{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #000033;
	background: #d4d5d6;
	background-color: #d4d5d6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

#page {
	width: 783px; /*Adjust this to take account of borders etc*/
	height: 100%;
	background-color: #ffffff;
	margin: 0px auto;
	PADDING-LEFT: 0px; 
	PADDING-TOP:  0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	border-bottom: 0px;
	border-collapse: collapse; 
	border-spacing: 0px;
	text-align: left;
	vertical-align: top;
}

.page_header{
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	margin: 0px 0px;
	background-color: #d4d5d6;
	height: 81px; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px; 
	margin: 0px;
}

.headercontainer {
 PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 100%
}
 
.logo{
 float: left;
 
}
 
.loginbox{
 top: 10px;
 FLOAT: right;
 WIDTH: 320px;
 HEIGHT: 125px; 
 POSITION: relative; 
 background: url(http://www.body4you.com/templates/body4you/images/login_bg.gif) no-repeat;
 PADDING-TOP: 20px; PADDING-RIGHT: 5px; 
 PADDING-BOTTOM: 5px; PADDING-LEFT: 30px; 
}

.headercontactbox{
 top: 10px;
 FLOAT: right;
 WIDTH: 320px;
 HEIGHT: 125px;
 POSITION: relative;
 background: url(http://www.body4you.com/templates/body4you/images/login_bg.gif) no-repeat;
 PADDING-TOP: 20px; PADDING-RIGHT: 5px;
 PADDING-BOTTOM: 5px; PADDING-LEFT: 0px;
}

.headercontact{
 PADDING-TOP: 20px;
 PADDING-LEFT: 50px;
 FONT-SIZE: 20px; COLOR: #808284; font-weight: 600;
 FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
 
.login{
 FONT-SIZE: 16px; COLOR: #808284; font-weight: 600; 
 FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
 
A.login {
 FONT-SIZE: 14px; COLOR: #808284; font-weight: 600; 
 FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
A.login:hover {
 FONT-SIZE: 14px; COLOR: #c0272d; font-weight: 600; 
 FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
 
A.login:visited {
 FONT-SIZE: 14px; COLOR: #808284; font-weight: 600; 
 FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
 
A.login:active {
 FONT-SIZE: 14px; COLOR: #c0272d; font-weight: 600; 
 FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

.bodycontent {
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	color: #000000;
	vertical-align: top;
	background-color:transparent;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

A:link	{
	cursor:pointer;
}

A:visited	{
	cursor:pointer;
}

A:active	{
	cursor:pointer;
}

A:hover {
	cursor:pointer;
}

.page_footer{
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	MARGIN: 0px 3px;
	background-color: #d4d5d6;
	height: 40px; 
	padding: 0px; 
	margin: 0px;
	width: 100%;
	text-align: center;
	font-size: x-small;
}

a.footer {
	color: #808284;
	font-size: 20px;
}

a.footer:hover {
	color: #C0272D;
	font-size: 20px;
}

/*######################*/

/* START main content Div style*/


.boxcontainer {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	WIDTH: 100%;
	PADDING-left: 0px;
}
.boxcontainer H1 {
	MARGIN: 0px 10px;
}
.boxcontainer P {
	MARGIN: 0px 10px;
}
.boxcontainer H1 {
	FONT-SIZE: 1em; 
	COLOR: #ffffff;
}
.boxcontainer P {
	PADDING-BOTTOM: 0.5em;
}

/*START Header top curve*/

.boxcontainer_headerwrapper{
	background-color: #d4d5d6;
}

.boxcontainer .b1t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b1t {
	HEIGHT: 1px;
}
.boxcontainer .b1t { 
	BACKGROUND: #646466; 
	MARGIN: 0px 5px;
}



.boxcontainer .b2t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b2t {
	HEIGHT: 1px;
}
.boxcontainer .b2t {
	BORDER-RIGHT: #646466 1px solid; 
	BACKGROUND: #646466; 
	BORDER-LEFT: #646466 1px solid;
}
.boxcontainer .b2t {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}


.boxcontainer .b3t {
	DISPLAY: block; FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b3t {
	HEIGHT: 1px;
}
.boxcontainer .b3t {
	BORDER-RIGHT: #646466 1px solid; 
	BACKGROUND: #646466; 
	BORDER-LEFT: #646466 1px solid;
}
.boxcontainer .b3t {
	MARGIN: 0px 2px;
}


.boxcontainer .b4t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b4t {
	BORDER-RIGHT: #646466 1px solid; 
	BACKGROUND: #646466; 
	BORDER-LEFT: #646466 1px solid;
}
.boxcontainer .b4t {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.boxcontainer .b5t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b5t {
	HEIGHT: 20px;
}
.boxcontainer .b5t {
	BORDER-RIGHT: #646466 0px solid; 
	BACKGROUND: #646466; 
	MARGIN: 0px 0px;
	BORDER-LEFT: #646466 0px solid;
	BORDER-bottom: #646466 1px solid; 
	padding-left: 20px;
}

/*END Header top curve*/

/*START Header content*/

.boxcontainer_headercontent {
	BORDER-RIGHT: #646466 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #646466;
	BORDER-LEFT: #646466 1px solid;
}

.boxcontainer_headertext{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	color: #ffffff;

}

/* START Header  Navigation Links*/


A.headertext:link	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
}

A.headertext:visited	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
}

A.headertext:active	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	color: #ffffff;
	background-color: transparent;
}

A.headertext:hover {
	font-size: 1.0em;
	color: #C00000;
	background-color: transparent;
}

/* END Header Navigation Links*/

/*END Header content*/

/*START Header bottom curve*/

.boxcontainer .b6t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b6t {
	BORDER-RIGHT: #646466 1px solid; 
	BACKGROUND: #646466; 
	BORDER-LEFT: #646466 1px solid;
}
.boxcontainer .b6t {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.boxcontainer .b7t {
	DISPLAY: block; FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b7t {
	HEIGHT: 1px;
}
.boxcontainer .b7t {
	BORDER-RIGHT: #646466 1px solid; 
	BACKGROUND: #646466; 
	BORDER-LEFT: #646466 1px solid;
}
.boxcontainer .b7t {
	MARGIN: 0px 2px;
}

.boxcontainer .b8t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b8t {
	HEIGHT: 1px;
}
.boxcontainer .b8t {
	BORDER-RIGHT: #646466 1px solid; 
	BACKGROUND: #646466; 
	BORDER-LEFT: #646466 1px solid;
}
.boxcontainer .b8t {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}

.boxcontainer .b9t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b9t {
	HEIGHT: 1px;
}
.boxcontainer .b9t { 
	BACKGROUND: #646466; 
	MARGIN: 0px 5px;
}

/*END Header bottom curve*/

/*START Main body content*/
/*Left Aligned content box*/
.boxcontainer .boxcontent {
	BORDER-RIGHT: #ffffff 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
	padding: 20px;
	vertical-align: top;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}


/*Left Aligned content box*/
.boxcontainer .boxcontent_la {
	BORDER-RIGHT: #ffffff 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
	padding: 20px;
	text-align: left;
	vertical-align: top;
}
/*Right Aligned content box*/
.boxcontainer .boxcontent_ra {
	BORDER-RIGHT: #ffffff 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
	padding: 20px;
	text-align: right;
	vertical-align: top;
}

/*END Main body content*/

/*START Footer*/
.boxcontainer .b5b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b5b {
	HEIGHT: auto;
}
.boxcontainer .b5b {
	BORDER-RIGHT: #ffffff 0px solid; 
	BACKGROUND: #ffffff; 
	MARGIN: 0px 0px;
	BORDER-LEFT: #ffffff 0px solid;
	BORDER-bottom: #ffffff 1px solid; 
}

/*START Footer content*/

.boxcontainer_footercontent {
	BORDER-RIGHT: #ffffff 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #ffffff;
	BORDER-LEFT: #ffffff 1px solid;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}

.boxcontainer_footertext{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	color: #646466;

}




/* START Footer  Navigation Links*/

img.middle {vertical-align:middle}



A.footertext:link	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12pt;
	color: #646466;
	text-decoration: none;
	background-color: transparent;
}

A.footertext:visited	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12pt;
	color: #646466;
	text-decoration: none;
	background-color: transparent;
}

A.footertext:active	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12pt;
	color: #646466;
	background-color: transparent;
}

A.footertext:hover {
	font-size: 12pt;
	color: #0000ff;
	background-color: transparent;
}



.footer_link, a.footer_link{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	background-color: transparent;
	color: #000000;
	text-align: center;
}

/* END Footer Navigation Links*/

/*END Header content*/


/*START footer curve*/
.boxcontainer_footerwrapper{
	background-color: #d4d5d6;
	clear: both; /*Used to place this below the previous content*/
}

.boxcontainer .b4b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b4b {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.boxcontainer .b4b {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.boxcontainer .b3b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b3b {
	HEIGHT: 1px;
}
.boxcontainer .b3b {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.boxcontainer .b3b {
	MARGIN: 0px 2px;
}

.boxcontainer .b2b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b2b {
	HEIGHT: 1px
}
.boxcontainer .b2b {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.boxcontainer .b2b {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}

.boxcontainer .b1b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.boxcontainer .b1b {
	HEIGHT: 1px;
}
.boxcontainer .b1b {
	BACKGROUND: #ffffff; 
	MARGIN: 0px 5px;
}

/*END footer curve*/

/* END main content Div style*/

/*######################*/

table.bodycontent{
	width: 100%;
	height: 100%;
	text-align: top;
	border: 0px;
}


.image{
	width: 350px;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}

.trainerlist{
	width: 250px;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}

.solution{
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}

.assessments{
	vertical-align: top;
	padding-top: 20px;

}

.contact{
	vertical-align: top;
	padding-top: 20px;

}



.image{
	position: relative;
	margin-top: 120px;
	margin-left: 20px;

}


/*######################*/

/* START content container Div style*/

.contentheadercontainer{
	BACKGROUND: none transparent scroll repeat 0% 0%;
	WIDTH:100%;
	PADDING-left: 0px;
}
.contentheadercontainer H1 {
	MARGIN: 0px 10px;
}
.contentheadercontainer P {
	MARGIN: 0px 10px;
}
.contentheadercontainer H1 {
	FONT-SIZE: 1em; 
	COLOR: #ffffff;
}
.contentheadercontainer P {
	PADDING-BOTTOM: 0.5em;
}

/*START Header top curve*/

.contentheadercontainer_topcurvewrapper{
	background-color: #ffffff;
}

.contentheadercontainer .b1t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b1t {
	HEIGHT: 1px;
}
.contentheadercontainer .b1t { 
	BACKGROUND: #d4d5d6;
	MARGIN: 0px 5px;
}



.contentheadercontainer .b2t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b2t {
	HEIGHT: 1px;
}
.contentheadercontainer .b2t {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentheadercontainer .b2t {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}


.contentheadercontainer .b3t {
	DISPLAY: block; FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b3t {
	HEIGHT: 1px;
}
.contentheadercontainer .b3t {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentheadercontainer .b3t {
	MARGIN: 0px 2px;
}


.contentheadercontainer .b4t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b4t {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentheadercontainer .b4t {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}


/*START Main body content*/
.contentheadercontainer_content {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
	padding: 0px;
	text-align: center;
}

/*END Main body content*/




/*START footer curve*/
.contentheadercontainer_footerwrapper{
	background-color: #ffffff;
}

.contentheadercontainer .b4b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b4b {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentheadercontainer .b4b {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.contentheadercontainer .b3b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b3b {
	HEIGHT: 1px;
}
.contentheadercontainer .b3b {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentheadercontainer .b3b {
	MARGIN: 0px 2px;
}

.contentheadercontainer .b2b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b2b {
	HEIGHT: 1px
}
.contentheadercontainer .b2b {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentheadercontainer .b2b {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}

.contentheadercontainer .b1b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentheadercontainer .b1b {
	HEIGHT: 1px;
}
.contentheadercontainer .b1b {
	BACKGROUND: #d4d5d6; 
	MARGIN: 0px 5px;
}

/*END footer curve*/

/* END Content container Div style*/

/*######################*/





/*######################*/

/* START content container Div style*/

.contentcontainer{
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-left: 0px;
}


/*START Header top curve*/

.contentheadercontainer_topcurvewrapper{
	background-color: #ffffff;
}



.contentcontainer .b1t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b1t {
	HEIGHT: 1px;
}
.contentcontainer .b1t { 
	BACKGROUND: #d4d5d6;
	MARGIN: 0px 5px;
}



.contentcontainer .b2t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b2t {
	HEIGHT: 1px;
}
.contentcontainer .b2t {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentcontainer .b2t {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}


.contentcontainer .b3t {
	DISPLAY: block; FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b3t {
	HEIGHT: 1px;
}
.contentcontainer .b3t {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentcontainer .b3t {
	MARGIN: 0px 2px;
}


.contentcontainer .b4t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b4t {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentcontainer .b4t {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.contentcontainer .b5t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b5t {
	HEIGHT: auto;
}
.contentcontainer .b5t {
	BORDER-RIGHT:#d4d5d6 0px solid; 
	BACKGROUND: #d4d5d6; 
	MARGIN: 0px 0px;
	BORDER-LEFT: #d4d5d6 0px solid;
	BORDER-bottom: #d4d5d6 1px solid; 
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
	padding-right: 20px;
}

/*END Header top curve*/

/*START Header content*/

.contentcontainer_headercontent {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #d4d5d6;
	BORDER-LEFT: #d4d5d6 1px solid;

}

.contentcontainer_headertext{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	font: italic;
	color: #000000;

}

/*END Header content*/

/*START Main body content*/
.contentcontainer_content {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
	padding: 0px;

}

/*END Main body content*/




/*START footer curve*/


.contentcontainer .b4b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b4b {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentcontainer .b4b {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.contentcontainer .b3b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b3b {
	HEIGHT: 1px;
}
.contentcontainer .b3b {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentcontainer .b3b {
	MARGIN: 0px 2px;
}

.contentcontainer .b2b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b2b {
	HEIGHT: 1px
}
.contentcontainer .b2b {
	BORDER-RIGHT: #d4d5d6 1px solid; 
	BACKGROUND: #d4d5d6; 
	BORDER-LEFT: #d4d5d6 1px solid;
}
.contentcontainer .b2b {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}

.contentcontainer .b1b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.contentcontainer .b1b {
	HEIGHT: 1px;
}
.contentcontainer .b1b {
	BACKGROUND: #d4d5d6; 
	MARGIN: 0px 5px;
}

/*END footer curve*/

/* END Content container Div style*/

/*######################*/

/* START Content Div style*/

.content {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	WIDTH: 98%;
	PADDING: 0px;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}


/*START Header top curve*/


.content .b1t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b1t {
	HEIGHT: 1px;
}
.content .b1t { 
	BACKGROUND: #ffffff;
	MARGIN: 0px 5px;
}



.content .b2t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b2t {
	HEIGHT: 1px;
}
.content .b2t {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.content .b2t {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}


.content .b3t {
	DISPLAY: block; FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b3t {
	HEIGHT: 1px;
}
.content .b3t {
	BORDER-RIGHT: ##ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.content .b3t {
	MARGIN: 0px 2px;
}


.content .b4t {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b4t {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.content .b4t {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}


/*START Main body content*/
.content_content {
	BORDER-RIGHT: #ffffff 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
}

/*END Main body content*/




/*START footer curve*/

.content .b4b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b4b {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.content .b4b {
	MARGIN: 0px 1px; 
	HEIGHT: 2px;
}

.content .b3b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b3b {
	HEIGHT: 1px;
}
.content .b3b {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.content .b3b {
	MARGIN: 0px 2px;
}

.content .b2b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b2b {
	HEIGHT: 1px
}
.content .b2b {
	BORDER-RIGHT: #ffffff 1px solid; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #ffffff 1px solid;
}
.content .b2b {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 2px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 3px; 
	BORDER-RIGHT-WIDTH: 2px;
}

.content .b1b {
	DISPLAY: block; 
	FONT-SIZE: 1px; 
	OVERFLOW: hidden;
}
.content .b1b {
	HEIGHT: 1px;
}
.content .b1b {
	BACKGROUND: #ffffff; 
	MARGIN: 0px 5px;
}

/*END footer curve*/

/* END Content Div style*/

/*######################*/

.floatcontainer{
	WIDTH: 100%;
	vertical-align: top;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.imagefloat_left{
	float: left;
	width: 220px;
	vertical-align: top;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}

.contentfloat_left{
	float: left;
	width: 500px;
	vertical-align: top;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}

.bodytext{
	width: 50%;
	display: inline-block;
	float: left;
    margin: 0;
    background-color: #9cf;
   color: #000;
	border: 1px solid #ff0000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.scroller{
	width:200px; 
	height:360px;  
	background-color:#ffffff; 
	border: 1px solid #000000; 
	overflow:auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.scrollerfloat_left{
	float: left;
}

.scrollerfloat_right{
	float: right;
	padding-top: 25px;
}

.newsbox {
	background: #7BE0FF;
	padding:5px;
	margin-top: 30px;
	margin-bottom: 10px;
	width:150px;
	text-align:center;
}

/*######################*/

/*
W3C SAYS 
Opacity can be thought of conceptually as a postprocessing operation. Conceptually, after the element (including its children) is rendered into an RGBA offscreen image, the opacity setting specifies how to blend the offscreen rendering into the current composite rendering. 

Name: 	        opacity
Value: 	        <alphavalue> | inherit
Initial: 	1
Applies to: 	all elements
Inherited: 	no
Percentages: 	N/A
Media: 	        visual
Computed value: The same as the specified 
value after clipping the <alphavalue> 
to the range [0.0,1.0].
<alphavalue> 
Syntactically a <number>. The uniform opacity setting to be applied across an entire object. Any values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range. If the object is a container element, then the effect is as if the contents of the container element were blended against the current background using a mask where the value of each pixel of the mask is <alphavalue>.

How much of the image do we want to see? All of it? That's opacity:1.0; Without any filters applied the opacity of an image is 1.0 (fully opaque). Just the words opacity and transparency are confusing. They are opposite ends of the spectrum as someone at Digg commented 10% opacity = 90% transparency. That's it in a nutshell. Opacity is a little ditty that goes something like this. 

For CSS opacity to work in the browser it must have some placement specified. We used float:left; and that worked. Now we are trying position:relative; and that works too, but only in Mozilla Firefox. The float:left CSS style works in both Internet Explorer and Mozilla Firefox. Surely the explanation from W3C makes sense but basically this was trial and error, mostly error to get the transparency opacity to apply to text. The opacity code for simply displaying an image is more straightforward. 

*/



.glassbox{
	POSITION: absolute; 
	Z-index: 99;
	top: 190px;  
	width: 763px; 
	HEIGHT: 340px; 
	padding-left: 20px;
	FILTER: alpha(opacity=0); 
	opacity: 1; 
	-moz-opacity: 0;
}

.glass {
	Z-INDEX: 100;
	position:relative; 	
	RIGHT: 0px; 
	FLOAT: left; 
	WIDTH: 180px; 
	HEIGHT: 340px; 
	BOTTOM: 0px; 
	RIGHT: 0PX;
	BACKGROUND-COLOR: red; 
	FILTER: alpha(opacity=0); 
	opacity: 0; 
	-moz-opacity: 0
}


.iblock {
	opacity: 1;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;
	float: left;
	position:relative; 
	bottom:0px; 
	right:0px; 
	width:180px; 
	height:340px;
}


.infoareabox{
	POSITION: absolute; 
	top: 330px; 
	left: 0px; 
	WIDTH: 100%; 
	HEIGHT: 100px;
	margin-left: auto; /*Align content to center in Other Browsers*/
	margin-right: auto; /*Align content to center in Other Browsers*/
	text-align: center; /*Align content to center in IE*/
}


.infoarea {
		Z-INDEX: 5; 
		WIDTH: 600px; 
		HEIGHT: 100px; 
		BORDER-TOP: #646466 1px solid; 
		BORDER-RIGHT: #646466 1px solid; 
		BORDER-BOTTOM: #646466 1px solid;
		BORDER-LEFT: #646466 1px solid;
		FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 16px; 
		COLOR: #000000;
		BACKGROUND: #d4d5d6; 
		FILTER: alpha(opacity=0); 
 		opacity: 0; 
		-moz-opacity: 0;
		margin-left: auto; /*Align content to center in Other Browsers*/
		margin-right: auto; /*Align content to center in Other Browsers*/
		text-align: center; /*Align content to center in IE*/
		padding-top: 30px;
}
.infoarea1 {
		Z-INDEX: 5;
		WIDTH: 600px; 
		HEIGHT: 100px; 
		BORDER-TOP: #646466 1px solid; 
		BORDER-RIGHT: #646466 1px solid; 
		BORDER-BOTTOM: #646466 1px solid;
		BORDER-LEFT: #646466 1px solid;
		FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  		
		FONT-SIZE: 16px; 
		COLOR: #000000;
		BACKGROUND: #d4d5d6; 
		FILTER: alpha(opacity=100); 
		opacity: 1.0; 
		-moz-opacity: 1.0;
		margin-left: auto; /*Align content to center in Other Browsers*/
		margin-right: auto; /*Align content to center in Other Browsers*/
		text-align: center; /*Align content to center in IE*/
		padding-top: 30px;
}



div.transOFF {
	width: 100%; 
	background-color: transparent;
	border:1px solid black; 
}

div.transON {
	width: 100%; 
	background-color: silver;
	opacity:.25;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
	border:1px solid black; 
}



/*Image opacity*/

a.linkopacity img {
opacity: 0.5;
filter:alpha(opacity=20); 
-moz-opacity: 0.5; 
}

a.linkopacity1 img {
opacity: 1.0;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
}

a.xxlinkopacity:hover img {
opacity: 1.0;
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
}

/* Trainer page */

.areahead {
	background-color: #d4d5d6;
	font-weight: bolder;
}

.trhead {
	background-color: #d4d5d6;
	font-weight: bolder;
}

.trname {
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}

a.trname {
	font-size: 10px;
	color: black;
}

a.trname:hover {
	font-size: 10px;
	color: Blue;
}

.trrowbold {
	font-weight: bold;
	text-align: left;
}