/* *******************************

Orchid customstyles.css, Version 1.0

JB01
******************************* */

html {
        overflow-x: hidden !important;
}

body {
	background-color: #000;
	font-family:verdana;
        font-size:90% !important;
	outline:none;
}

div#sitecontainer {
	background: #000;
        width:1050px;
        border:none;
}

#main {
      top:120px;
      margin-left:260px;
      width:650px !important;
      height:530px !important;
      _height:530px !important;
      position:absolute;
      color:#FFF;
      overflow:hidden;
      margin-top:10px !important;
}

div#logo { width:auto; float:left; background-color:#000;}

div#nav1.nav ul li div.foldOut { display:none; }

div#nav1.nav {
        width:825px !important;
        float:right;
        height:105px !important;
}

div#nav1.nav ul li a {
outline:none !important;
}


#main h1 {
        display:none;
}

strong {
	color: #999;
}

#footer {
        text-align: center;
        position:relative;
        align:center !important;
        padding:0px !important;

}

div.address {
        color:#ccc !important;
        float:right;
}

#footer .address b {
	font-family: verdana, sans-serif;
}

#footer .address a {
	color: #ccc;

}

/* *******************************

HOVER

The color needs an !important to overrule the normal link colors, which are set on
a selector containing an ID. Normally ID overrides CLASS, but in this specific instance
we don't want that.

******************************* */

.nav div a hover {
	color: #1E2472 !important;
	background-color: #cccccc;
}

#main a {
	text-decoration: none;
}

#main a hover {
	color: #9A0000;
	background-color: #cccccc;
	text-decoration: underline;
}


/* *******************************

TOP NAVIGATION

ISSUE: Nav height.

******************************* */

#nav1 {
	background-color: #000000;
        border:none !important;
        width:815px; !important;
        float:right;
        position:relative;
}



.printerfriendly {
        display:none;
}


#nav1 a {
        color:#737373;
        font-family:'trebuchet ms';
        text-transform:uppercase;
        text-align:center;
        height: 30px;
        display: block;
        margin: 0 !important;
        font-size:14px;
        *font-size:14px !important;
        _font-size:14px;
	font-weight:bold;
}

#nav1.nav ul li { padding:0 12px 0 12px; }

#nav1 a#nav1322 { width:48px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1323 { width:110px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1324 { width:100px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1325 { width:105px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1326 { width:45px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1327 { width:40px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1328 { width:90px; padding:10px 0px 0px 0px !important; }
#nav1 a#nav1389 { width:60px; padding:10px 0px 0px 0px !important; }
#nav1 a:hover {
background:url("http://www.sparkmedia.org/ht/a/GetImageAction/i/1425.jpg") no-repeat center;
color:#fff;
}

#nav1 div a {

}

a#contribute {
	background-color: #000033;
	border: 2px solid #000033;
}


#nav1 ul {
        padding-top:65px;
        display:block;
}

#nav1 ul li {
    float: left;
    margin: 0 !important;
}



#nav1 div a {
    text-align: left;
    height: auto;
}



.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav a {
    text-decoration: none;
}

.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}



/* *******************************

LEFT NAVIGATION

******************************* */

#nav2 {
	float:left;
        position:absolute;
        top:222px !important;
        margin-left:55px;
height:428px !important;
        width:152px !important;
        overflow:hidden;
        padding-top: 20px;
}

#navsliding {
        padding:0px !important;
        background-color:none !important;
        height:275px;

}

#navslidingtemp {
        padding:60px 0 0 0 !important;
        background:url("http://www.sparkmedia.org/ht/a/GetImageAction/i/1579")  no-repeat;
        background-color:none !important;
        height:528px;
        opacity:.75;
        filter:alpha(opacity=75);
}


#nav2 a {
	font-family:verdana;
        font-size:16px;
	color: #737373;
        padding:0px;
}




#nav2 a:hover {
        color:#fff;
}

#nav2 ul {
        height:315px;
        margin: 0;
        padding: 0;
}

#nav2 li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav2 a {
    text-decoration: none;
}

#nav2 li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}




ul.attention {


}

#nav2 ul.attention a {
	color: #003;
}

a#special1 {

}


