/*--------------------
GENERIC
------------------------*/
body
{
	margin-top:5px;
	padding: 0px;
	background-color: #fff;
	color: #333333;
	font-variant: normal; 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 74%;
	margin-bottom:25px;	
}  

img 
{
	border: 0px; 
} 

p
{
	line-height: 130%; 
}

a 
{
	font-weight: bold;
	color: #646464;	
	text-decoration:none;
}	

a:hover
{
	color: #000;	
	text-decoration: underline;
}

div#clearer
{
	clear: both;
}



/*--------------------
PRE-HEADER
------------------------*/
.headerlink 
{
	margin: 0;
	text-align: right;
	vertical-align:bottom;
	height:30px;
}

* html .searchbox
{
	vertical-align:top;	
	bottom:0px;
}

.searchbox
{	
	vertical-align: middle;
	padding-bottom:18px;	
}

/*--------------------
HEADER
------------------------*/
div#header 
{	
	width: 760px;
	float: left;
	clear: both;
	padding:0;
	margin:0;
}

div.formcontainer {
	margin: 0;
	padding: 0;
	background: url('http://www.counselservices.com/images/headerBackground.gif') no-repeat;
	float: right;
	width: 480px;
        height: 105px;
}

div.formcontainer img {
        
	padding: 35px 15px 0px 0px;
}



div#headerlogo {
	padding: 0;
	margin: 0;
	width: 280px;
        height: 105px;
	float: left;
/*	overflow: hidden; */
}

/*--------------------
PAGE CONTENT (MAIN CONTAINERS)
------------------------*/
div#page
{
	margin:auto;
	width: 760px;
}

div#content 
{
	margin: -5px 0 0 0;
	padding: 0;
	width: 760px;
	background: url(/images/generic/maincontentlogin.gif) repeat-y;
	float: left;
	clear: both;
}

div#leftsidebar 
{
	float: left;
	width: 380px;
	margin-left: 10px;
	padding: 0px;
	overflow: hidden;	
                color: #FFFFFF;
                font-weight: bold;
      
}

div#leftsidebar  h1 {
        font-size: 1.1em;
        margin-left: 120px;
}

div#maincontent
{
	position: relative;
	margin: 15px 0px 0px 0px;
	width: 330px;
	float: left;	
}

div#maincontent h1
{
	margin: 10px 0;
                padding-left: 0px;
	clear: left;
	font-size: 1.1em;
	text-align: left;	
}
div.heading 
{
	margin-top: 5px;
	margin-bottom: 5px;	
	clear: both;
	border-bottom: .25pt #bcab96 solid;
	height: 20px;
	width: 555px;
	
}



/*--------------------
MENU - FOOTER
------------------------*/
div#footer
{
	width: 760px;
	margin: 0px;
	padding: 0px;
	background: url(/images/generic/footerlogin.gif) no-repeat left bottom;
	height: 21px;
	clear: both;
}
div#footer p
{
	margin: 0px;
	padding: 12px 0 0 0;
	font-size: 0.9em;
	text-align: center;
}
.footercont
{
	margin: 0px;
	padding-top:10px;
	font-size: 1.0em;
	text-align: center;
}
.footercont a
{
   	color:#646464;
        font-weight: normal;
	text-decoration: none;	
}

.footercont a:hover
{
   	color:#000;
        font-weight: normal;
	text-decoration: none;	
}

/*--------------------
MENU - TOP NAV
------------------------*/
div#mainmenu
{
	margin: 0px;
	padding: 0px;	
	width: 760px;
	background: url(/images/generic/navbar2login.gif) no-repeat;
	height: 43px;
	clear: both;
}


* html div#mainmenu
{
	margin: -3px 0 0 0;
	padding: 0;	
	width: 760px;
	background: url(/images/generic/navbar2login.gif) no-repeat;
	height: 43px;
	clear: both;
               float: none;
}

div#topnav 
{
	padding-left: 5px;
	width: 760px;
	height: 38px;
	float: none;
	clear: both;
}

span.TopNav {
     display: none;
}


*--------------------
RETRIEVE PASSWORD
------------------------*/


.loginForm input {
	font-weight: normal;
	font-size:1.0em;
	float: left;
}
.loginForm input.second {
	clear: right;
}
.loginForm input.submit {
	clear: both;
}
.loginForm label {
	width: auto;
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: bold;
	font-size:0.9em;
}
input.loginBtn, input.BTN {
	float:right;

                color: #FFFFFF;
                font-size: 1.0em;
                font-weight: bold;
	border: 0;
	margin:10px 10px 0 0;
	padding: 0;
}
input.BTN {
	background-image: url('http://www.counselservices.com/images/icons/btnBlank.gif');
	margin:10px 30px 0 0;
        cursor: pointer;
}
#Form3_Label902, #Form3_Label908, #Form2_Label901 {
	font-size: 1.0em;
	font-weight: bold;
        color: #FFFFFF;
}
/* End MaestroCMS hacks */



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/*width: 10em;*/
}

