<!-- SOHOFIVE edit 12/12/2004 -->

.orangebt {background-color: #96acd7 ; font-size: 12px; font-weight: bold;  color: #ffffff; }

A:link {
	COLOR: #0066FF; TEXT-DECORATION: underline; 
}

A:visited {
	COLOR: #0066FF; TEXT-DECORATION: underline; 
}

A:hover {
	COLOR: #d06800; TEXT-DECORATION: underline; 
}


<!-- logo nav styles -->
A.logoNav:link { font-size: 10px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none; }
A.logoNav:visited { font-size: 10px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none; }
A.logoNav:hover { font-size: 10px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: underline;}


<!-- bottom nav styles -->
.botNav         { font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.botNav:link    { font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.botNav:visited { font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.botNav:hover   { font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; font-weight: bold; LINE-HEIGHT: 15px;}
.botNav:active  { font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
<!-- bottom nav -->

<!-- side nav styles -->
.sNav         { font-size: 12px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
.sNav:link    { font-size: 12px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
.sNav:visited { font-size: 12px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
.sNav:hover   { font-size: 12px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; font-weight: normal; LINE-HEIGHT: 15px;}
.sNav:active  { font-size: 12px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
<!-- side nav -->

<!-- breadcrumbs styles -->
.bcNav         { font-size: 11px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
.bcNav:link    { font-size: 11px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
.bcNav:visited { font-size: 11px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
.bcNav:hover   { font-size: 11px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; font-weight: normal; LINE-HEIGHT: 15px;}
.bcNav:active  { font-size: 11px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}
<!-- breadcrumbs nav -->

<!-- small, big text styles -->
.sTx         { font-size: 11px; font-family: verdana, Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: normal; LINE-HEIGHT: 15px;}

.bTx         { font-size: 12px; color: #1166BB; font-family: verdana, Arial, Helvetica, Sans-Serif; text-decoration: underline; font-weight: normal; LINE-HEIGHT: 15px;}
<!-- small, big text-->

.mainNav {	 font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.mainNav:link { font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none}
.mainNav:visited {font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none}
.mainNav:hover { font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: underline}
.mainNav:active {font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none}


H1 {font-size: 16px; color: #1166BB; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; line-height: 20px; padding: 0px 0 0 0; margin-top: 0px; margin-bottom: 0px;}


<!-- top nav styles -->
.topNav         { font-size: 12px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.topNav:link    { font-size: 12px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.topNav:visited { font-size: 12px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
.topNav:hover   { font-size: 12px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; font-weight: bold; LINE-HEIGHT: 15px;}
.topNav:active  { font-size: 12px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight: bold; LINE-HEIGHT: 15px;}
<!-- top nav -->


<!-- Navigation Menu Begin-->

div{
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; 
	color: #666666;
}


li {
font-weight: normal;
margin-bottom: 5px;
}

ul {
margin: 0em 1.5em;
padding: 0;
list-style-type: square;
}

#nav A {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; font-size: 8pt; font-style: normal; display: block; color: #666666}


#nav A:hover {font-style: normal; text-decoration: none; background-color: #E4E4E4; border-bottom: 1px solid #999999; padding: 3px; }
#nav A:link {font-style: normal; display: block; color: #666666; border-bottom: 1px solid #999999; padding: 3px;}
#nav A:visited {font-style: normal; border-bottom: 1px solid #999999; padding: 3px; }

form {

        margin: 0;
        padding: 0;
}

#nav, #nav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.25;
        background-color: #ffffff;
        display: block;
}


#nav li { /* all list items */
	float: left;
        width: 19em; /* width needed or else Opera goes nuts */
	margin: 0px;
        padding: 0;
	background-color: #ffffff;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
        width: 19em;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-left: 1px solid #999999;
        background-color: #ffffff;
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
        position: absolute;
        margin: -1.5em 0 0 10em;  /* False value for IE4-5.x/Win */
        margin: -1.5em 0 0 10em;	 /* Actual value for conformant browsers */
}


#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul{
	left: -999em;
	color: #EE1E4B;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#content {
	clear: left;
	color: #ffffff;
}
<!-- Navigation Menu End -->

/* ******************** BOXES ********************** */

.captionheader {
	background-color: #DEDEDE;
	color: #333333;
	padding: 5px;
	font-weight: bold;
}

.sidebarred {
	color: #EE1E4B;
	background-color: #F9F9F9;
	border: 0px;
        padding: 15px 10px 30px 10px;
	margin: 0;
}

.sidebarred a {
	color: #EE1E4B;
	background-color: #F9F9F9;
}

.sidebarred a:visited 
	{
	color: #EE1E4B;
	}

.sidebarred a:link 
	{
	text-decoration: none;
	color: #EE1E4B;
	}

.sidebarred a:hover 
	{
	text-decoration: underline;
	color: #EE1E4B;
	}

p.sidebarred {
	padding: 3px 0 3px 5px;
	color: #EE1E4B
}


.sidebar {
	color: #8C8C8C;
	background-color: #F9F9F9;
	border: 0px;
        padding: 15px 10px 30px 10px;
	margin: 0;
}

.sidebar a {
	color: #8C8C8C;
	background-color: #F9F9F9;
}

.sidebar a:visited 
	{
	color: #8C8C8;
	}

.sidebar a:link 
	{
	text-decoration: none;
	color: #8C8C8C;
	}

.sidebar a:hover 
	{
	text-decoration: underline;
	color: #EE1E4B;
	}

p.sidebar {
	padding: 3px 0 3px 5px;
	color: #8C8C8C
}

p.sidebarlast {
	padding: 3px 0 12px 5px;
	color: #8C8C8C
}

p.sidebarfirst {
	padding: 8px 0 3px 5px;
	color: #8C8C8C
}


li.block {
font-weight: normal;
margin-bottom: 3px;
}

ul.block {
margin: 0em 1.5em;
padding: 0;
list-style-type: square;
font-size: small;
}


table, div, td, p {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; 
	color: #666666;
}

body {
	topmargin: 0;
	leftmargin: 0;
	rightmargin: 0;
	marginheight: 0;
	marginwidth: 0;
	background-color: #ffffff;

	}

p {
	padding: 5px 0 5px 0;
	margin: 0;
}

.ahem {
	display:	none;
}


hr
{  background: url(/images/articles/CSS_Style_for_HR_with_a_Background_Image/line.gif) no-repeat top center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://site.sohofive.com/images/line.gif');
  width: 1px;
  height: 1px;
  border: 0;

color: #fff; background-color: #fff; border: 1px dotted #cccccc; border-style: none none dotted;

}
* > hr
{  width: 100%;
  height: 10px;
 
}