#nav2 li {
	display: block;
	list-style-type: none;

	margin:0 auto; 
	padding: 3px 0px 3px 0px;
        margin: 0;
        line-height: 130%;
        text-align:center;
        font-size:16px;
        font-weight:bold;
        text-transform:uppercase;
}


#nav2 ul.attention {
        margin: 6px;
}

#nav2 ul.attention li {
    margin: 0;
    padding-bottom: 4px;
}

#nav2 ul.attention li a {
    background-image: none;
    display: inline-block;
    padding-left: 10px;
}

#nav2 ul.textsize {
    margin-top: 30px;
}
#nav2 .curNav a{
color: #fff;
}


/* *******************************

HEADERS

******************************* */
h1 {
color:#000 !important;
}

h2 {
	font-weight: normal;
        font-size: 100%;
        background-color: #cccccc;
        padding: 0px 0px 0px 0px;
        color: #003;
	line-height: 10px;
	border-top: none;
	border-right: none;
	border-left: none;
        border-bottom: 1px dotted #003;
}

h3 {
    font-size: 120%;
    color: #003399;
    background-image: url(http://orchidsuites.net/orchid/skins/JB01-1/images/navbullet.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px;
}

h4 {
    font-size: 100%;
    margin: 0;
}

/* *******************************

HEADERS HOME

For Alert Messages and Features

******************************* */

.homealertmsg {
	text-align: center;
	color: #ff0000;
}

.homealertmsg a {
	text-decoration: none;
}


.threecolumn h2 {
	font-size: 130%;
	padding: 5px;
	padding-left: 10px;
}

.homealertmsg h2,.homefeature h2 {
	background-color: #9A0000;
}

body.threecolumn h1 {
	line-height:	110%;
	text-align: center;
	background-color: #1E2472;
	color: #ffffff;
	padding: 0px;
}

/* *******************************

EXTRA

Third column, if any. 

******************************* */

#extra {
display:none;
	text-align: center;
	width: 130px;
	padding-right: 2px;
	padding-bottom: 0px;
	background: url(http://orchidsuites.net/orchid/skins/JB01-1/images/extrabg.jpg);
	border-left: 1px solid #55000B;
}

#extra a {
	color: #003;
}

/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

#main div.releases a {
	color: #9A0000;
}

.flashcont { 
        display:block;
        width: 1028px !important;
        padding:0 !important;
        margin:0 auto !important;
        float:left;
        height:600px !important;
        position:relative;
        clear:both;
}

.footHome {

}

.sbox {
        width:600px;
        text-align:right;
        padding-right:30px !important;
        top:680px;
        z-index:3;
        float:right;
}

div#footcont {
        text-align:center !important;
        width:1028px !important;
        top:-30px !important;
        margin:0 auto;
        position:relative;
}


.cont2 { 
        float:right;
        font-size:12px;
}

div.bling-search form input {
        background-color:#000 !important;
        color:#999;
        height:20px;
        text-align:center;
        font-weight:bold;
        font-size:12px;
        border:2px solid #999;
        padding:0px !important;
        margin:0px !important;
}

div.bling-search form input.bling-search-button {
        border:none;
        font-size:16px;
        color:#FFF;
        font-weight:600;
        vertical-align:top;
        cursor:pointer;
}

div.bling-joinform form input {
        background-color:#000 !important;
        color:#999;
        height:20px;
        text-align:center;
        font-weight:bold;
        font-size:12px;
        border:2px solid #999;
}

div.bling-joinform form#join input.bling-join-button {
        border:none;
        font-size:16px;
        color:#FFF;
        font-weight:600;
        vertical-align:top;
        cursor:pointer;
        padding:0px !important;
        margin:0px !important;
}

div.jointext {
        color:#999;

        text-transform:uppercase !important;
        text-align:right;
        font-weight:bold;
        font-size:14px;
}

object { background:#000 !important; outline:none !important; }

.bling-search {
        padding:2px !important;
        margin:0px !important;
}

.bling-joinform {
        padding:2px !important;
        margin:0px !important;
}

.jointext {
        padding:2px !important;
        margin:0px !important;
}

.sbox div form, .sbox div form#join, div.bling-joinform form#join input {
        margin:0px !important;
        padding:0px !important;
}


