@charset "utf-8";

html {
	height: 100%;  /* Important to sticky footer */
}

body {
	font: 100% "Times New Roman", Times, serif;
	background: #000000;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 100%;

}



.Ecstasy #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height: 100%;  /* Important to sticky footer */
	height: auto;      /* Important to sticky footer */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* -100 the bottom margin is the negative value of the sticky footers height */
	text-align: center; /* this overrides the text-align: center on the body element. */

}


.Ecstasy #home-container {
	width: 900px;  /*  */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;  
	height: 100%;      
	background-image: url(images/home-background.jpg);  
	background-repeat: no-repeat;	
	text-align: center; /* this overrides the text-align: center on the body element. */

}


.Ecstasy #mainContent {
	width: 900px;
	min-height: 650px;
	margin-top: 5px;
	text-align: center;
	color: #909090;
	
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	
}

.Ecstasy #column {
	float: left;
	text-align: left;
	line-height: 200%;
	font-size: 11px;
	width: 400px;
}

.Ecstasy #smaller {
	font-size: 9px;
}


.Ecstasy  a{
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #909090;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



.Ecstasy #faq{
	text-align: left;
}

.Ecstasy #advertising{
	text-align: left;
}

.Ecstasy #signup{
	text-align: left;
}



.Ecstasy #header {
	width: 900px;  
	height: 150px; 

	/* padding-top: 10px;  */
	padding-bottom: 15px;
}

.Ecstasy #EntryImage {
	padding-top: 25px;
}


.Ecstasy #EntryWarning {
	color: #C0C0C0;
	width: 600px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 15px;
	font-weight: bold;	
}

.Ecstasy #EntrySelection {
	padding-top: 25px;
	color: #C0C0C0;
}

.Ecstasy #EntrySelection a{
	padding: 25px;
	color: #C0C0C0;
	font-size: 20px;
	font-weight: bold;
}


.Ecstasy #horiz-nav{
	height: 20px;
}

.Ecstasy #horiz-nav a{
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #909090;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


.Ecstasy #horiz-nav a:hover{
	background-color: #333333;
}

.Ecstasy #horiz-nav form select{
	color:#999999;	
	background-color: #000;

	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

	
}




.Ecstasy #main-image{
	padding-top: 50px;

}

.Ecstasy #footer{
	height: 30px; /* This is the size of the sticky footer */
	

	text-align: center;

	color: #909090;
	font-weight: normal;
	font-size: 9px;
}


/* ---- start domhide support (collapsing dom in Faqs)  ------ */

.Ecstasy .trigger{
	cursor:pointer;
}

.Ecstasy .trigger a img{
	text-decoration: none;
	border: none;
}

		
.Ecstasy .trigger:hover{
	cursor:pointer;
	background:#ddf;
}		

.Ecstasy .expanded{
	color: #000000;
	background:#ccf;
	cursor:pointer;
}

.Ecstasy .expanded a img{
	color: #000000;
	text-decoration: none;
	border: none;
}



.Ecstasy .expanded:hover{
	background:#eef;
	cursor:pointer;
}

.Ecstasy .show{
position:static;
display: table;
}

.Ecstasy .hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}


.Ecstasy #Headline
{
	width: 900px;
	height: 50px;
	/* background-color: #001100; */
	/* border: 1px solid red; */
	float: left;
	text-align: center;

}

.Ecstasy #City{
	float: center;
	text-align: center;
	color: #909090;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: -23px;
}

.Ecstasy #Feat_Head{
	float: center;
	text-align: center;
	color: #909090;
	font-size: 26px;
	font-weight: bold;
}



.Ecstasy #Featured
{
	width: 900px;
	height: 450px;
	/* background-color: #001100; */
	/* border: 1px solid red; */
	float: left;
	

}

.Ecstasy #Featured_left
{
	width: 450px;
	height: 450px;
	/* background-color: #111100; */
	/* border: 1px solid blue; */
	float: left;	
	cursor: pointer;	
}

.Ecstasy #Featured_left img
{
	/* max-width: 100%; */
	/* max-height: 100%; */
	max-width: 432px;
	max-height: 432px;
}


.Ecstasy #Featured_right
{
	width: 450px;
	height: 450px;
	/* background-color: #001111;  */
	/* border: 1px solid green; */
	float: left;	
	cursor: pointer;	
	text-align: left;	
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}

.Ecstasy #top_left
{
	width: 186px; /* 190 */
	height: 200px; /* 155 */
	float: left;	
}

.Ecstasy #top_right
{
	width: 250px; /* 190 */
	height: 200px; /* 155 */
	float: left;	
}

.Ecstasy #bottom
{
	width: 425px; /* 190 */
	height: 250px; /* 155 */
	float: left;	
	overflow:auto;   /* Auto shows a scroll bar if necissary. Could also have been hide, right? */
}



.Ecstasy #Basic
{
	width: 900px;
	height: 150px;
	/* background-color: #000011; */
	/* border: 1px solid yellow; */
	float: left;
}

.Ecstasy #Basic_left
{
	width: 450px;
	height: 15px;
	text-align: left;
	/* background-color: #101010; */
	/* border: 1px solid green; */
	float: left;
}

.Ecstasy #Basic_right
{
	width: 450px;
	height: 15px;
	text-align: right;	
	/* background-color: #101010; */
	/* border: 1px solid green; */
	float: left;
}

.Ecstasy #Basic_bottom
{
	width: 900px;
	height: 123px;
	/* background-color: #010101; */
	/* border: 1px solid purple; */
	float: left;
	/*  padding-left: 35px; */
	/* padding-top: 3px; */
}

