html, body
{
	height: 100%;
	width: 100%;
	margin: 0px;
}

html
{
	overflow-y: scroll;
}

body, td
{
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #111111;
}

a
{
	color: #ED232A;
}


table, td
{
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
	vertical-align: top;
}

.title
{
	width:500px;
	height:38px;
	position: relative;
	left: -4px;
}

.title-small
{
	width:350px;
	height:30px;
	position: relative;
	left: -3px;
}
#printLogo { display: none; }
#cnttbl
{
	width: 719px;
	height: 100%;
	margin: 0px auto 0px auto;
	background: url(../images/background.png) repeat-y;
}

#tdnav
{
	width: 121px;
}

#tdcontent
{
	padding: 0px;
	margin: 0px;
	width: 598px;
}

#header
{
	position: absolute;
	width: 719px;
	height: 161px;
}
#navbg
{
	position: absolute;
	background: url(../images/tabs.png);
	width: 580px;
	height: 27px;
	margin: 133px 0px 0px 137px;
}



#topnav
{
	position: absolute;
	margin: 133px 0px 0px 137px;
}
#topnav .tab
{
	background-color: transparent; 
	width: 97px; 
	height: 27px; 
	overflow: hidden;
	float: left;
}
#topnav .tab a
{
	display: block;
	background: url(../images/tabs.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tabs.png');
	width: 580px;
	height: 54px;
	cursor: hand;
}
#topnav .tab a { _background: transparent; }
#topnav .tab a img { width: 97px; height: 54px; border: 0px; }


/* Firefox */
body.ff #topnav a.tab1 { margin: 0 0 -27px 0; }
body.ff #topnav a.tab1active, body.ff #topnav a.tab1:hover { margin: -27px 0 0 0; }
body.ff #topnav a.tab2 { margin: 0 0 -27px -97px; }
body.ff #topnav a.tab2active, body.ff #topnav a.tab2:hover { margin: -27px 0 0 -97px; }
body.ff #topnav a.tab3 { margin: 0 0 -27px -194px; }
body.ff #topnav a.tab3active, body.ff #topnav a.tab3:hover { margin: -27px 0 0 -194px; }
body.ff #topnav a.tab4 { margin: 0 0 -27px -290px; }
body.ff #topnav a.tab4active, body.ff #topnav a.tab4:hover { margin: -27px 0 0 -290px; }
body.ff #topnav a.tab5 { margin: 0 0 -27px -387px; }
body.ff #topnav a.tab5active, body.ff #topnav a.tab5:hover { margin: -27px 0 0 -387px; }
body.ff #topnav a.tab6 { margin: 0 0 -27px -483px; }
body.ff #topnav a.tab6active, body.ff #topnav a.tab6:hover { margin: -27px 0 0 -483px; }

/* IE6- */
body.i6 #topnav a.tab1 { margin: 0 0 -27px 0; }
body.i6 #topnav a.tab1active, body.i6 #topnav a.tab1:hover { margin: -27px 0 0 0; }
body.i6 #topnav a.tab2 { margin: 0 0 -27px -97px; }
body.i6 #topnav a.tab2active, body.i6 #topnav a.tab2:hover { margin: -27px 0 0 -97px; }
body.i6 #topnav a.tab3 { margin: 0 0 -27px -194px; }
body.i6 #topnav a.tab3active, body.i6 #topnav a.tab3:hover { margin: -27px 0 0 -194px; }
body.i6 #topnav a.tab4 { margin: 0 0 -27px -290px; }
body.i6 #topnav a.tab4active, body.i6 #topnav a.tab4:hover { margin: -27px 0 0 -290px; }
body.i6 #topnav a.tab5 { margin: 0 0 -27px -387px; }
body.i6 #topnav a.tab5active, body.i6 #topnav a.tab5:hover { margin: -27px 0 0 -387px; }
body.i6 #topnav a.tab6 { margin: 0 0 -27px -483px; }
body.i6 #topnav a.tab6active, body.i6 #topnav a.tab6:hover { margin: -27px 0 0 -483px; }

/* Safari */
body.sa #topnav .tab a { background-position: 0px left; }
body.sa #topnav .tab a:hover, body.sa #topnav a.active { background-position: -27px left; }
body.sa #topnav a.tab1 { margin-left: 0px; }
body.sa #topnav a.tab2 { margin-left: -97px; }
body.sa #topnav a.tab3 { margin-left: -194px; }
body.sa #topnav a.tab4 { margin-left: -290px; }
body.sa #topnav a.tab5 { margin-left: -387px; }
body.sa #topnav a.tab6 { margin-left: -483px; }

/* IE7+ */
body.i7 #topnav .tab a { background-position: 0px left; }
body.i7 #topnav .tab a:hover, body.i7 #topnav a.active { background-position: -27px left; }
body.i7 #topnav a.tab1 { margin-left: 0px; }
body.i7 #topnav a.tab2 { margin-left: -97px; }
body.i7 #topnav a.tab3 { margin-left: -194px; }
body.i7 #topnav a.tab4 { margin-left: -290px; }
body.i7 #topnav a.tab5 { margin-left: -387px; }
body.i7 #topnav a.tab6 { margin-left: -483px; }



#unit
{
	position: absolute;
	z-index: 1;
}

#unitimg
{
	position: relative;
	left: -17px;
	top: 15px;
	background: url(../images/unit.png);
	width: 154px;
	height: 292px;
	
}
/* IE PNG Hack */
#unitimg
{
	_background: transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/unit.png', sizingMethod='scale');
}

#unithome
{
	position: absolute; 
	z-index: 3;
}

#unitscreen
{
	position: absolute; 
	z-index: 2; 
	margin: 148px 0px 0px 26px;
}

#leftnav
{
	width: 121px;
	margin-top: 320px;
	text-align: center;
}
#content
{
	margin-top: 185px;
	width: 558px;
	margin-left: 38px;
	margin-bottom: 30px;
}

#brnav, #brnavalt
{
	
	height: 85px;
	width: 120px;
	z-index: 1000;
	margin-top: 30px;
	
	text-align: right;
	
	
}

.brnavline
{
	margin: 2px 0px 2px 18px;
	width:102px;
	height:1px;
	background-color: #d2d2d2;
	font-size: 0px;
	line-height: 0px;
	
}

.clearboth
{
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}


#course-image
{
	width: 717px;
	height: 159px;
	border: 1px solid #d2d2d2;
}


#staf
{
	position: absolute;
}
#staf-pos
{
	position: relative; 
	top: -154px; left: 12px;
}
#staf-bg
{
	width: 268px; 
	height: 168px;
	background: url(../images/send-to-a-friend-blur.png) no-repeat;
	position: absolute;
}
#staf-bg
{
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/send-to-a-friend-blur.png');
}

#staf-content
{
	width: 220px;
	position: absolute;
	text-align: left;
	padding: 18px 27px 18px 23px;
	font-size: 11px;
}
#staf-content input
{
	font-size: 11px;
}
#staf-content textarea
{
	font-family: arial;
	font-size: 11px;
}
#staf-content div
{
	margin-top: 2px;
}