BODY 
{
	margin:0 0 0 0;	
	padding:0 0 0 0;
	text-justify:distribute;
	background-color:#E6E6E6;
	text-align:left;
	height:984px;
}

BODY, P, TD, INPUT
{
	font-family:Trebuchet MS, Verdana;
	color:#666666;
	font-size:9pt;
	vertical-align:top;	
}

p,li
{
    margin: 2px;
}
ul,ol
{
    margin-top: 2px;
    margin-bottom: 2px;
}
td
{
	background-color:White;
}

H1, H2, H3, .sectionheader span, th { /* Common header features */
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 0px;
}

H1 
{
	/*text-indent:370px;*/
	text-align:right;
	font-size:12pt;
	color:#330066;
	font-weight:bold;
}

h2, .articletitle, .sectionheader span, .articletitle span
{
	font-weight:bold;
	font-size:12pt;
	color:#666666;
}
h3
{
	font-weight:bold;
	font-size:10pt;
	color:#666666;
}
th {
}

H3 {
}


HR {
}

A:LINK, A:VISITED 
{
	color:#666666;
}

A:HOVER 
{
	color:#5164b6;
}

UL {
	
}

LI {
}

IFRAME
{
    width: 100%;
    height: 400px;
    border: 0px;
}

.banner, .banner_frame
{
	width:760px;
	height:105px;
	background: url(/rlmark2/images/banner_bg.jpg);
	background-repeat:no-repeat;
	background-color:white;
}

.banner2_inside
{
	width:760px;
	height:81px;
	background-image: url(/rlmark2/images/banner_inside.jpg);
	position: absolute; 
	Top:107px;
}
.bannerhome
{
	width:760px;
	/*height:118px;*/
	background: url(/rlmark2/images/banner_bg.jpg);
	background-repeat:no-repeat;
	background-color:white;
}

.bannershop, .banner_frame
{
	width:100%;
	height:105px;
	background: url(/rlmark2/images/banner_bg.jpg);
	background-repeat:no-repeat;
	background-color:white;
}
.probanner, .banner_frame
{
	width:760px;
	height:105px;
	/*background: url(/rlmark2/images/banner_bg.jpg);*/
	background-repeat:no-repeat;
	background-color:white;
}
.partnerLinks
{
	float:left;
	clear:left;
	height:23px;
	padding-top: 5px;
	padding-left: 5px;
}
.logo
{
	float:right;
	clear:right;
}

.framebanner2_inside
{
	width:760px;
	height:81px;
	background-image: url(/rlmark2/images/banner_inside.jpg);
	position:absolute; 
	Top:97px;
	margin-top:.39em;
}
.banner2_home
{
	background-image: url(/rlmark2/images/banner_home.jpg);
	width:760px;
	height:223px;
	/*position:absolute; 
	Top:113px; 
	padding: 0px;
	display: block;	
	clear: both;*/
}
.probanner2_inside
{
	width:760px;
	height:81px;
	background-image: url(/rlmark2/images/banner_inside.jpg);
	position:absolute; 
	Top:97px;
}
.probanner2_home
{
	width:760px;
	height:223px;
	background-image: url(/rlmark2/images/banner_home.jpg);
	position:absolute; 
	Top:97px; 	
}

.banner_frame{
	width:100%;
	height:100px;
	border-bottom-color:#FFCC00;
	border-bottom-style:solid;
	border-bottom-width:2px;
	
}
.menu /* This style and the others related are for the main navigation */
{
	float:left;
	clear:left;
	width:600px;
	height:20px;
	padding-top:54px;
	vertical-align:bottom;
}

.menuhome /* This style and the others related are for the main navigation */
{
	float:left;
	clear:left;
	width:600px;
	height:30px;
	padding-top:57px;
	padding-bottom:0px;
	vertical-align: bottom;
}

.menu a:link, #menu a:visited {
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

.menu a:hover {
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
.shopmenu /* This style and the others related are for the main navigation */
{
	float:left;
	width:600px;
	height:20px;
	padding-top:57px;
	vertical-align:bottom;
}
#leftshadow{
	background-image: url(/rlmark2/images/bg_left_shadow.jpg);
	background-repeat: repeat-y;
	width: 7px;
}
#rightshadow{
	background-image: url(/rlmark2/images/bg_right_shadow.jpg);
	background-repeat: repeat-y;
	width: 7px;
}

#maincontainerhome, #maincontainerinside
{
	border-bottom-color:#FFCC00;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
#maincontainerhome
{
	border-top:solid 0 white; /*border with a number in its shortened form doesnt work in firefox - which actually is what i want*/
	/*padding-top:220px;		   this padding instruction is NOT being followed in ie, which is why the hack above is being used.*/
	text-align:left;
	vertical-align:top;
	width:760px;
}

#maincontainerhome tr td.first
{
	border-right:solid thin #CCCCCC;
	padding-left: 20px;
}

.first #MainArticle1_lblTitle
{
    display: none;
}

#maincontainerinside 
{
	border-top:solid 0 white; /*border with a number in its shortened form doesnt work in firefox - which actually is what i want*/
	padding-top:73px;		   /*this padding instruction is NOT being followed in ie, which is why the hack above is being used.*/
	text-align:left;
	vertical-align:top;
	width:760px;
	
}
#maincontent
{
    width:69%;
    float:left;
    height:auto;
    margin-top:2px;
}
#leftcolumn
{
    float:left;
    height:auto;
}
#maincontainerinside  #maincontent
{
	padding: 0 60px 10 20px;
}

#maincontainershop  #maincontentshop
{
	padding: 0px;
}

#leftcolumn, .empty{
	width:152px;
	background-color:#E1E1E1;
	vertical-align:top;
	padding:40px 0 0 0;
}

#leftcolumn a
{
	width:152px;
	height:20px;
	display:block;
	text-align:right;
	background-color:#AAAAAA;
	text-decoration:none;
	color:White;
	border-bottom-color:white;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#leftcolumn a:link,  #leftcolumn a:visited {
}
#leftcolumn a:hover {
}

.mediaarea {
	width:152px;
	background-color:#E1E1E1;
	vertical-align:top;
	padding: 0 0 0 0;
}

#footer
{
	vertical-align:top;
	white-space:nowrap;	
	text-align:left;
	font-size:8pt;
	text-align:right;
	float:left;
}
#footer .address
{
	text-align:left;
	padding-left:10px;
}

#footer a:link, #footer a:visited  { /*regular links in the footer (e.g. Teleios) */
	color:#666666;
}
#footer span
{
	color:Black;
}

#footer a:hover { /* contains the menu in the footer */
	color:#29106B;
}
.red, a:link.red, a:hover.red, a:visited.red
{
	color:#CC0000;
}

.spacer
{
	padding:0 10 0 10;
}
/*cms*/
.lstArticleSeparator
{
	padding:5 0 5 0;
}

.videobg {
	background-color: #29106B;
	border: thick solid #FF9900;
	padding: 100px;
	height: 600px;
}
.video {
	width: 100%;
	background-color: #FFCC99;
	vertical-align: middle;
}

.VideoHeader {
	background-color: #FFFFFF;
}

.VideoHeader h1{
	font-size: 13px;
	text-align: center;
}