.Ecstasy #Basic_icon
{
	width: 69px;
	height: 110px;
	/* background-color: #313131; */
	/* border: 1px solid orange; */
	float: left;
	margin: 6px;
	cursor: pointer;	
}




/* ----- end domhide support (collapsong dom in Faqs) ----- */




.Ecstasy form#two {background:#000; width:700px; padding:10px; border:1px solid #000; margin:0 auto;}

.Ecstasy form#two fieldset {width:650px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}


/* These will allow little pictures to be placed into the form sub-areas */
/* .Ecstasy form#two fieldset#personal {background:transparent url(cssplay/crutch.gif) no-repeat 500px 10px;} */


.Ecstasy form#two fieldset#private legend{width: auto; border: 3px solid #fff;}
.Ecstasy form#two fieldset#private       {width:700px; border: 3px solid #fff;}

.Ecstasy form#two fieldset#public legend{width: auto; border: 3px solid #fff;}
.Ecstasy form#two fieldset#public       {width:700px; border: 3px solid #fff;}



* html .Ecstasy form#two fieldset#current {background-position:500px 20px;}

.Ecstasy form#two fieldset#opt {background:#dee;}

.Ecstasy form#two legend {font-family:georgia, sans-serif; font-size:1.0em; font-weight:bold; border:1px solid #fff; margin-bottom:0px; padding:0px; width:254px; background:#000;}

.Ecstasy form#two label {clear:left; display:block; float:left; width:260px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.0em;}

.Ecstasy form#two input {color: #888; border-bottom:1px solid #888; border-top: 0px; border-left: 0px; border-right: 0px;  background:#000; padding-left:0.5em; margin-bottom:0.6em;}


.Ecstasy form#two #input_nodecor input{
	border: 0px;
	
}



.Ecstasy form#two select {margin-left:0; color: #888; border-bottom:1px solid #888; border-top: 0px; border-left: 0px; border-right: 0px;  background:#000; padding-left:0; margin-bottom:0.0em; float: left; margin-right: 0;}

.Ecstasy form#two textarea {width:410px; height:15em; border:1px solid #000; padding:0.5em; overflow:auto; background:#000; color:#888; font-family:verdana, sans-serif;}

.Ecstasy form#two option {background:#788; color:#fff;}

.Ecstasy form#two optgroup {background:#abb; color:#000; font-family:georgia, serif;}

.Ecstasy form#two optgroup option {background:#9aa; color:#fff;}

.Ecstasy form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}

.Ecstasy form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}


.Ecstasy #upload_file 
{

border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #003b62;
border-right-color: #003b62;
border-bottom-color: #003b62;
border-left-color: #003b62;
font-family: verdana;
background-color: #b5cfe0;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

/* Support for transparent dropdown menu */

.menu_container{
width: 870px; 
height:30px;
margin-left: 150px;
text-align: center; 
}


.menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
/* background:#fff url(../x.jpg) 0 20px no-repeat; */
position:relative; 
margin: 0 auto;
text-align: center; 
}

/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

/* make menu horizontal */
.menu ul li {
float:left; 
position:relative;
}

/* set up the default top level links */
.menu ul li a, .menu ul li a:visited { /* This is the menu when NOT rolled over */
display:block; 
text-decoration:none; 
/* color:#000;  */ /* ? */
width:90px; 
height:1.5em;
font-weight:bold;
/* color:#888;  */
border-bottom:4px solid #888;
/* background:#000; */
padding-left: 3px; 
padding-right: 3px;
line-height:1.5em;
margin-right:2px;
}

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width: 90px;
w\idth:90px; 
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}

/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#ad0b0b; 
border-bottom:4px solid #ad0b0b;   /* Rolled over color */

}

/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:7px;
left:0; 
/* width:100px; */
border:1px solid #888;
border-top:0;
background:transparent;

}

/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(opaque.png); 
border:0;
margin:0;
color:#330;
font-weight:bold; 
font-size:0.9em;
height:auto; 
width: 200px;
line-height:1em; 
padding:5px; 
/* width:90px */

}

/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:12px; /* for IE5.5 faulty box model */
marg\in-top:12px; /* for IE6 */
}

/* ONLY IE SEEMS TO HONOR THIS ENTRY (RNF)...   IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:  200px;  /* was 75px - for IE5.5 faulty box model */
w\idth: 200px;  /* for IE6 */
}




/* End Support for transparent dropdown menu */



.Ecstasy #Admin_mainContent {
	width: 900px;
	min-height: 650px;
	margin-top: 5px;
	text-align: left;
	color: #909090;
}


.Ecstasy #Admin_mainContent a {
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #9090FF;
	font-size: 15px;
	font-weight: normal;
	text-decoration: underline;
}



.Ecstasy #ad_right a img{
	height: 400px;
	width: 160px;
	float: right;
	border: none;
	padding: 0px;
	padding-top: 20px;
	margin: 0px;

}

.Ecstasy #ad_right {
	height: 400px;
	width: 160px;
	float: right;
	border: none;
	padding: 0px;
	margin: 0px;

}

.Ecstasy #ad_footer {
	margin: 0 auto;
	text-align: center;
	height: 60px;
	width: 468px;
	border: none;
	padding: 0px;

}

.Ecstasy #ad_footer a img{
	margin: 0 auto;
	text-align: center;	
	height: 60px;
	width: 468px;
	border: none;
	padding: 0px;


}

.Ecstasy #ad_container_right {
	/* border: 1px solid red;  background-color: #777700;  */
	height: 400px;
	width: 160px;
	float: right;

}