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

Orchid customstyles.css, Version 1.0

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

/*  Background color here is the portion of the screen that does
     not have a portion of the website on it                                   */

body {
	background-color: #ffffff;
	font-family: verdana, 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
	}

/*  This defines the total width and length of what is going to be displayed  */

/*  This is the definition of the total size of the web site                             */

div#sitecontainer {
	background: #fff url
               http://orchidsuites.net/orchid/skins/JB01-1/images/sitecontainerbg.jpg);
	border: 3px solid #00f;
}

/*   This is the area with all the information on it when there is a two column
      screen.                                                                                              */

#main {
                float: right;
                width: 615px;
	border: 1px solid #fff;
                padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}

/*   The main h1 is used for the title of the website.  Modifying the width to what
      will fit the current title is the best.                                           */

#main h1 {
	line-height: 175%;
	background-color: #99ccff;
               font-weight: bold;
                font-size: 175%;
	text-align: left;
                padding: 2px;
                color: #0000ff;
                border: 3px solid #ffffff;
}

strong {
	color: #00f;
	}
/*     The footer is the portion that appears at the bottom of every
        screen and is usually the disclaimer.   Color is the color of the
        text in the footer.                                                              
            .address represents the address data for our site
            .address b 
            .address a                                                                           */

#footer {
     /*       margin 0 auto;   */
            color: #0000ff;
     /*       clear: both;   */
            border: 3px solid #0000ff;
            padding-left: 0px;
            padding-top: 0px;
            text-align: center;
}
#footer .address 
{
            color : #00f;
            border: 0px solid #0000ff;
}
#footer .address b {
            font-family: verdana, sans-serif;
            color: #00f;
	}

#footer .address a {
            color: #00f;
	}

#footer .notice {
            border: 0px solid #0000ff;
             }

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

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: #9a0000 !important;
	background-color: #00ff00;
}

#main a {
	text-decoration: none;
}

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


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

TOP NAVIGATION

ISSUE: Nav height.

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

#nav1 {
            background-color: #0000ff;
}

#nav1 a {
            color: #ffffff;
            font-family: verdana, 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
            font-weight: 600;
            border: 2px solid #ffffff;
}

#nav1 a hover {
	border-style: inset;
}

#nav1 div a {
	color: #003399;
	font-weight: 300;
	border: none !important;
}

a#contribute {
	background-color: #99ccff;
	border: 2px solid #0000ff;
}

.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: 200px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px;
}

#nav1 {
    width: 800px;
    height: 20px;
}

#nav1 li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

/*   The width of the table is 784 so set the width of each block accordingly */

#nav1 a {
    width: 156px;
    height: 13px;
    display: block;
    text-align: center;
}

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


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

LEFT NAVIGATION

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


#nav2 {
            background: #9cf url(http://orchidsuites.net/orchid/skins/JB01-1/images/nav2bg.jpg);
            border: 1px solid #ffffff;
}

#nav2 a {
            font-family: verdana, 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
            font-weight: 600;
            color: #00f;
}

#nav2 div a {
            font-weight: 300;
}

ul.attention {


}

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

a#special1 {

}

#nav2 {
            float: left;
            width: 165px;
            padding-top: 5px;
}

#nav2 li {
            display: block;
            list-style-type: none;
            text-align: left; 
            margin: 0px 0px 0px 0px; 
            padding: 3px 5px 3px 5px;
            margin: 0;
            padding-left: 3px;
            padding-bottom: 3px;
            line-height: 110%;
}

#nav2 a {
            border: 2px dotted #ffffff;
            display: block;
            list-style-type: none;
            text-align: left; 
            margin-left: 3px;
            padding-left: 5px;
            background-position: 0 5px;
            margin: 0;
}

#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: 3px;
}

#nav2 ul.textsize {
            margin-top: 3px;
}

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

HEADERS

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

h2 {
	font-weight: normal;
                font-size: 100%;
                font-weight: bold;
                background-color: #99ccff;
                padding: 0px 0px 0px 0px;
                color: #00f;
	line-height: 10px;
                border: 1px dotted #00f;
}

h3 {
    font-size: 120%;
    line-height: 120%;
    color: #0000ff;
    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%;
    color: #0000ff;
    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: 0px;
}

.homealertmsg h2,.homefeature h2 {
	background-color: #99ccff;
                color : #0000ff;
}

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

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

EXTRA

Third column, if any. 

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

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

#extra a {
	color: #00f;
}

body.threecolumn #main {
    float: left;
    width: 470px;
    padding-right: 0;
}

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

HOMEPAGE

Special styles for the homepage

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

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