html, body 
{	 
	font-family:arial;
	background-color: #2b2b2b;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #006577;
	scrollbar-track-color: #2B2B2B;
}




div#page 
{ 
	position: relative;
	top: 150px;
	height: 367px; 
	width: 700px; 
	border: solid 1px #5c5c5c;
	background-color: #2b2b2b;
}

#leftcol 
{ 
	text-align: left; 
	background-image: url(images/gradientMenu.jpg); 
	background-repeat: repeat-x; 
	background-color: #2b2b2b; 
	width: 15%; 
	height: 100%; 
	float: left; 

	color: #ffffff; 
	font-size: 10px; 
	text-decoration: none; 
}

#rightcol 
{ 
	background-image: url(images/gradientMenu.jpg);
	background-repeat: repeat-x;
	background-color: #2b2b2b;
	width: 15%; 
	height: 100%;
	float: right; 
}

#middlecol 
{
	background-color: #2b2b2b;
	width: 69.9%;
	height: 366px;
	float: left;
	padding: 10px; 
	overflow: auto;
	overflow-x:hidden;
	
}

div.mainHeading
{ 
	
	color: #ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	
}

div.mainText
{ 
	
	color: #ffffff; 
	font-size: 10px; 
}

div.downloadText
{ color: #ffffff; font-size: 9px; font-family: arial; }

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


A:link
{
	color: #b59d9d;
	text-decoration: none;
	font-size: 10px; 
}

A:visited
{
	color: #b59d9d;
	text-decoration: none;
}

A:active
{
	color: #b59d9d;
	text-decoration: none;
}

A:hover
{
	color: #ffffff;
}

.input {
	background-color:#c0c0c0;
	border:1px #7d7d7d solid;
	font-size: 10px;
        color: #000000;
}

.inputActive {
	background-color: #ffffff;
	border:1px #7d7d7d solid;	
	font-size: 10px;
        color: #000000;	
}

.image { border: solid 1px #aaa }

#shopBox
{ 
	position: relative; 
	top: 135px;
	left: 8px; 
	width: 85px;
	height: 92px;
	background-color: black;
	border: solid 1px #aaa 	
}

#noteBox
{ 
	position: relative; 
	top: 168px; 
	height: 85px; 
	width: 85px;
	height: 92px;
	background-color: black;
	border: solid 1px #aaa 	
}

#contact
{ 
	position: relative; 
	top: 25px; 
	height: 85px; 
	width: 85px;  
	color: #ffffff; 
	font-size: 9px; 	
}


/* Here after hacks to display background image steched */

/* pushes the page to the full capacity of the viewing area */
html 
{
	height:100%;
}

body 
{
	height:100%; 
	margin:0; 
	padding:0;
}

/* prepares the background image to full capacity of the viewing area */
#bg 
{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
}

/* places the content ontop of the background image */
#content 
{
	position:relative; 
	z-index:1;
}


/* some css fixes for IE browsers */
html 
{
	overflow-y:hidden;
}

body 
{
	overflow-y:auto;
}
#bg 
{
	position:absolute; 
	z-index:-1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
#content 
{
	position:static;
}
.class { }