/**PROXY**/
#nav2Proxy {
	float:left;
        position:absolute;
        z-index:2; 
        padding:60px 0 0 0 !important;
        top:260px;
        margin-left:55px;
        height:352px !important;

        opacity:.75;
        filter:alpha(opacity=75);
        width:152px !important;
   background:url("http://www.sparkmedia.org/ht/a/GetImageAction/i/1579") no-repeat;
overflow:hidden;
}

#mainProxy {
        top:155px;
        margin-left:260px;
        width:650px !important;
        height:508px !important;
        position:absolute;
        background:#000;
        opacity:.75;
        filter:alpha(opacity=75);
        color:#FFF;
}

#mainsliding { 
        padding:0px;
        overflow:hidden;
        height:520px !important;
        _height:511px !important;
        width:650px;
        opacity:.75; 
        filter:alpha(opacity=75); 
        background:url(http://www.sparkmedia.org/ht/a/GetImageAction/i/2693) repeat;
}



div.ovhid ul li{ margin:0 auto; padding-left:0px !important; }
div.ovhid ul li a { border-bottom:none !important; width:180px; font-size:12px; }

/* #### FOR IE 6 ##### */


/* #### FOR IE 7 ##### */

.power2 {
	height:100px; float:right; width:1000px; clear:both;
} 

#powered {
        color:#FFF;
        float:right;
        margin:0 auto;
        padding:0px !important;
}

#powered a {
        color:#FFF;
} 

/*********
  Slider
*********/





  #content-slider {
    width: 10px;
    height: 350px;
    margin: 5px;
    background: #487A7B;
    position: relative;
    border-left:1px solid #487A7B;
    border-right:1px solid #487A7B;
}

  .content-slider-handle {
    width: 10px;
    height: 50px;
    position: absolute;
    top: -4px;
    display:block;
    border: solid 1px #D9C870;
    margin-left:-1px;
    background:#D9C870;
    opacity:0;
    filter:alpha(opacity=100); 
}

#content-scroll {
    height:500px;
    padding:0px !important;
    overflow:hidden;
    position:absolute;
    width:600px;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    
}

#scroll1.scroll, #scroll2.scroll2 {
font-size:90%;
}

#scroll1.scroll, #scroll2.scroll2 {
font-size:90%;
}


  #menu-scroll {
    opacity:0;
    filter:alpha(opacity=0);
}


  #content-holder {
    width: 490px;
    height: 1500px;
}

  .content-item {
    width: 600px !important;
    height: 270px;
    padding: 10px !important;

}

#textcontent {
        width:520px;

        clear:both;
       font-size:14px;
}

  #textcontent span{
        color:#66cccc;
}
#textcontent font span{
        color: inherit !important;
}

#textcontent div div div {

}

#textcontent div div div a {
        color:#6CCFFF;
        text-decoration:underline;
}

ul.staff{
   list-style-type:none !important;
}

ul.staff li{
   float: left !important;
   padding: 0px 10px;
   text-transform:uppercase;
}

#staff_title{
   text-transform:uppercase;
   color:#ffffff;
}







/*********
  Slider
*********/

div#mainarea { 






    margin:30px !important; 
    padding:0;
    background-color:#000;
    font-size:16px;
    height:500px;
}



div#sitecontainer.StaffBx div#main div#mainsliding div#mainarea {
margin:0 auto !important;
}

div#menuarea {
    background-color:#000;
}


.totheleft {
    position:absolute;
    right:50px;
}



  #content-holder {
    width: 490px;
    height: 1500px;
}

  .content-item {
    width: 490px;
    height: 270px;
    padding: 5px;
}

    #textcontent {
        width:520px;

        clear:both;
}

  #textcontent span{
        color:#66cccc;
}

#textcontent div div div {

}

#textcontent div div div a {
        color:#6CCFFF;
        text-decoration:underline;
}

ul.staff{
   list-style-type:none !important;
}

ul.staff li {
   float: left !important;
   padding: 0px 8px;
   text-transform:uppercase;
   color:#FFF !important;

   font-size:14px;
}

ul.staff li a {   
   color:#737373 !important;
}

ul.staff li a:hover {
   color:#FFF !important;
}

