@charset "UTF-8";
/* CSS Document */
/*
/* Screen.css
/*
/* Discription:  Written for the YourBestPartner micro-site to be used as the default/screen based stylesheet
/* for this site.   Stylesheet will be W3C compliasnt, and a seperate IE hacks sheet will be used for any 
/* browser specific hacks. 
/*
/* This stylesheet tested on:   PC: Firefox 3.5, Safari 4, Chrome,  IE 6 (with hacks stylesheet) 
/*                              Mac:  Safari 4,  Firefox  3.5.             
/*
/* 
/* Written by: Ryan DesRoches 
/* Last modified on:  10/26/2009
/*
/*********************************************************************************************************************/

body
{
	text-align:center;
	background:#999999;
	margin:0 auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;  /* Base is just for navigation.  The main content text will be based on 12px */
}


p,
ul
{
	text-align:left;
}

a
{
	text-decoration:none;
}
a:visited
{
	text-decoration:none;
	color:#4F8DA6;
}
a:hover,
a:focus
{
	text-decoration:underline;
	color:#239476;
}


#outerWrapper
{
	margin:0 auto;
	background:#FFFFFF;
	width:786px;
	text-align:center;
	overflow:hidden;
	
}

#printLogo,
#printFooter
{
	display:none;
}

#homePageImageBackgroundWrapper
{
	background:#FFFFFF url(../images/HomePg-Navbgd-redesign.gif) top left no-repeat;
	display:block;
	float:left;
	width:100%;
}

#imageBackgroundWrapper
{
	background:#FFFFFF url(../images/std-Navbgd-redesign.gif) top left no-repeat;
	display:block;
	float:left;
	width:100%;
}


#innerWrapper
{
	margin:0 auto;
	width:760px;
	
}

/* Flash heading is really just a hack for IE, as it can't properly adjust the heights peoperly between
/* the flash and the static graphic banner on the sub pages.   We set a fixed height on the headding ID in the
/* IE Hacks stylesheet to make everything look fine 
*/
#flashHeading
{
	float:left;
	height:265px;
}
#heading
{
	float:left;
	width:100%;
	
}


#navigation
{
	float:left;
	width:760px;
	

}



#mainContent
{
	float:left;
	font-size:12px;
	
}

#mainContent #main
{
	float:left;
	width:600px;
	padding-bottom:10px;
}

#mainContent #pdfArea
{
	float:right;
	width:160px;
	text-align:left;
	font-size:80%;
	padding-top:30px;
}

#mainContent #pdfArea p
{
	text-align:center;
}

#main h1,
#mainContent h1
{
	font-size:175%;
	text-align:left;
	color:#000;
	padding-top:15px;
	padding-bottom:0px;
	margin:0;
	font-style:italic;
	padding-left:20px;
}

#main h2,
#mainContent h2
{
	font-size:120%;
	text-align:left;
	color:#000000;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	font-style:italic;

}


#main p,
#mainContent p
{
	padding-left:20px;
	padding-right:20px;
}

#main h2
{
	padding-bottom:0;
	margin-bottom:0;
}

#main h2 strong
{
	color:#FF0000;
}

/* This is for paragraphs right after the h2 hedding so that they
/* fold right under them instead of having a space between the hedding tag and the 
/* paragraph tag.  */
.postH2
{
	padding-top:0;
	margin-top:0;
}


#legalFooter
{
	float:left;
	font-size:70%;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:7px;
	
}
	
#footer
{
	width:760px;
	padding-top:7px;
	padding-bottom:5px;
	text-align:center;
	font-size:80%;
	font-style:italic;
	background:#9aca3f url(../images/footerBar.gif) top left no-repeat;
	float:left;
}

#bottomGradiant
{
	width:100%;
	background:url(../images/GreyBarbottom.gif) top left repeat-x #999999;
	float:left;
	height:12px;
}

.Boxs
{

	display:block;
	background: url(../images/Nav-BotLeftCorner.gif) #d6c374 no-repeat left bottom;
	margin-left: 2px;
	margin-right: 10px;
	margin-bottom: 20px;
	float:left;
	padding-bottom:0;
	height:auto;
	
	
	
}


.Boxs-outer
{
	background:url(../images/Nav-BotRightCorner.gif) no-repeat right bottom;	
	height:inherit;

}

.Boxs-inner
{
	background:url(../images/Box-TopLeftCorner.gif) no-repeat top left;
	min-width:148px;
	min-height:160px;
}

.Boxs-inner h3 
{
	background:url(../images/Box-TopRightCorner.gif) no-repeat top right;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	
}
	
.Boxs-inner a
{
	text-decoration:none;	
}

.Boxs-inner a:hover,
.Boxs-inner a:focus
{
	text-decoration:underline;
	color:#00F;
}

.Boxs-inner ul
{
	padding-left:5px;
	list-style:none;
	text-align:left;
	margin-bottom:0;
	padding-bottom:5px;
}

.Boxs-inner ul li
{
	padding-left:5px;
	padding-right:3px;
	list-style:none;
	text-align:left;
	margin-bottom:0;
	padding-bottom:5px;
}

.Boxs-inner p
{
	margin-bottom:0;
	padding-bottom:0;
}
/* Special Characters such as &reg and &trade should come down in size a little bit */
.SpecialCharacters
{
	font-size:10px;
}