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

Orchid customstyles.css, Version 1.0

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

body {
	background-color: #efefef;
	font-family: 'tahoma' sans-serif;
padding-top: 0px;
background-image:url("http://howardcountyconnections.org/ht/a/GetImageAction/i/16720");
background-repeat: repeat-x;

	}

div#sitecontainer {
	background: #fff url(http://orchidsuites.net/orchid/skins/JB01-1/images/sitecontainerbg.jpg);
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
float:center;

}

#main {
    float: right;
background: #ffffff 
    width: 500px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
border-top: 0px solid #000;
}
#main .crumbs a {

}

#main h1 {
	line-height:	110%;
	line-height: 110%;
	background-color: #fff;
    font-weight: bold;
    font-size: 200%;
	text-align: left;
    padding: 2px;
    color: #004D5F;
    border: 0px solid #000000;
}

#main .crumbs a {
color:#6F6F6F;
}

strong {
	color: #6F6F6F;
	}

#footer {
	margin 0 auto;
		color: #000000;
    clear: both;
    padding-left: 2px;
    padding-top: 10px;
    text-align: center;
font-size: 130%;
border-top: 0px solid #000000;
}

#footer .address b {
	font-family: arial, sans-serif;
font-size: 130%;
	}

#footer .address a {
	color: #004D5F;
	}

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

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

#nav1 div.foldOut a:hover {
background-color:#ffffff;
text-align: center;

}

#nav2 div.foldOut a:hover {
text-align: left;
text-decoration: underline;

}





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

TOP NAVIGATION

ISSUE: Nav height.

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

#nav1 {
	background-color: #000000;
}

#nav1 a {
	color: #ffffff;
	font-family: 'arial', sans-serif;
font-weight: 600;
	margin-top: 8px;
margin-bottom: 5px;
padding: 0;
border-right: 0px dotted #ffffff;
border-bottom: 0px dotted #ffffff;

}

#nav1 a hover {
	color: #934A9B;

}

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

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

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

}

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

.nav a {
    text-decoration: underline;
}

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

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


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

#nav1 a {
    width: 130px;
    height: 13px;
    text-align: center;
}

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

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

Orchid navstyles.css, Version 2.0
CSS by ppk; April 2004
http://www.quirksmode.org

democratic-x.css contains the main styles (where x is the scheme id)

customstyles.css contains the color and border definitions, these are different
for each site

This .css file contains styles that should ONLY work when the browser supports enough
JavaScript for the foldout menus. If the browser doesn't support JavaScript the user
sees the foldout menus directly below their main links.

KNOWN ISSUE: The combination "float: left" and "position: relative" does not work in
Mozilla 1.4 and below, Opera 7.23 and below and Safari 1.0 . 
As a result the foldout navigation of the top menu appears in the upper left corner
of the screen.
Since this bug affects only older versions of minority browsers I decided not to do
anything.

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



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

BASIC POSITIONING 

Every li in the navigation gets position: relative. In itself this does nothing,
but it allows us to position another element (the foldout div) relative to this LI
instead of relative to the entire page.

Every div inside an li (ie. any foldout menu) gets position: absolute and is hidden
from view.

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

.nav li {
	position: relative;
}

#nav1 li {
	z-index: 5;
}

.nav li div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.nav div.foldOut {
	display: block;
	background-color: #ffffff;
	z-index: 10;
	padding: 10px;
	border: 1px solid #000000;
}

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

FOLDOUT

The script assigns the class "foldOut" to the div that should fold out. It is visible
and its z-index is set to 100.

In #nav1 (top navigation) the foldout is positioned 18px below the LI, which makes it
appear directly below the link.

In #nav2 (left navigation) the foldout is positioned 75px right of the LI. In addition
I set its width.

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

#nav1 div.foldOut {
	top: 20px;
background-color: #C8DFE5;

}

#nav1 div.foldOut a{
	color: #000000;
text-decoration: none;
 font-weight: bold;
text-align: center;
margin-right: 10px;

}

#nav1 div.foldOut a.hover{
	color: #cccc99;
text-decoration: underline;
 font-weight: bold;

}


#nav1 div.foldOut hover{
	top: 20px;
 font-weight: bold;
}


#nav2 li {
	display: block;
}


#nav2 div.foldOut {
	left: 140px;
	width: 150px;
background: #92499B;

}

.letters a{
   font-weight: bold;
color: #ffffff;


}
#nav2 div.foldOut a{
	color: #ffffff;
text-decoration: none;
 font-weight: bold;
text-align: left;

}




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

LEFT NAVIGATION

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


#nav2 {
	background: #ffffff;
<---background: #D5E2EA
}

#nav2 a {
	font-family: 'arial', sans-serif;
	font-weight: 600;
	color: #000000;
}

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

ul.attention {


}

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

a#special1 {

}

#nav2 {
    float: left;
    width: 10px;
    padding-top: 10px;
padding-right: 20px;
background-repeat: no-repeat;
border-bottom: 0px solid #000;
}

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

}

#nav2 a {
	border-bottom: 0px dotted #660000;
	display: block;
	list-style-type: none;
	text-align: left; 
    margin-left: 20px;
    padding-left: 20px;
    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: 10px;
}

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

#nav2 ul li a img {
margin-right: 40px;

}

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

HEADERS

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

h2 {
	font-weight: normal;
font-style: italic;
    font-size: 170%;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    color: #003;
	line-height: 10px;
	border-top: none;
	border-right: none;
	border-left: none;
border-bottom: none;
   
}

h3 {
    font-size: 130%;
    color: #003399;
    color: #934A9C;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 0px;
font-style: italic;
border-bottom: 2px dotted green;
}


h4 {
    font-size: 150%;
    margin: 0;
line-height: 40px;

}

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

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 {
padding-right: 10px;

	
}

#extra a {
	color: #003;
}

#nav2 a.rss {
    margin-top: 10px;
margin-left: 25px;
}

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

HOMEPAGE

Special styles for the homepage

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

#main div.releases a {
	color: #008000;
font-weight: bolder;
font-size: 120%;

}

.morelink {
	font-weight: bolder;
	color: #990099;
}

td.question-left {
  color                 : #000000;
  background-color      : #ffffff;
  text-align        : left;
padding-top: 10px;
}

td.question-left h4 {
    font-size: 100%;
  padding: 0;
line-height:	140%;
}

#main h1 {
	background-color: #fff;
    font-weight: bold;
    font-size: 150%;
	text-align: left;
    padding: 2px;
    color: #4F4A4A;
    border: 0px solid #000000;
}

#main h2 {
	background-color: #fff;
    font-weight: bold;
    font-size: 150%;
	text-align: left;
    padding: 2px;
    color: #457DA2;
    border: 0px solid #000000;
}