@charset "iso-8859-1";
/* author: tre@hotmail.com */
/* Creation date: 11/10/2006 */

/*	scrollbar-3d-light-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#FF0000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#FF0000;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#FF0000;
a:link {color:black}
a:active {color:#ffffff;}
a:hover {color:#ffffff;}
a:visited {color:black}yellow
background-color:#FF0000; the red they use*/

/*logo {	
height:100px;
width:560px;
background: url("http://www.heinsightsolutions.com/images/HeinsightBanner.jpg");
}
*/

/*I don't see where I am using this in the code. I should see if it works to fix my travelling VELUX logo. If it does then I will keep it.*/
#trademark {
	float:left;
	}


/*Code for the layout of the pages*/
body  {
background: #F4F4F4;
margin: 0;
}

#container { 
/*width: 780px;*/
width:80%;
margin: 0 auto;
margin-left:40px;
background: #FFFFFF;

}

#header { 
padding: 45px 0 20px 40px;
background: url("http://www.heinsightsolutions.com/images/HeinsightBanner.jpg");
	background-repeat: no-repeat;
	background-position:center;
	overflow:hidden;
	height:100px;
	background-color: #FFFFCC;
} 

#header a {
color: #121212;
text-decoration: none;
/*font-size:30px;*/
font-size: 2.5em; 
font-family: "Myriad Pro", "Arial Narrow";
}

#menu {
background-color:black; 
padding: 6px 0 6px 40px;
text-align:center;

}

#menu a {
color: white;
text-decoration: none; 
font-weight: bold;
/*font-size: 14px; */
font-size: 1em; 
font-family: "Arial Narrow", "Myriad Pro";
positon:fixed;
left: 130px;

}

#menu a:hover {
color: #ecf2f3;
}

#sidebar {
float: left;
/*width: 120px;*/
width: 20%;
padding: 30px 0 0 40px;
margin: 0;

}

.address {
/*Font-size:12px;*/
font-size: .7 em; 
font-weight: normal;
line-height:90%;
}

/*I am trying to remove the text decoration from
the sidebar HS address and phone number. There needs to be one for
each state the link could be in*/
a.navLink:link {
	text-decoration: none;
	color: black;
}

a.navLink:visited {
	text-decoration: none;
	color: black;
}

a.navLink:hover {
	text-decoration: none;
	color: black;
}

h1 {
margin: 0px;
color: #869843; /*green sidebar color*/
/*font-size:24px; */
font-size: 2em ; 
font-family: "Arial Narrow", "Myriad Pro"; 
font-weight: normal;
}

h2 {
color: #3b7687; /*same color as the links*/
/*font-size: 15px; */
font-size: 1.2 em; 
margin: 20px 0 5px 0;
}

h3 {
	/*font-size: 15px;*/
	font-size: 1.2 em; 
	font-weight:bold;
	}

#main { 
/*margin: 0 0 0 180px;*/
margin-left: 180px;
padding: 35px 40px 30px 0px;
color: #444444;
font-family: "Georgia";
/*font-size: 12px; */
font-size: 1 em; 
line-height: 18px;
text-align: justify;
} 

#main a {
color: #3b7687;
/*text-decoration: none;*/
}

#main a:hover {
color: #444444;
}

#footer {
padding: 6px 40px 6px 40px;
background: #d6d6d6; 
font-family: "Lucida Sans Unicode";
color: #444444;
/*font-size: 11px;*/
font-size: .8 em; 
text-align: right;
clear:left;
}
/*
#footer a {
text-decoration: none; 
color: #262626;
}

#footer a:hover {
color: #666666;
}*/

.separator {
font-size:11px;
color:#FFFFFF;
}

/*additional code for the Menu*/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
/*font:normal 12px "Arial Narrow";*/
font:normal 1em "Arial Narrow";
/*line-height:18px;*/
line-height: 1.5 em;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FFFFCC;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;

}

.paginationstyle{ /*Style for demo pagination divs*/
width: 300px;
text-align: left;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FFFFCC;/*previously #FEE496*/
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #FF0000;/*previously yellow*/
}