﻿body, html{
	margin:0;
	padding:0;
	height:100%;
	background:url(Images/bg.jpg) no-repeat #2C130F center;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	font-size:12px;
}

a{
	color:#CCC;
	text-decoration:underline;
	font-weight:bold;
}

#flashcontent 
{
   background:url(Images/screen2.jpg) no-repeat #2C130F center;
   width:990px;
   height:570px; 
   color:#a9a3a1;
   text-align:center; 
   vertical-align:middle;
   
}
   
.maindiv 
{
  width:350px;
}

#form1
{
   margin:0;
   padding:0;
}

#header 
{
   text-align:left;
   width:100%;
   height:80px;
}

/*
#header a { 
   display: block; 
   width: 222px; 
   height: 47px; 
   background: transparent url(Images/winter_dark.gif) no-repeat; 
} 

#header a:hover 
{
   display: block;  
   width: 222px; 
   height: 47px; 
   background: transparent url(Images/winter_white.gif) no-repeat; 
} */

#sidebar 
{
   margin-top:5px;
   *margin-top:110px;
   text-align:left;
   width:250px;
   float:left;
}

#rightcontent 
{
 /* border:1px solid white;*/
  margin-left: 40px;
  margin-top: 5px;
  text-align:left;
  width:700px;
  height:370px;
  overflow: auto;
}

.images 
{
   width:80px;
   height:80px;
}

.media
{
   width:120px;
   height:150px;
}

input[type=text] 
{
  background-color:Transparent;
   color:#a9a3a1;
   border:1px solid #a9a3a1;
}

input.btn
{
   background-color:Transparent;
   color:#a9a3a1;
   border:1px solid #a9a3a1;
   padding:3px;
}

input.btn:hover
{
   background-color:#d5d0cf;
   color:Black;
   border:1px solid #a9a3a1;
   padding:3px;
}

hr 
{
   color:#a9a3a1;
   height:1px;
}

#terms 
{
 
   float:right;
   margin-right:25px;
   font-size:8pt;
   color:#a39685;
   font-weight:lighter;
  
}

#terms a 
{
   text-decoration:none;
}

.media-text 
{
  height:400px;
  overflow-y:scroll;
}

.media-image 
{
   width:110px;
   height:150px;
}

.media 
{
   float:right;
}

.title-page {
  color:#a39685;
   font-weight:bold;
}



.jScrollPaneContainer {
   position: relative;
   overflow: hidden;
   z-index: 1;
}

.jScrollPaneTrack {
   position: absolute;
   cursor: pointer;
   right: 0;
   top: 0;
   height: 100%;
   width:50px;
}
.jScrollPaneDrag {
   position: absolute;
   background: #fff;
   cursor: pointer;
   overflow: hidden;
   margin-left:6px;
}
.jScrollPaneDragTop {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
}
.jScrollPaneDragBottom {
   position: absolute;
   bottom: 0;
   left: 0;
   overflow: hidden;
}
a.jScrollArrowUp {
   display: block;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   text-indent: -2000px;
   overflow: hidden;
   /*background-color: #666;*/
   height: 25px;
}
a.jScrollArrowUp:hover {
   /*background-color: #f60;*/
}

a.jScrollArrowDown {
   display: block;
   position: absolute;
   z-index: 1;
   bottom: 0;
   right: 0;
   text-indent: -2000px;
   overflow: hidden;
   /*background-color: #666;*/
   height: 25px;
}
a.jScrollArrowDown:hover {
   /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
   /*background-color: #f00;*/
}

a.jScrollArrowUp {
   background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
   background-position: 0 -35px;
}
a.jScrollArrowDown {
   background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
   background-position: 0 -35px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
   background-position: 0 -30px;
}

