/*
Style Sheet for Englewood Construction
Created 09/2009 
Ridge Avenue Design
*/

html, body {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
body, p, table, td, th, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left; 
}
a{
	color:#00538f;
	text-decoration: none;
}
a:hover {
	color: #00538f;
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #006699;
	margin-bottom: 2px;
	margin-top: 5px;
}
h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #006699; 
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color : #006699;
	margin-bottom: 2px;
	margin-top: 5px;
}

ul li  {
	list-style-image: url(images/li-news.gif);
	list-style-position: outside;
	font-size: 10pt;	
}

/*To make list items #00538f color*/
.listbold{
	color:#00538f;
}

/*List sections on section pages*/
.li-sections li  {
	list-style-image: url(images/li-news.gif);
	list-style-position: outside;
	font-size: 12pt;	
	padding-bottom: 5pt;
}

/*News ul and li*/
.li-news li  {
	list-style-image: url(images/li-news.gif);
	list-style-position: outside;
	font-size: 8pt; /*Below: Top right bottom left*/
	margin: 0px 0px 0px -20px;
	line-height: 10pt;
	text-align: left;
	font-weight: bolder;
	font-style: normal;

}
.li-news A {
	text-decoration: none;
}
.li-news A:link {
	color:#000000;
}
.li-news A:hover {
	color: #000000;
	text-decoration: underline;
}
.li-news A:active {
	color:#000000;
}
.li-news A:visited {
	color: #000000;
}

/*Border Background*/
.border-bg{
	background-color: #00538f;
	background-image: url(images/border-bg.jpg);
}

/*Border Background*/
.logo-bg{
	background-color: #d8d8d8;
}

/*Footer*/
.footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	color:#ffffff;
	background-color: #00538f;	
	background-image: url(images/border-bg.jpg);
}
.footer A:ACTIVE {
	color: #ffffff;
}
.footer A:HOVER {
	color: #ffffff;
}
.footer A:LINK {
	color: #ffffff;
}
.footer A:VISITED {
	color: #ffffff;
}

/*Home page (index.html) titles for each of the core areas*/
.home-title {
	color: #00538e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 13pt;
	line-height: 13pt;
	/*Below: Top right bottom left*/
	margin: 5px 0px 10px 0px;	
}

/*Navigation Background*/
.navigation-bg{
	background-color: #5e8bb8;
	background-image: url(images/navigation-bg.jpg);
	height: 100%;
}

/*News headlines on home page (index.html)*/
.news {
	color: #00538e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 13pt;
	line-height: 13pt;
	/*Below: Top right bottom left*/
	margin: 0px 0px 5px 0px;	
}

/*Portfolio Tables on four core pages */
.portfolio-table{
	background-color: #d8d8d8;
	padding: 6px;
  /*Below adds a solid border around tables*/
  /*border: 1px solid black;*/
}
.portfolio-title {
	color: #00538e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10pt;
	line-height: 10pt;
	/*Below: Top right bottom left*/
	margin: 0px 0px 5px 0px;	
}
/*Align the text for the tables left*/
.portfolio-text {
	text-align: left;
}


/*To block the logo from view in browser that will print when printed*/	
/*---------------------------------------------------------------------------*/
#printlogo{
  display: none;
}
/*To Print page title when page is printed*/	
#pagetitle{
  display: none;
}
/*---------------------------------------------------------------------------*/



.clientlist {
margin-top: 0px;
}


/*Start top Navigation*/
/*---------------------------------------------------------------------------*/
.top-navigation{
color: #FFFFFF;
background-color: #36587a;
border-left: #d8d8d8 4px solid;
border-top: #d8d8d8 2px solid;
border-right: #d8d8d8 0px solid;
text-align:left;
cursor: pointer;	
font-size: 15px; 
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
padding: 2px;
height: 20px;
line-height: 20px;
}
.top-navigationover{
color: #36587a;
background-color: #d8d8d8;
text-align:left;
border-left: #d8d8d8 2px solid;
border-top: #d8d8d8 2px solid;
border-right: #d8d8d8 2px solid;
cursor: pointer;	
font-size: 15px; 
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
padding: 2px;
height: 20px;
line-height: 20px;
}
/*To maintain link color*/
.top-navigationover a {
color: #36587a;
text-decoration: none;
}
.top-navigationover a:link {
color: #36587a;
text-decoration: none;
}
.top-navigationover a:hover {
color: #36587a;
text-decoration: none;
}
.top-navigationover a:active {
color: #36587a;
text-decoration: none;
}
.top-navigationover a:visited {
color: #36587a;
text-decoration: none;
}
/*To Keep link #ffffff*/
.top-nav  {
text-decoration: none;
color: #ffffff;
}

