body {
	background-color: #000000;
	text-align: center;
	margin-top: 0px;
}
#contentleft {
	padding: 0px;
}

#contentright{
	padding: 30px;
}

#pagebg {
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-color: #DD4B4C;
	display: block;
	height: 811px;
	width: 749px;
}

#pagebg2 {
	background-image: url(images/background2.jpg);
	background-repeat: no-repeat;
	background-color: #DD4B4C;
	display: block;
	height: 811px;
	width: 749px;
}

#pagepopup_videobg {
	background-image: url(images/videopopup_background.jpg);
	background-repeat: no-repeat;
	background-color: #DD4B4C;
	display: block;
	height: 501px;
	width: 434px;
}

#pagepopupbg {
	background-image: url(images/popup_background.jpg);
	background-repeat: no-repeat;
	background-color: #DD4B4C;
	display: block;
	height: 501px;
	width: 434px;
}

#content {	
	left: 0px;
	top: 0px;
	display: block;
	height: 600px;
	width: 552px;
	overflow: scroll;
	position: relative;
	padding: 10px;
}

#content2 {
	left: 25px;
	top: 40px;
	display: block;
	height: 425px;
	width: 225px;
	position: relative;
	padding: 10px;
	font-size: xx-small;
}

#content3 {
	left: 50px;
	top: 40px;
	display: block;
	height: 425px;
	width: 225px;
	position: relative;
	padding: 10px;
	font-size: xx-small;
}


.white_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E4DAC2;
	FONT-STYLE: normal;
	text-decoration: none;
	text-align: right;
	text-indent: 0px;
}

.white_link2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B4986E;
	FONT-STYLE: normal;
	text-decoration: none;
	text-align: right;
	text-indent: 0px;
}

.white_text11
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF5DB;
	FONT-STYLE: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
}	
a.white_link11:link{
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: normal;
	text-decoration: none;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}

a.white_link11:visited{
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: normal;
	text-decoration: none;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}
a.white_link11:hover{
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: normal;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}

a.white:link{
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}
a.white:visited{
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}
a.white:hover{
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}


a.beige:link{
	FONT-SIZE: 11px;
	COLOR: #9F855F;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}
a.beige:visited{
	FONT-SIZE: 11px;
	COLOR: #9F855F;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}
a.beige:hover{
	FONT-SIZE: 11px;
	COLOR: #9F855F;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}

a.greylink:link{
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-STYLE: normal;
	text-decoration: none;
	FONT-FAMILY: Verdana;
	text-indent: 0px;
}
a.greylink:visited{
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-STYLE: normal;
	text-decoration: none;
	FONT-FAMILY: Verdana;
	text-indent: 0px;
}
a.greylink:hover{
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-STYLE: normal;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-indent: 0px;
}
	
#pagebg #Layer1 {
	Z-INDEX: 1;
	top: 0px;
	display: block;
	height: 100px;
	width: 100px;
}
#pagebg #Layer2 {
	Z-INDEX: 2;
	POSITION: relative;
	overflow: scroll;
}
.style2 {
	COLOR: #ffffff
}
.style3 {
	FONT-SIZE: x-small; COLOR: #FFF5DB; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style4 {
	FONT-SIZE: 10px
}
.style5 {
	FONT-SIZE: 12px
}
.style6 {
	
}
.style7 {
	FONT-SIZE: 14px
}
.style9 {
	FONT-SIZE: 11px; COLOR: #fff5db; FONT-FAMILY: Arial
}
#pagebg #Layer3 {
	Z-INDEX: 3;
	POSITION: relative;
}
.style10 {
	FONT-FAMILY: Arial;
	text-align: center;
}

.style12 {
	FONT-SIZE: 20px;
	COLOR: #FFBB00;
	FONT-FAMILY: Arial;
	text-align: left;
	text-indent: 0px;
}

.styletest {  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	color: #FFBB00; 
	filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=100); 
	FONT-FAMILY: Arial;
	text-align: left;
	text-indent: 0px;
}

.style15 {
	FONT-SIZE: 14px;
	COLOR: #FFF6DE;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	text-align: left;
	text-indent: 0px;
}

#pagebg #Layer4 {
	Z-INDEX: 4;
	POSITION: relative;
	height: 30;
}

.style16 {
	FONT-SIZE: 11px; 
	COLOR: #fff5db
}
.style17 {
	FONT-SIZE: small; 
	COLOR: #FFF5DB;
	FONT-FAMILY: Arial;
	text-align: left;
	text-indent: 0px;
}
#pagebg #Layer5 {
	Z-INDEX: 5; LEFT: 1px; WIDTH: 374px; POSITION: absolute; TOP: 30px; HEIGHT: 38px
}
#pagebg #Layer6 {
	Z-INDEX: 5;
	display: block;
	position: absolute;
	top: 8px;

}
.style20 {
	FONT-STYLE: italic; FONT-FAMILY: Verdana
}
.style21 {
	FONT-SIZE: 11px
}
.style22 {
	FONT-SIZE: 11px;
	COLOR: #E4DAC2;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}

.style24 {
	FONT-SIZE: 11px;
	COLOR: #9F855F;
	FONT-STYLE: italic;
	text-decoration: Underline;
	FONT-FAMILY: Verdana;
	text-align: right;
	text-indent: 0px;
}
.style23 {
	COLOR: #d5c8a5
}

.stylevs {

FONT-SIZE: font-size: 1em;
	COLOR: #FFF5DB;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	
}

/*scroller */
.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 10px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 10px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

.hscrollerbar {
top: 20px important;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(cropped_images/vscroller.png) 0px -10px;
width: 10px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(cropped_images/vscroller.png);
width: 10px;
height: 10px;
}

.hscrollerbarbeg {
background: url(cropped_images/hscroller.png) -10px 0px;
height: 10px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(cropped_images/hscroller.png);
height: 10px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(cropped_images/scrollbaseback.png);

}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 10px;
background: url(cropped_images/scrollbases.png) -22px 0px no-repeat;
}

.hscrollerbaseend {
top: 0px;
height: 10px;
width: 7px;
background: url(cropped_images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
top: 0px;
width: 15px;
background: url(cropped_images/scrollbases.png) -7px -8px no-repeat;
}

.vscrollerbaseend {
height: 7px;
width: 10px;
background: url(cropped_images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 10px;
height: 10px;
bottom: 0px;
right: 0px;
background: white url(cropped_images/scrolljog.png) 50% 50%;
}