img#avaStaff {
display:block !imporant;
float:right !important;
padding-top:10px;
}

td.heading2 {
color:#63D3CC !important;
font-size:20px;
font-weight:300;
margin:0 auto !important;
padding:0px !important;
text-align:left;
}

#staff_title{
   text-transform:uppercase;
   color:#ffffff;
   padding-left:50px;
   font-weight:300;
   font-size:24px;
}

#staffhead {
top:30px;
width:450px !important;
margin-left:20px !important;
padding:0px !important;
}

#staff-info {
width:550px;
height:500px;
margin-top:40px;

}



#staff-info table tbody tr td span {
color:#63D3CC;
}

/* SCROLLBAR OF CONTENT */
	.scrollholder {
	    float: left;
	    margin: 0 10px;
	}
	.scrollBx {
		width:550px;
		height:305px !important;
	    overflow: hidden !important;
	}
	.scrollBx2 {
		width:562px;
		height:350px !important;
		overflow: hidden !important;
	}
	.scrollBxnav {
		width:150px;
		height:270px;
		overflow: hidden !important;
	}

	.scrollBx table, #scrollBx p {
		width:100%;
	}
	.revert {
	    direction: rtl;
	    unicode-bidi: bidi-override;
	    text-align: left;
	}
			
	div.scrollholder, div.scrollholder2 {
		margin:0px;
	    position: relative;
		width:550px;
		height:305px;
	    overflow: auto;
	    overflow-x: hidden;
	    z-index: 1;
	}      
	div.scrollholder2 {
		width:562px; !important;
		height:350px !important;
	}
	div.scrollholdernav {
		margin:0px;
	    position: relative;
		width:150px !important;
		height:268px !important;
	    overflow: auto;
		overflow-x:hidden;
	    z-index: 1;
	}
	div.scroll, div.scroll2, div.scrollnav {

	    position: absolute;
	    left: 0; 
	    top: 0;
	    padding:0 75px 0 58px !important;
	    width:417px !important;
	    z-index: 2;
	}
	div.scroll2 {
		padding:0 33px 0 10px !important;
		width:519px !important;
	}
	div.scrollnav {
		padding:0 0 150px 0 !important;
		width:140px !important;
		height:auto !important;
	}
	* html div.scrollnav {
		padding-bottom:0px !important;
 	}
	#nav2 div.scrollnav ul, #nav2 div.scrollnav ul li, #nav2 div.scrollnav ul li a {
	display:inline !important;
	padding:0px !important;
	margin:0px !important;
	float:none !important;
	}
	#nav2 div.scrollnav ul, #nav2 div.scrollnav ul li {
	width:140px !important;
	display:block !important;
	}
	/* Scroll */
	div.track { 
	    position: relative;
	    float:right;
	    top: 0; 
	    width: 16px; 
	    height: 100%;
	    font-size: 0;
	    z-index: 3;
	    background: #65c8ce;
	}
	div.drag_bar {
	    position: absolute;
	    width: 100%; 
		height: 50px;
	    cursor: pointer;
	    z-index: 4;
	    background: #d2e492;
	}

/* Store */
h2, h3 {
background:none;
border:0px;
padding:0px;
margin:0 0 15px 0;
font:normal 14px/14px Arial, Helvetica, sans-serif;
}
h2 {
padding:0;
color:#71BDC0;
background:transparent !important;
font-size:16px;
font-weight:bold;
}
h3 {
color:#71BDC0;
font-style:italic;
}
ul.otherProd, ul.otherProd li {
padding:0px;
margin:0px;
list-style:none;
}
ul.otherProd li { 
border-top:solid 2px gray;
padding:25px 0;
color:#fff;
}
ul.otherProd li font, .storeFeat font, .prodDet font { 
color:#fff;
}
.storeFeat {
margin:0 0 15px;








}
.storeFeat .moreSt {
padding:15px 0 0 0;
}
.moreSt a {
color:#fff !important;




text-decoration:underline !important;
}
.prodDet a {
color:#fff !important;
text-decoration:underline !important;
font-size:14px;
}
.prodDet a:hover {
text-decoration:none !important;
}
.question {
background:transparent !important;
color:#fff !important;
}