/*To maintain link color*/
.top-navigation a {
color: #ffffff;
text-decoration: none;
}
.top-navigation a:link {
color: #ffffff;
text-decoration: none;
}
.top-navigation a:hover {
color: #ffffff;
text-decoration: none;
}
.top-navigation a:active {
color: #ffffff;
text-decoration: none;
}
.top-navigation a:visited {
color: #ffffff;
text-decoration: none;
}
/*---------------------------------------------------------------------------*/
/*End top navigation*/


/*---------------------------------------------------------------------------*/
/*Begining of Left Side Navigation*/
#navcontainer { width: 230px;
 }

#navcontainer ul
{
padding-left: 0;
margin:0 0 0 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-indent: 25px;
}

#navcontainer li{
list-style-image: url(images/transparentgif.gif);
}

#navcontainer a 
{
display: block;
border-right: #d8d8d8 4px solid;
border-bottom: #d8d8d8 2px solid;
color: #ffffff;
background-color: #5f8bb8;
cursor: pointer;	
font-size: 16px; 
padding: 2px;
height: 19px;
line-height: 19px;
}

#navcontainer a:link, #navlist a:visited
{
border-right: #d8d8d8 4px solid;
border-bottom: #d8d8d8 2px solid;
color: #ffffff;
background-color: #5f8bb8;
cursor: pointer;	
font-size: 16px; 
padding: 2px;
height: 19px;
line-height: 19px;
}

#navcontainer a:hover
{
text-indent: 25px;
border-right: #5f8bb8 4px solid;
border-bottom: #d8d8d8 2px solid;
color: #000000;
background-color: #d8d8d8;
cursor: pointer;
font-size: 16px; 
text-decoration:none;
padding: 2px;
height: 19px;
line-height: 19px;
}

#navcontainer div.menutitle a:visited, #navcontainer div.menutitle a   {
border-bottom: #d8d8d8 2px solid;
color: #FFFFFF;
background-color: #36587a;
text-align:left;
text-indent: 6px;
border-right: #d8d8d8 4px solid;
cursor: pointer;	
font-size: 16px; 
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
padding: 2px;
height: 23px;
line-height: 23px;
}

#navcontainer div.menutitle a:hover  {
border-bottom: #d8d8d8 2px solid;
color: #FFFFFF;
background-color: #36587a;
text-align:left;
text-indent: 6px;
border-right: #5f8bb8 4px solid;
cursor: pointer;	
font-size: 16px; 
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
padding: 2px;
height: 23px;
line-height: 23px;
}

/* line between menu items */
.menutopa{
background-color: #d8d8d8;
}
/*---------------------------------------------------------------------------*/
/*End of Left Side Navigation*/

.video-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	color:#ffffff;
	font-weight: 800;	
}

/*Home Page Article section*/
.article{
border-left: #d8d8d8 6px solid;
border-right: #d8d8d8 4px solid;
color: #000000;
background-color: #d8d8d8;
cursor: pointer;	
/*font-size: 14px; */
padding: 1px;
}
/*Mouseover effect for menus*/
.articleover{
border-left: #d5e0ec 6px solid;
color: #000000;
border-right: #d5e0ec 4px solid;
background-color: #d5e0ec;
cursor: pointer;
/*font-size: 14px; */
text-decoration:none;
padding: 1px;
}

/*HEADERS*/
/*Header border and background colors*/
.headerbg {
background-color: #d8d8d8;
}
.headerbg-index {
background-color: #5f8bb8;
}
.headerbg-markets {
background-color: #5f8bb8;
}
.headerbg-news {
background-color: #5f8bb8;
}
.headerbg-about {
background-color: #5f8bb8;
}

/*Secondary Menus on Market Pages*/
.sm-markets {
	font-size: 18px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 0px 15px 0px;	
}
.sm-marketsa {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	margin: 0px 0px 5px 0px;	
}

/*Secondary Menus on About Pages*/
.sm-about {
	font-size: 18px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 0px 15px 0px;	
}
.sm-abouta {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 16px;
	margin: 0px 0px 5px 0px;	
}

.sm-abouta a {
color: #ffffff;
text-decoration: none;
}

.sm-abouta a:link {
color: #ffffff;
text-decoration: none;
}

.sm-abouta a:hover {
color: #ffffff;
text-decoration: underline;
}
.sm-abouta a:active {
color: #ffffff;
}

.sm-abouta a:visited {
color: #ffffff;

}

/*Style Sheet for the Scrolling Text*/ 
/*Example CSS for the scrollers*/
#pscroller1{
width: 200px;
height: 170px;
padding: 0px;
/*Below: Top right bottom left*/
	margin: 0px 0px 0px 5px;	
/*border: 1px solid black;
padding: 5px;
background-color: #d8d8d8;*/

/*class to apply to your scroller(s) if desired*/
}
.someclass{ 
}

/*Video Page backgrounds*/
.video{
color: #000000;
background-color: #d8d8d8;
padding: 2px;
}
.videoover{
color: #000000;
background-color: #d5e0ec;
text-decoration:none;
padding: 2px;
}