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

Orchid customstyles.css, Version 1.0

JB01
******************************* */
#adminmenu {
display:none;
}
/* start of Resetting all default browser styles */
html { font-size:100.01%; }
body { font-size:1em; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* End of Resetting all default browser styles */

body {
font-family:Arial, Helvetica, sans-serif;
background: #000;
}

div#sitecontainer {
border:0px;
background:transparent;
width:650px;
background-color: #414F80;
}

#main {
padding:0 0 20px 0 !important;
margin:0px auto !important;
height:auto !important;
color:#9bcf9b;
}
#main td h2{
padding:5px 5px  !important;
margin:0px auto !important;
height:auto !important;
color:#000000;
font-weight:bold;
border:none;
}
#main td {
font-size:12px;
padding:2px;
vertical-align:top !important;
}
#main td strong{
color:#FFFFFF;
}
#main th {
padding:0px 5px  !important;
margin:0px !important;
height:auto !important;
color:#000000;
font-weight:bold;
border:none;
font-size:12px;
background-color: #cccccc;

}
 td.question {
  color                 : #9BCF9B !important;
  background-color      : #414F80 !important;
  text-align        : right;
}
.required {
    color: #FF0000 !important;
    font-size: 100% !important;
    vertical-align: top !important;
}


#forHome {
display:block;
clear:both;
}
#main h1 {
border:0px;
height:100px;
padding:0px;
background:transparent;
padding:0px;
margin:0px;
text-align:left;
}

strong {
	color: #999;
	}

.address {
width: 600px;
}

#footer {
	margin 0 auto;
		color: #ffffff;
    clear: both;
    padding-left: 2px;
    padding-top: 10px;
    text-align: center;
}

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

.address a, .address, #powered {
	color: #9bcf98 !important;
font-size:0.70em;
	}

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

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 {
color:#9bcf9b !important;
text-decoration:underline;
}


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

TOP NAVIGATION

ISSUE: Nav height.

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

#nav1 {

}

#nav1 ul, #nav1 ul li, #nav1 ul li a {
padding:0px !important;
margin:0px !important;
}
#nav1 ul {
float:right;
}

#nav1 ul li {
float:none !important;
height:27px;
display:block !important;
width:65px;
padding-bottom:3px !important;
}
#nav1 ul li a {
width:65px;
height:27px;
float:right;
display:block !important;
padding:0px !important;
background-color:transparent !important;
background-position:left top;
background-repeat:no-repeat;
}
#nav1 ul li a:hover {
background-position:left bottom;
}
#nav1 ul li a.nvTop287 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/329)
}
#nav1 ul li a.nvTop288 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/330)
}
#nav1 ul li a.nvTop289 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/328)
}


#nav1 ul li .thumb {
position: relative;
z-index: 0;
}
#nav1 ul li .thumb:hover{
background-color: transparent;
z-index: 50;
}
#nav1 ul li .thumb span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
width:340px;
height:270px;
background-color:transparent !important;
background-position:left top;
background-repeat:no-repeat;
}
/* #nav1 ul li .thumb span.sp287 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/323);
}
#nav1 ul li .thumb span.sp288 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/324);
}
#nav1 ul li .thumb span.sp289 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/325);
}
#nav1 ul li .thumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
} */

#nav1 ul li .thumb:hover span.sp287 { 
visibility: visible;
top: 32px;
left: -363px; /*position where enlarged image should offset horizontally */
}
#nav1 ul li .thumb:hover span.sp288 { 
visibility: visible;
top: 2px;
left: -363px; /*position where enlarged image should offset horizontally */
}
#nav1 ul li .thumb:hover span.sp289 { 
visibility: visible;
top: -28px;
left: -363px; /*position where enlarged image should offset horizontally */
}

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

LEFT NAVIGATION

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

/** bxRight **/
#bxRight {
float:left;
width:205px;
padding-top:10px;
}

#nav2 {
background:transparent !important;
height:auto !important;
margin-left: 20px !important;
}
* html #nav2 {
margin-left: 10px !important;
}
#nav2, #nav2 ul, #nav2 ul li, #nav2 ul li a {
margin:0px;
padding:0px;
}
#nav2 ul li a {
display:block;
height:32px !important;
width:184px;
background-color:transparent !important;
background-position:left top;
background-repeat:no-repeat;
margin-bottom:5px;
}
#nav2 ul li a:hover {
background-position:left bottom;
}
#nav2 ul li a.btn180 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/401);
}
#nav2 ul li a.btn181 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/299)
}
#nav2 ul li a.btn182 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/315)
}
#nav2 ul li a.btn183 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/298)
}
#nav2 ul li a.btn236 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/300)
}
#nav2 ul li a.btn184 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/303)
}
#nav2 ul li a.btn185 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/296)
}
#nav2 ul li a.btn186 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/314)
}
#nav2 ul li a.btn187 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/316)
}
#nav2 ul li a.btn539 {
background-image:url(http://www.sparkmedia.org/ht/action/GetImageAction/i/541)
}

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

HEADERS

******************************* */
h1 {
	line-height:	110%;
    font-size: 100%;
    background-color: #cccccc;
    padding: 1px;
    color: #ffffff;
    border: 1px solid #000000;
}

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 !important;
}

#extra a {
	color: #003;
}

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

HOMEPAGE

Special styles for the homepage

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

#main div.releases a {
	color: #9A0000;
}
#player {
display: block;
clear:both;
float:right;
position:absolute;
top:150px;
margin-left:-40px;
}

/** contacts **/
.cntBx {
float:left;
}
.cntImg {
float:right;
}
#main img {
border: 2px solid #000;
margin: 3px;
}

#donate {
color: #fff;
font-size: 11px;
}
#donate .question{
color: #fff;
background: transparent !important;
font-size: 11px;
width: 60px;
}
#donate td {
padding: 3px;
}
#donate input , #donate select{
margin-left: 5px;
}
#donate .note {
font-size: 9px;
}