﻿body  
{
    background-color: #000000;
    background-image: url(images/style/OrlykBodyLine.png);
    background-repeat: repeat-x;
    margin: 0px;
    font-family: Verdana;
    font-size: small;
}

#wrapper 
{
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    width: 900px;
	overflow: visible;
}

#header  
{
    height: 92px;
    width: 900px;
    border-color: #E10000;
    border-width: 1px;
    border-style: solid;
    background-color: #000000;
    background-image: url(images/style/OrlykNavLogo.bmp);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    overflow: hidden;
    font-family: century;   
}

#footer 
{  
    background-color: #000000;
    text-align: center;
    width: 900px;
}

#content 
{ 
    background-color: #000000;
    width: 900px;
    border-color: #E10000;
    border-width: 1px;
    border-style: solid; 
    color: #FFFFFF;
    min-height: 590px;   
}

#contentheader 
{ 
    background-color: #000000;
    width: 900px;
    height: 32px;
    border-bottom-color: #E10000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #FFFFFF; 
    padding-top: 1px;
    padding-bottom: 3px;
}

#showbar 
{ 
    margin-top: 15px;
    background-color: #000000;
    width: 280px;
    min-height: 400px;          
    padding-right: 10px;
}

a:link { color: Red;}
a:hover { color: Red; }
a:visited { color: Red; }

#navtitle 
{
    font-size: 35px;
    color: #FFFFFF;
    text-align: left;
    margin-left: 12%;
    padding-bottom: 5px;
}

h1 
{

    font-family:Verdana, Arial, Helvetica, sans-serif;

    font-size:16px;

    font-weight:bold;

    margin:0;

    padding:0;

}



/* ---------------------- Navigation Structure ---------------------- */

#navigation{

	position:relative;

	margin-top: 0px;

	height:56px;

	color:#E0E0E0;

	background:#000000;

	width:88%;

	float:right;

	font-family:Helvetica,Arial,Verdana,sans-serif;

	}



#navbar{

	position:relative;

	height:33px;

	font-size:12px;

	text-transform:uppercase;

	font-weight:bold;

	background:#000 url(images/style/OrlykNavBg.png) repeat-x bottom left;

	padding:0 0 0 5px;

	}



#navbar ul{

	margin:0;

	padding:0;

	list-style-type:none;

	width:auto;

	float:left;

	}



#navbar ul li{

	display:block;

	float:left;

	margin:0 1px;

	}



#navbar ul li a{

	display:block;

	float:left;

	color:#EAF3F8;

	text-decoration:none;

	padding:0 0 0 15px;

	height:33px;
    font-weight: bold;
	font-size: 12px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
    
	}



#navbar ul li a span{

	padding:12px 15px 0 0;

	height:21px;

	float:left;

	}



#navbar ul li a:hover{

	color:#FFFFFF;

	background-color: Black;

	}



#navbar ul li a:hover span{

	display:block;

	width:auto;

	cursor:pointer;

	}



#navbar ul li a.current,#navbar ul li a.current:hover{

	color:#FFFFFF;

	background:#000000 url(images/style/OrlykLeftOn.png) no-repeat top left;

	line-height:275%;

	}



#navbar ul li a.current span{

	display:block;

	

	padding:0 20px 0 0;

	width:auto;

	background:#000000 url(images/style/OrlykRightOn.png) no-repeat top right;

	height:33px;

	}

/* ---------------------- END Navigation Structure ---------------------- */





/* ---------------------- START Dances Navigation ---------------------- */



#DanceNavContainer

{	margin: 0;

	padding: 0;

    z-index: 30;

    float: left;

}



#DanceNavContainer li

{	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	font: bold 11px arial}



#DanceNavContainer li a

{	display: block;

	margin: 0 2px 0 0;

	padding: 4px 10px;

	min-width: 60px;

	background: #BF0000;

	color: #FFF;

	text-align: center;

	text-decoration: none;

}



#DanceNavContainer li a:hover

{	background: #000000; 



}



#DanceNavContainer div

{	position: absolute;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

	background: #EAEBD8;

	border: 1px solid #000000}



	#DanceNavContainer div a

	{	position: relative;

		display: block;

		margin: 0;

		padding: 5px 10px;

		width: 200px;

		white-space: nowrap;

		text-align: left;

		text-decoration: none;

		background: #BF0000;

		color: #FFFFFF;

		font: 11px arial}



	#DanceNavContainer div a:hover

	{	background: #000000;

		color: #FFFFFF}





/* ---------------------- END Dancest Navigation ---------------------- */



table 

{ 

    border-collapse: collapse;

    margin-top: 5px;

    border-color: black;

    border-style: dotted;

    border-width: 1px;

} 



#filter

{

	display: none;

	position: absolute;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #000000;

	z-index:10;

	opacity:0.5;

	filter: alpha(opacity=60);

}



#box 

{

	display: none;

	position: absolute;

	top: 20%;

	left: 25%;

	width: 50%;

	height: 70%;

	max-height: 60%;	

	padding: 0;

	margin:0;

	border: 1px solid black;

	background-color: #DDDDDD;

	z-index:11;

	overflow: hidden;

}



#boxclose

{

	float:right;

	position:absolute;

	top: 0;

	right: 10%;

	background-image:url(images/close.gif);

	background-repeat:no-repeat;

	background-color:#CCC;

	border:1px solid black;

	width:20px;

	height:20px;

	text-align: center;

	cursor: pointer;

	z-index: 12;

}



#boxcontent

{

	position:absolute;

}



#innercontent

{

    width: 820px;

    margin-top: 20px;

    margin-left: 20px;

    font-size: 11pt;    

    overflow: auto;

    scrollbar-face-color:#BF0000;

    scrollbar-highlight-color:#BF0000;

    scrollbar-3dlight-color:#000000;

    scrollbar-darkshadow-color:#000000;

    scrollbar-shadow-color:#000000;

    scrollbar-arrow-color:#000000;

    scrollbar-track-color:#000000;

}    



#PageTitle

{   

    color: Red;

    font-size: 14pt;

    margin-bottom: -20px;

    font-style: italic;

    font-size: 14pt;

}

.pagetitle
{
        color: Red;

    font-size: 14pt;

    margin-bottom: -20px;

    font-style: italic;

    font-size: 14pt;
}

#PageSubTitle

{   

    color: Red;

    font-size: 14pt;

    margin-bottom: -20px;

    font-style: italic;

    font-size: 12pt;

    line-height: 23pt;

}





#PageTitle2

{   

    color: Red;

    font-size: 11pt;

    margin-bottom: -20px;

    font-style: oblique;

}



#Title

{

    color: #FFFFFF;

    font-size: 14pt;

}



#Snippets

{

    color: Red;

    font-style: italic;

    font-size: 14pt;

    text-align: right;

}



#snippetcontainer

{

    

}



#imagecontent

{

    width: 820px;

    height: 100px;

}



#snippetcontainer

{

    width: 100%;

    padding-bottom: 10px;

}

#sliderWrap 
{
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 902px;
}

#slider 
{
    position: absolute;
    background-color: #DF0000;
    width: 902px;
    height: 339px;
    margin-top: -340px;
    z-index: 10000;
}

#slider img 
{
    border: 0;
}

#sliderContent 
{
    margin: 10px 10px 10px 10px;
    position: absolute;
    color: #000;
    padding: 10px;
    width: 870px;
}

#openCloseWrap 
{
    position:absolute;
    margin: 337px 0 0 750px;
    font-size:12px;
    font-weight:bold;
    background-color: #DF0000;
    width: 125px;
    height: 45px;
}
