/*BEGIN LAYOUT CSS*/

html, body  { 
text-align: center;
background-color: #D7D2BA;
margin:0; 
padding:0; 
height:100%; 

} 

div#container
{
background-image: url(../images/BG.gif);
background-repeat: repeat-y;
position:relative;
min-height: 100%;
/*line-height:400 px;*/
width:940px;
height: auto; 
/*margin:0 auto;*/
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #FFFFFF;

}

div#subcontainer
{

/*line-height:400 px;*/
/*height:400 px;*/
width:900px;
margin-left: auto;
margin-right: auto;
/*width: 50em;*/
text-align: left;
padding: 0px 0px 0px 0px;
/*background-color: #000000;*/
z-index: 2;

}

div#supportbox
{
position:relative;
/*background-image: url(../images/bg_leather.png);
background-repeat: no-repeat;*/
height:275px;
width:300px;
/*margin-left: 0;*/
/*margin-right: auto;*/
/*width: 50em;*/
/*background-color: #000000;*/

}
div#photoflipper
{
position:relative;
background-image: url(../images/bg_photos.png);
background-repeat: no-repeat;
height:345px;
width:345px;
margin-top: -50px;
margin-right: -45px !important;
z-index: 2;
}

div#nav {
position:relative;
padding: 0px 0px 10px 0px;
width:900px;
text-align: left;
/*height:20 px;*/
/*background-color: #000000;*/
/*margin:0px 0px 0px 0px;*/
/*z-index: 1;*/
}

#logo {
position:absolute;
margin:0px 20px 20px 20px;
/*z-index: -1000;*/
}
#videoplayer { 
position:absolute;
margin:80px 20px 20px 615px;
float: right; 
z-index: 2;
}

.sponsorlogo { 
	position:relative;
    float: right; 
    /*margin: 10px;*/
	/*width:246px;*/
	/*margin:10px 10px 10px 10px;*/

}


#textcontent {
position:relative;
float: left; 
padding:30px 10px 10px 0px;
font-size:12px; 
font-family:Arial, Geneva, sans-serif;
height:100%;
}

* html #container {
height: 100%;
}

#subcontent {
position:absolute;
margin:330px 0px 0px 40px;
z-index: 2;
}

#footer {
clear: both;
background-color: #FFFFFF;
text-align: left;
/*padding: 10px 10px 10px 10px;*/
width:900px;
font-size:12px; 
font-family:Arial, Geneva, sans-serif;
margin-left: auto;
margin-right: auto;
}

#contentphotoright { 
	position:relative;
    float: right; 
    /*margin: 10px;*/
	/*width:246px;*/
	/*margin:10px 10px 10px 10px;*/

}

#contentphoto { 
	position:relative;
	
    /*float: right; */
    /*margin: 10px;*/
	/*width:200px;*/
	/*margin:10px 10px 10px 10px;*/
	margin-top: -310px;
	/*margin-left: -45px;*/
	z-index: 2;
}
#videoplayer { 
	position:relative;
	z-index: -1;
	width:270px;
}
/*div#desc { 
	position:relative;
	height: 43px;
	text-align: left;
	/*float: left;*/
	/*width:250px;
	margin-left: -14px;
    margin-top: 2px;
}*/

div#photocaption { 
	position:relative;
	margin-top: 5px;
	height: 60px;
	text-align: left;
	width:270px;
    z-index: 5;
}

div#photonumbers { 
	position:relative;
	margin-top: 5px;
	margin-right: 11px;
	float: right;
	/*margin-right: -200px;*/
    /*margin-top: 20px;*/
	z-index: 1000;
}

#rightcontent { 
	position:relative;
    float: right; 
	margin:8px 0px 0px 680px;
}

#virtualpage { 
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.clear {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
    width: auto;
    position: relative;
}
/*END LAYOUT CSS*/





.linkcolor-orange { font-size: 12px; font-family: Arial, Geneva, sans-serif;text-decoration: none; color:#000000;}
.linkcolor-orange a:link { color: #cb6a11}
.linkcolor-orange a:visited { color: #cb6a11}
.linkcolor-orange a:hover { color: #cb6a11}
.linkcolor-orange a:active { color: #cb6a11}

.linkcolor-orangesm { font-size: 11px; font-family: Arial, Geneva, sans-serif;text-decoration: none; color:#000000;}
.linkcolor-orangesm a:link { color: #cb6a11}
.linkcolor-orangesm a:visited { color: #cb6a11}
.linkcolor-orangesm a:hover { color: #cb6a11}
.linkcolor-orangesm a:active { color: #cb6a11}


.x1 {font-size:11px; font-family:Arial, Geneva, sans-serif;}
.x2 {font-size:12px; font-family:Arial, Geneva, sans-serif;}
.x1-white {font-size:11px; font-family:Arial, Geneva, sans-serif; color:#FFFFFF;}
.x1-white2 {font-size:11px; line-height: 18px;letter-spacing: -1.0px;font-weight: bold; color:#FFFFFF;}
.x1-orange {font-size:11px; font-family:Arial, Geneva, sans-serif; color:#f5821f;}

.input {font-size:11px; font-family:Arial, Geneva, sans-serif;}
.input2 {font-size:10px; font-family:Arial, Geneva, sans-serif;}
.headline {color: #000000;	font-size: 18px;line-height: 16px;letter-spacing: -1.5px;font-weight: bold;}
.headline-mini {color: #000000;	font-size: 13px;line-height: 14px;letter-spacing: 0.5px;font-weight: bold;}
.headline2 {color: #000000;	font-size: 20px;line-height: 18px;letter-spacing: -1.0px;font-weight: bold;}
.headline-white {color: #FFFFFF;font-size: 16px;letter-spacing: 0.5px;font-weight: bold;;font-family:Arial, sans-serif;}
.headline-black {color: #000000;font-size: 16px;letter-spacing: 0.5px;font-weight: bold;;font-family:Arial, sans-serif;}
.headline-orange {color: #f5821f;font-size: 16px;letter-spacing: 0.5px;font-weight: bold;;font-family:Arial, sans-serif;}


/*BEGIN PHOTO SLIDESHOW STYLING*/
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}

/* style the link text to be central in a surrounding box */
.photonumber {
font-size:11px;
float:left; 
text-decoration:none; 
color:#4f371e; 
background:#c7a871; 
text-align:center; 
width:20px; 
height:20px; 
line-height:18px; 
border:1px solid #4f371e;
margin:1px;
}
/* style the hover background color for the text boxes */
.photonumber a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.photonumber a:active, .photonumber a:focus {
background:#444; 
color:#fff;
}
/*END PHOTO SLIDESHOW STYLING*/