/*  Stylesheet for Valley Forge Insurance Brokerage
--------------------------------------------------------
File Name: vfib.css
Media: Screen
-------------------------------------------------------- */ 



/*  ---------------------------------------------------------------------------
    PAGE BODY CONTAINER
    --------------------------------------------------------------------------- */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {	
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #857464;
	background-color: #ffffff;
	text-align: justify;
	}

#wrapper {
	width: 800px;
	background-color:#857464;
	margin:10px auto;
	text-align:left;

}

/*  ---------------------------------------------------------------------------
    PAGE Header
    --------------------------------------------------------------------------- */
 

#header {
	width: 800px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

/*  ---------------------------------------------------------------------------
    PAGE Navigation
    --------------------------------------------------------------------------- */

/*  Inner navigation container on master page*/
#nav{	
	background-color:#857464;
}

/*  Outer navigation container on master page*/
#leftcol {
	margin-top: 20px;
	margin-left: 10px; 
	float: left;
	width: 170px;	
	background-color:#FFFF00;
  }



/*  ---------------------------------------------------------------------------
    PAGE Content Containers
    --------------------------------------------------------------------------- */

#content {
	margin-left: 255px;
	margin-top: 20px; 
	background-color:#857464; 
	  
	
}

#content .container {
	width: 94%;	
	background-color: #ffffff; 
	padding: 5px; 	
	
}
.containerRight {
	width: 48%;
	float:right;
/*	margin-right: 5px; */
	padding: 4px; 
	
/*	background-color:Fuchsia;  */ 	
} 

.containerLeft {
	width: 48%;
	float:left;
	padding: 5px; 
	
/*	background-color: Green;  */
} 
.redBox {
	float:left;
	width: 33%;
	height: 575px; 	
	background-color: #71273D;
	font-family: futura-pt;
	color: White;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}
.goldBox {
	width: 33%;
	float:left;
	margin-left:3px;
	height: 575px;
	color: White;
	font-family: futura-pt;	
	background-color: #857464;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
}
.navyBox {
	float:right;
	width: 33%;
	height: 575px;
	background-color: #002663;
	font-family: futura-pt;
	color: White;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
}

#flashcontent  {		
		width: 200px;
		height: 239px;
		float: right;		
}

/*  ---------------------------------------------------------------------------
    The clearfix tags below fix the issues with the Mozilla firefox browsers.  
    It basically clears the Floats that are present in the content containers
    --------------------------------------------------------------------------- */



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*  ---------------------------------------------------------------------------
    PAGE Content HTML styles
    --------------------------------------------------------------------------- */

#content p{

	margin: 15px;
	
}
#content p a:link {

	color:#857464;
	
}
#content p a:hover {

	color:#002663;
	
}

#content ol{	
	margin-left: 50px;
}

#content ul{	
	margin-left: 15px;
}



#content ul li{	
	margin-left: 5px;
	list-style-type:square;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #857464;
/*	color: #002144; */
}

#content h2 {	
	/*font: normal 600 14px futura-pt;
	font-weight:600;*/
	font-size: .875em;
	font-family: futura-pt;
	color: #857464;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;

}

#content h3 {	
	font: bold normal 14px futura-pt;
	text-transform: none;
	color: #002144; 
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
	
}
#content .redBox a:link {color:#FFF;}
#content .goldBox a:link {color:#FFF;}
#content .navyBox a:link {color:#FFF;}

#content .redBox a:hover {color:#e9eef6;}
#content .goldBox a:hover {color:#e9eef6;}
#content .navyBox a:hover {color:#e9eef6;}

/******************************************************
This product section is only for the products list items
and hyperlinks
******************************************************/
 
#products ul li li{	
	margin-left: 5px;
	list-style-type:disc;	 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #002663;
	padding: 0px;
/*	color: #002144; */
}
#products ul li{	
	margin-left: 5px;
	list-style-type:none;	
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color: #002663;
	padding-bottom: 5px;
/*	color: #002144; */
}

#products a 
{
	color:#857464;
}

#products a:hover
{
	color:#71273D;
/*	background-color:#857464; */
}

#products h2 a{	
	font: normal 600 14px futura-pt;	
	color: #857464;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;	
}

/*  ---------------------------------------------------------------------------
    Image formatting
    --------------------------------------------------------------------------- */

.leftimage{
	float: left;
	margin: 0 10px 0px 0;
/*	border: 1px solid #000000; */
}

.rightimage{
	float: right;
/*	margin: 0 0 20px 15px;
	border: 1px solid #000000; */	
}
.center {   display: block; margin:0 auto;}

/*  ---------------------------------------------------------------------------
    Footer
    --------------------------------------------------------------------------- */
#footer {
	font: normal 10px Arial, Helvetica, sans-serif;	
	color: #666666;
	text-align : center;
/*	border : solid 2px #000000; */
	background-color:White;
	clear: both;
}


  
  
  /*  ---------------------------------------------------------------------------
    Bottom page banner.  The home page is slightly different with the burgundy color and addtional text.
    --------------------------------------------------------------------------- */
  
#bottomHome {
		
	background-color : #FFFFFF;
/*	margin-top: 5px;*/
	width: 100%;
	
/*	border: solid 5px #000000;*/
}

#bottomHome .container{
	width: 100%;		
}

/*Bottom banner for  home page*/

#bottomHome .containerRed {
	width: 100%;	
	background-color : #71273D;
	
}

#bottomHome .colLeft {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align : left;	
	background-color : #71273D;
	float:left; 	
	margin-left: 129px; 
	margin-top: 10px;
/*	border: solid 1px #000000; */
	
}
#bottomHome .colRight {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align : left;	
	background-color : #71273D;
	float:right; 	
	margin-top: 10px;
	margin-right: 10px;
/*	border: solid 1px #000000; */
}

#bottomHome a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
}

/*Bottom banner for every page except home*/

#bottomHome .containerTaupe {
	width: 100%;	
	background-image : url(../graphics/bottom_bar_small_tan.gif);
	background-repeat: no-repeat;
}