#nav li.Home a.Home { 
	float: left;
	width: 101px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/Home.gif) no-repeat;
        height: 38px;
}

#nav li.Home a:hover.Home, #nav li.Home a:active.Home,
body#Home #nav li.Home a.Home { 
	float: left;
	width: 101px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/Home_select.gif) no-repeat;
        height: 38px;
}

* html #nav li.Home ul { 
	width: 101px; /* width needed or else Opera goes nuts */
	margin-left: -101px
}

#nav li.OurPerformance a.OurPerformance { 
	float: left;
	width: 152px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/OurPerformance.gif) no-repeat;
        height: 38px;
}

#nav li.OurPerformance a:hover.OurPerformance, #nav li.OurPerformance a:active.OurPerformance,
body#OurPerformance #nav li.OurPerformance a.OurPerformance { 
	float: left;
	width: 152px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/OurPerformance_select.gif) no-repeat;
        height: 38px;
}

* html #nav li.OurPerformance ul { 
	width: 152px; /* width needed or else Opera goes nuts */
	margin-left: -152px
}

#nav li.WhatWeOffer a.WhatWeOffer { 
	float: left;
	width: 122px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/WhatWeOffer.gif) no-repeat;
        height: 38px;
}

#nav li.WhatWeOffer a:hover.WhatWeOffer, #nav li.WhatWeOffer a:active.WhatWeOffer,
body#WhatWeOffer #nav li.WhatWeOffer a.WhatWeOffer { 
	float: left;
	width: 122px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/WhatWeOffer_select.gif) no-repeat;
        height: 38px;
}

* html #nav li.WhatWeOffer ul { 
	width: 122px; /* width needed or else Opera goes nuts */
	margin-left: -122px
}

#nav li.OurManagers a.OurManagers { 
	float: left;
	width: 122px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/OurManagers.gif) no-repeat;
        height: 38px;
}

#nav li.OurManagers a:hover.OurManagers, #nav li.OurManagers a:active.OurManagers,
body#OurManagers #nav li.OurManagers a.OurManagers { 
	float: left;
	width: 122px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/OurManagers_select.gif) no-repeat;
        height: 38px;
}

* html #nav li.OurManagers ul { 
	width: 122px; /* width needed or else Opera goes nuts */
	margin-left: -122px
}

#nav li.InvestorEducation a.InvestorEducation { 
	float: left;
	width: 135px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/InvestorEducation.gif) no-repeat;
        height: 38px;
}

#nav li.InvestorEducation a:hover.InvestorEducation, #nav li.InvestorEducation a:active.InvestorEducation,
body#InvestorEducation #nav li.InvestorEducation a.InvestorEducation { 
	float: left;
	width: 135px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/InvestorEducation_select.gif) no-repeat;
        height: 38px;
}

* html #nav li.InvestorEducation ul { 
	width: 135px; /* width needed or else Opera goes nuts */
	margin-left: -135px
}


#nav li.WhyCounsel a.WhyCounsel { 
	float: left;
	width: 118px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/WhyCounsel.gif) no-repeat;
        height: 38px;
}

#nav li.WhyCounsel a:hover.WhyCounsel, #nav li.WhyCounsel a:active.WhyCounsel,
body#WhyCounsel #nav li.WhyCounsel a.WhyCounsel { 
	float: left;
	width: 118px; /* width needed or else Opera goes nuts */
        background: url(/images/menu/WhyCounsel_select.gif) no-repeat;
        height: 38px;
}


* html #nav li.WhyCounsel ul { 
	width: 118px; /* width needed or else Opera goes nuts */
	margin-left: -118px
}

#nav li ul { /* second-level lists */
	top: 173px;
        position: absolute;
	background-color: #bcab96;
        color: #000000;
	width: 125px;
        z-index:9;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.Home ul { 
	width: 101px; /* width needed or else Opera goes nuts */
}

#nav li.OurPerformance ul { 
	width: 152px; /* width needed or else Opera goes nuts */
}

#nav li.WhatWeOffer ul, #nav li.OurManagers ul { 
	width: 122px; /* width needed or else Opera goes nuts */
}

#nav li.InvestorEducation ul { 
	width: 135px; /* width needed or else Opera goes nuts */
}
#nav li.WhyCounsel ul { 
	width: 118px; /* width needed or else Opera goes nuts */
}

#nav li ul li {

border-bottom: #ddd3c4 1px solid;
padding: 5px 10px 5px 10px;

}
#nav li ul li a {
  color: #000000;
}

#nav li ul li a:hover {
  color: #FFFFFF;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

* html #nav li.OurPerformance   {
	margin-top: -12px;
}

* html #nav li.WhatWeOffer  {
	margin-top: -12px;
}

* html #nav li.OurManagers  {
	margin-top: -12px;
}

* html #nav li.InvestorEducation  {
	margin-top: -12px;
}

* html #nav li.WhyCounsel   {
	margin-top: -12px;
}

table tr td input#UserId, input#Password {
width: 150px;

}