/* VAULT SKINS */
.vaultPreBx {
color: #D8FFFF;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
padding-bottom: 25px;
border-bottom: 2px solid #E9D67C;
margin-bottom: 25px;
}
.vaultBx #content-scroll {
clear:both;
position:relative;
}
.vaultBx h2{
color: #fff;
font-size: 24px;
font-weight: bold;
background: none;
padding: 0;
}
.vaultBx ul li a{
text-transform: uppercase;
color: #9D9D9C !important;
font-weight: bold;
}
.vaultBx ul li{
margin: 0 0 10px 0 !important;
}
.vaultHead {
display: block;
margin:0px;
}

.vaultHead h3{
font-size: 24px;
margin: 10px 0 -10px 0 ;
line-height: 20px;
}
.vaultHead ul{
display: block;
padding:18px 0 14px 0;
margin:0 auto;
clear:both;
}
.vaultHead ul li{
display: inline;
padding: 0;
text-align: top;
}
.vaultHead ul li a{
font-size: 12px;
background: transparent url(http://www.sparkmedia.org/ht/a/GetImageAction/i/3453) no-repeat top left;
padding-left: 15px;
}
.vaultBx #vaultBx1 a{
color: #C6FFFD !important;
font-weight: bold;
}
.vaultBx .vaultPic {
width: 155px;
height: 110px;
overflow: hidden;
}
#main #vaultBnr{
position: absolute;
margin-top: 235px !important;
width: 650px;
height: 320px !important;
overflow: hidden;
opacity:0;
filter:alpha(opacity=0);
}
#main #vaultHead {
  opacity:0;
  filter:alpha(opacity=0);
}

#main #vaultBnr img{
width: 650px;
height: auto;
}
.yui-skin-sam .bd {
background: #000 url() !important;
border: none !important;
}
.yui-skin-sam .hd{
background: #000 url() !important;
border: none !important;
}
.yui-skin-sam #panel{
border: none !important;
}

ul.itoba li a {
font-size:90% !important;
margin:0 auto;
}

.cusBx, #vaultBx2, #vaultBx1 {
font-size:90% !important;
margin:0 auto;
}

.question {
font-size: 12px;
width: 120px;
}

#adminmenu {
position:absolute !important;
}

/* FOR JOIN BOX ONLY */
.JoinBx	.scrollholder2 {
		width:562px;
		height:350px !important;
		overflow-y: scroll !important;
scrollbar-base-color:#D2E492 !important;
scrollbar-face-color:#D2E492 !important;
scrollbar-shadow-color:#D2E492 !important;
scrollbar-track-color:#65c8ce! important
	}

.JoinBx #track0 {
display:none;
}

.GetLoginNoEmailBx .scrollholder2 {
		width:562px;
		height:350px !important;
		overflow-y: scroll !important;
scrollbar-base-color:#D2E492 !important;
scrollbar-face-color:#D2E492 !important;
scrollbar-shadow-color:#D2E492 !important;
scrollbar-track-color:#65c8ce! important
	}

.GetLoginNoEmailBx #track0 {
display:none;
}

.spBx .scrollBx2 {
overflow-y:hidden !important;
}

.StoreBx #main {
height:540px !important; 
}

.StoreBx #maim #mainsliding {
height:540px !important;
}

.spBx #nav1 a {
text-decoration:none !important;
}

/* #### ADDED 01/06/2006 #### */
.EditProfileBx #track0 {
display:none;
}

.EditProfileBx .scrollholder2 {
overflow-y:scroll !important;
}


.UserHomeBx #track0 {
display:none;
}

.UserHomeBx .scrollholder2 {
overflow-y:scroll !important;
}

.sbox div {
width:600px;
float:right;
}

#vaultBx2 div#scrollholder2.scrollholder2 div#scroll2.scroll2 div {
font-size:105% !important;
font-family:verdana !important;
}

.scrollBx2 div#scrollholder2.scrollholder2 div#scroll2.scroll2 form p font {
font-size:105% !important;
font-family:verdana !important;
}

.cusBx div#scrollholder2.scrollholder2 div#scroll2.scroll2 {
font-size:100% !important;
font-family:verdana !important;
}

.spcl {
color: #EFEFEF !important;
}