/***********************************************/
/* Layout2.css                                  */
/*CSS for VerHalen Commercial Interiors Site 
Used for pages where the left Grey Nav Bar is long*/
/***********************************************/

/***********************************************/
/* HTML Default tag styles                     */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	height: 100%;
	behavior:url("csshover.htc"); /* stylesheet hack for the horizontal popout menu */
}

a:link, a:visited, a:hover, a:focus {
	color: #003351;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #003351;
}

h2{
 font-size: 114%;
 color: #003351;
}

h3{
 font-size: 100%;
 color: #003351;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color:  #003351;
}

h5{
 font-size: 100%;
 color:  #003351;
}

ul{
 list-style-type:square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

img{
	border:none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*Page Header*/
#masthead{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	width: 100%;
	background-color:#003351;
}

/*Left Navigation Bar*/
#navBar{
	margin: 0 83% 0 0;
	padding: 10px 0px 10px 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear:left;
	font-weight:bold;
	font-size:9px;
	width: 108px;
}

/*Content*/
#content{
    float:right;
    width:78%;
	margin: 0;
	padding: 0 3% 0 2%;
	overflow-x: hidden;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 0px 12px;
}

/************** .pgcon styles *****************/


.pgcon{
	clear: both;
	padding: 2px 0px 8px 6px;
	margin:1px 5px 3px 5px;
	font-size: 80%;
	text-align:left;
}

.pgcon p{
	padding: 0px 0px 5px 0px;
}

.pgcon img{
	padding:2px 2px;
	margin:6px 6px;
	display:inline;
}

.pgcon a:visited, a:link{
	text-decoration:none;
	color: #003351;
	font-weight:bold;
	border:none;
	background:none;
	font-size: 100%;

}

.pgcon ul{
	list-style: circle;
	}

/************* #footer styles ***************/
/* footerstatic is used where the page content is long and the footer can only be seen after scrolling down */
#footerstatic{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	background-color:#003351;
	width:100%;
	overflow: scroll;

}

#footerstatic p{
	text-align: center;
}

#footerstatic a:link, a:visited{
	font-size:75%;
	color:#cccccc;
	background-color:#003351;
	text-decoration:none;
	vertical-align:middle;
}

#footerstatic a:hover, a:focus{
	text-decoration:underline;
}

#footerstatic img{
	padding: 4px 4px 4px 0px;
	margin: 0px 10px 0px 0px;
	vertical-align:middle;
	float:left;
}


/* footer is: negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" (used in pages where page content is short
	and footer will remain stationary at the bottom of the page) */
#footer{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	background-color:#003351;
	width:100%;
	position: absolute;
	bottom:0;

}

#footer p{
	text-align: center;
}

#footer a:link, a:visited{
	font-size:75%;
	color:#cccccc;
	background-color:#003351;
	text-decoration:none;
	vertical-align:middle;
}

#footer a:hover, a:focus{
	text-decoration:underline;
}

/* edit footer V-Logo here */
#footer img{
	padding: 4px 4px 4px 0px;
	margin: 0px 10px 0px 0px;
	vertical-align:middle;
	float:left;
}


/************* #search styles ***************/
/* edit search bar layout here */
#search{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 60%;
	vertical-align:top;
}

#search form{
 margin: 0px;
 padding: 0px;
 vertical-align:top;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}

/************ #masthead img styles *********/
/* header image is formatted here */
#masthead img{
	width:100%;
	border:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*********** #navBar link styles ***********/

/*#navBar ul a:link, #navBar ul a:visited {display:block;}*/
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navBar h3{
	padding: 10px 0px 6px 25px;
	margin:0px 0px 6px;
	text-align:center;
	color:#FFFFFF;  
	border-left-color:#eeeeee;
	border-right-color:#eeeeee;
	font-size:150%;
	border:none;
	background-color:#003351;
	width: 108px;
}


/*********** #sectionLinks styles ***********/
/* edit left nav bar links here */
.sectionLinks{
    margin: 3px 0px;
	border-bottom: 1px solid #cccccc;
	font-weight:bold;
	color:#000000;
	padding: 0px 0px 15px 5px;
	width: 108px;
}

.sectionLinks li{
	padding: 6px 2px 6px 2px;
	margin: 3px 0px 3px 0px;
	color: #000000;
	background-color:#eeeeee;
	width: 108px;

}
.sectionLinks a:link{
	padding: 6px 2px 6px 2px;
	margin: 3px 0px 3px 0px;
	color: #000000;
	background-color:#eeeeee;
	width: 108px;

}

.sectionLinks a:visited{
	padding: 6px 2px 6px 2px;
	margin: 3px 0px 3px 0px;
	color:#000000;
	background-color:#eeeeee;
	font-size:100%;
	width: 108px;

}

.sectionLinks a:hover, a:focus{
	border-bottom: 1px solid #cccccc;
	color:#000000;
	padding: 6px 2px 6px 2px;
	text-decoration:none;
	width: 108px;
	background-color:cornflowerblue;
}


/********contactnow styles**************/
/* edit contact now image in bottom left nav bar */
#contactnow{
	padding: 10px 0px 20px 16px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
	overflow:hidden;
	display:none;
}

#contactnow img{
	display: none;
	border:1px solid #cccccc;
}

/*********** .relatedLinks styles ***********/

#related{
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 8pt;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
	width: 108px;
}

#related li{
	padding:6px 0px 2px 10px;
	margin:3px 0px 0px 0px;
}

#related a:link{
	padding: 6px 0px 2px 10px;
	margin: 3px 0px 3px 0px;
	width: 100%;
	color: #003351;
	background-color:#eeeeee;
}

#related a:visited{
	padding: 6px 0px 2px 10px;
	margin: 3px 0px 3px 0px;
	width:100%;
	font-weight:bold;
	color:#000000;
	background-color:#eeeeee;
}

#related a:hover, a:focus{
	border-top: 1px solid #cccccc;
	background-color:#003351;
	color:#ffffff;
	padding: 6px 6px 2px 2px;
	text-decoration:none;
}

#related h3{
	padding: 10px 0px 2px 0px;
	text-align:center;
}