/*********Sitewide Styles*********/
html,
body {
	margin:auto;
	padding:0px;
	font-family:Arial, Helvetica, Sans-Serif;
	background-color:#7c8574;
}

a img{
	border:0px;
}
a{
	text-decoration:none;
}
p,.column-b li,.box li{
	font-size:12px;
	color:#333;
	line-height:18px;
}

.column-b p,.column-b h3
{
    padding:10px;    
}


p a,li a{
	color:#566a08;
}
p a:hover,li a:hover{
	color:#333;
	font-weight:bold;
}
.clear {
	clear: both;
	margin: -1px 0px 0px 0px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}
.ahem {  /* Like display: none, but screenreader-friendly */
	position: absolute;
	overflow: hidden;
	height: 0px;
	width: 0px;
	left: -1000px;
	top: -1000px;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.bb{
	padding-bottom:5px;
	border-bottom:1px solid #999;
}

#wrapper{
	width:964px;
	margin:auto;
	border-left:#acb29a 3px solid;
	border-right:#acb29a 3px solid;
	border-bottom:#acb29a 3px solid;
		background:#fff url(/imgs/body-bg.gif) repeat-x;
}

.frame-it{
	border:1px solid #333;
	padding:3px;
}

#templatebody{
	
/*	background:url(/imgs/body-bg.gif) repeat-x;*/
	width:960px;
}
/*********Home Page Only************/

#homebody .english{
	/*background:url(/imgs/home-bg.gif) repeat-x !important;*/
}

#homebody .french{
	/*background:url(/imgs/home-bg.gif) repeat-x !important;*/
}
#homebody .dutch{
	/*background:url(/imgs/home-bg.gif) repeat-x !important;*/
}
/**********************************/


/********** Header ***************/
.english #header{
width:964px;
height:136px;
padding-top:11px;
background:url(/imgs/header-bg-en.gif) no-repeat 0 11px;
position:relative;
}

.french #header{
width:964px;
height:136px;
padding-top:11px;
background:url(/imgs/header-bg-fr.gif) no-repeat 0 11px;
position:relative;
}

.dutch #header{
width:964px;
height:136px;
padding-top:11px;
background:url(/imgs/header-bg-du.gif) no-repeat 0 11px;
position:relative;
}



/*Language Navigation*/

/* OLD 
.english #language {
width: 223px; 
height: 22px;
background: url(/imgs/language-en.gif);
margin: 0px auto;
margin-left:707px; 
padding: 0;
position: relative;
} 

.french #language {
width: 223px; 
height: 22px;
background: url(/imgs/language-fr.gif);
margin: 0px auto;
margin-left:707px; 
padding: 0;
position: relative;
} 

.dutch #language {
width: 223px; 
height: 22px;
background: url(/imgs/language-du.gif);
margin: 0px auto;
margin-left:707px; 
padding: 0;
position: relative;
} 

*/

#language {
width: 223px; 
height: 22px;
background: url(/imgs/language.gif);
margin: 0px auto;
margin-left:707px; 
padding: 0;
position: relative;
} 



#language li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}  
#language li, #language a {
height: 22px; 
display: block;
}

#english {
left: 0; 
width: 71px;
}
#french {
left: 71px; 
width: 65px;
}
#dutch {
left: 138px; 
width: 85px;
}

#english a:hover,#english a.selected {
background: transparent url(/imgs/language.gif) 0 -22px no-repeat;
}
#french a:hover, #french a.selected {
background: transparent url(/imgs/language.gif) -71px -22px no-repeat;
} 
#dutch a:hover, #dutch a.selected {
background: transparent url(/imgs/language.gif) -138px -22px no-repeat;
}


/* OLd

.english #english {
left: 0; 
width: 89px;
}
.english #french {
left: 89px; 
width: 56px;
}
.english #dutch {
left: 145px; 
width: 78px;
}

.english #english a:hover,.english #english a.selected {
background: transparent url(/imgs/language-en.gif) 0 -22px no-repeat;
}
.english #french a:hover,.english #french a.selected {
background: transparent url(/imgs/language-en.gif) -89px -22px no-repeat;
} 
.english #dutch a:hover,.english #dutch a.selected {
background: transparent url(/imgs/language-en.gif) -145px -22px no-repeat;
}





.french #english {
left: 0; 
width: 74px;
}
.french #french {
left: 74px; 
width: 63px;
}
.french #dutch {
left: 137px; 
width: 86px;
}

.french #english a:hover,.french #english a.selected {
background: transparent url(/imgs/language-fr.gif) 0 -22px no-repeat;
}
.french #french a:hover,.french #french a.selected {
background: transparent url(/imgs/language-fr.gif) -74px -22px no-repeat;
} 
.french #dutch a:hover,.french #dutch a.selected {
background: transparent url(/imgs/language-fr.gif) -137px -22px no-repeat;
}





.dutch #english {
left: 0; 
width: 77px;
}
.dutch #french {
left: 77px; 
width: 51px;
}
.dutch #dutch {
left: 128px; 
width: 95px;
}

.dutch #english a:hover,.dutch #english a.selected {
background: transparent url(/imgs/language-du.gif) 0 -22px no-repeat;
}
.dutch #french a:hover,.dutch #french a.selected {
background: transparent url(/imgs/language-du.gif) -77px -22px no-repeat;
} 
.dutch #dutch a:hover,.dutch #dutch a.selected {
background: transparent url(/imgs/language-du.gif) -128px -22px no-repeat;
}


*/


/*Primary Navigation*/
#nav{
	margin:83px 0 0 0;
	padding:0;
}

#nav li{
	list-style:none;
	display:inline;
	height:29px;
	
}
/*
#nav a{
	height:24px;
	padding:0px 10px 5px 10px;
	margin:0 -5px 0 0;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	background:url(/imgs/nav-bg.gif) no-repeat 0 0;
}
#nav a:hover,#nav a.selected{
	background:url(/imgs/nav-bg.gif) repeat-x;
}
*/

.top{
	height:18px;
	padding:3px 10px 5px 10px;
	margin:0 0 0 0;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	background:url(/imgs/nav-bg.gif) no-repeat 0 -6px;
	display: block;
}
a:hover.top, .top a.selected{
	color: #fff;
	background:url(/imgs/nav-bg.jpg) repeat-x;
}
#nav li{ /* all list items */
	float: left; /* width needed or else Opera goes nuts */
	width: auto;
}


#nav li ul li{
	height: auto;
	width: 120px;
	margin: 0 !important;
	
}
#nav li ul li a{
	color: #bfc39e;
	display: block;
	width: 120px;
	height: auto;
	font-size: 12px;
	padding: 6px 10px 6px 10px!important;
}
#nav li ul li a:hover{
	border-top: 1px solid #343b33;
	border-bottom: 1px solid #343b33;
	background: #1e251d;
	color: #86a900;
	font-weight: normal;
	padding: 5px 10px 5px 10px!important;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #131d15;
	width: 140px;
	margin: 0;
	padding: 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*Search Box*/
#search{
	width:164px;
	height:29px;
	padding:0 0 0 78px;
	background:url(/imgs/search-bg.gif) no-repeat;
	position:absolute;
	bottom:9px;
	right:11px;
}
#searchbox{
	position:absolute;
	top:5px;
	border:2px solid #666;
	height:15px;
	width:120px;
	font-size:10px;
	background:#fff url(/imgs/input-bg.gif) repeat-x;
}
#go{
	position:absolute;
	top:9px;
	left:212px;
	border:0;
	height:13px;
	width:22px;
	background:url(/imgs/go-button.gif) no-repeat;
}


/**************Home Page Only*****************/
.splash{
	width:964px;
	height:274px;
	background:#86b9ce;
	margin:0;
	padding:0;
}
/*
.english .splash{
	width:964px;
	height:274px;
	/*background:url(/imgs/splash-en.jpg) no-repeat;*/
	margin:0;
	padding:0;
}
.french .splash{
	width:964px;
	height:274px;
	/*background:url(/imgs/splash-fr.jpg) no-repeat;*/
	margin:0;
	padding:0;
}
.dutch .splash{
	width:964px;
	height:274px;
	/*background:url(/imgs/splash-du.jpg) no-repeat;*/
	margin:0;
	padding:0;
}*/
/*
.english .featured{
	width:285px;
	/*height:203px;*/
	background:url(/imgs/featured.jpg) no-repeat;
	margin:0;
	padding:60px 20px 0 20px;
}

.french .featured{
	width:285px;
	/*height:203px;*/
	background:url(/imgs/featured-fr.jpg) no-repeat;
	margin:0;
	padding:60px 20px 0 20px;
}
.dutch .featured{
	width:285px;
	/*height:203px;*/
	background:url(/imgs/featured-du.jpg) no-repeat;
	margin:0;
	padding:60px 20px 0 20px;
}



.featured h2,.featured h3{
	font-weight:normal;
	color:#3f5764;
	font-size:18px;
	padding:0;
	margin:0;
}

/*boxes for home*/
/*
.boxtop{
	height:26px;
	width:307px;
	background:url(/imgs/box-top.gif) no-repeat top;
}
*/
.box{
	width:289px;
	height:240px;
	background:#f7f7e7;
	border:solid 3px #d9cec1;
	margin:30px 0px 20px 20px;
	padding-top:10px;
}
.box p, .box img,.box li {
	padding-left:20px;
	padding-right:15px;
}
.box h2 {
	font-size:16px;
	color:#2a3929;
	margin:4px 0 5px 0;
	padding-left:20px;
	padding-right:15px;
}
/*
.boxbottom{
	height:26px;
	width:307px;
	background:url(/imgs/box-bottom.gif) no-repeat bottom;
}
*/
/******************************/

/**********Content************/
#content{
	padding-top:21px;
	margin-left:20px;
}
#content h2{
	font-size:16px;
	color:#2a3929;
	padding:0;
	margin:0 0 5px 0;
}

/******Column A*********/
.column-a{
	width:184px;
	padding-right:20px;	
}

.section{
	width:164px;
	height:23px;
	padding:4px 0 0 20px;
	background:url(/imgs/section.gif) no-repeat;
}

.column-a ul{
	margin:0;
	padding:0;
}
.column-a ul li{
	font-size:12px;
	list-style:none;
	margin:0;
	padding:7px 0 7px 20px;
	background:url(/imgs/nav-line.gif) no-repeat bottom center;
}
.column-a ul li ul li{
	background:url(/imgs/subnav-bg.gif) repeat-y;
	padding:2px 0 2px 20px;
}
.column-a ul li a{
	color:#8d9959;
}
.column-a ul li a:hover,.column-a ul li a.selected{
	color:#333;
	font-weight:bold;
}

/*********Column B package contents may vary***********/
.column-b{
	width:520px;
}
.column-b h2,.column-b h3{
	font-size:16px;
	color:#2a3929;
	padding:0;
	margin:4px 0 5px 0;
}

.column-b p{
	margin:5px 0 0 0;
	padding:0px;
}
.column-b img {
	margin-left:10px;
	border: 1px solid rgb(171, 179, 132); 
	padding: 2px;
}


.cb{
	margin:0 20px 0 20px;
}
.cb-applied{
	width:350px;
	padding-left:10px;
}
hr{
	width:100%;
	color:#999;
	border-top:1px solid #999;
}

.newsletter{
	width:518px;
	background:url(/imgs/newsletter.gif) repeat-y;
}

.newsletter p,.newsletter h3 
{
    padding:0px 20px 0px 20px;
    }

.newsletter img
{
    margin-right:10px;
    padding:10px;
}

.break-it{
	margin:10px 0 10px 20px;
}
.news-top{
	width:518px;
	height:6px;
	background:url(/imgs/news-top.gif) no-repeat top;
}
.news-bottom{
	width:518px;
	height:6px;
	padding-top:20px;
	background:url(/imgs/news-bottom.gif) no-repeat bottom;
}
/********Column C***********/
.column-c{
	padding-left:20px;
	width:192px;
}
.cc-box{
	background:url(/imgs/cc-box-bg.gif) repeat-y;
	margin-bottom:20px;
}
.cc-widget{
	margin:5px;
}
.arrow{
	background:url(/imgs/arrow.gif) no-repeat 10px 2px;
}
.arrow a{
	margin-left:15px;
}
.cc-box p{
	padding:0 10px 0 10px;
	margin:0;
}
.cc-box strong{
	color:#263b17;
}
.cc-boxtop{
	background:url(/imgs/cc-boxtop.gif) no-repeat top;
	height:12px;
	width:192px;
}
.cc-boxtop-blue{
	background:url(/imgs/cc-boxtop-blue.gif) no-repeat top;
	height:12px;
	width:192px;
}
.cc-boxbottom{
	background:url(/imgs/cc-boxbottom.gif) no-repeat bottom;
	height:12px;
	width:192px;
}

.solutions{
	width:192px;
}

.solutions img{
	margin:5px 0 5px 30px;
}

.english .sol-top{
	width:192px;
	height:20px;
	background:url(/imgs/solutions-top-en.gif);
	margin:30px 0 10px 0;
}



.french .sol-top{
	width:192px;
	height:20px;
	background:url(/imgs/solutions-top-fr.gif);
	margin:30px 0 10px 0;
}



.dutch .sol-top{
	width:192px;
	height:20px;
	background:url(/imgs/solutions-top-du.gif);
	margin:30px 0 10px 0;
}



.sol-bottom{
	width:192px;
	height:20px;
	background:url(/imgs/solutions-bottom.gif);
	margin:10px 0 0 0;
}

/*************Solutions Landing**********/
.english .sol-splash{
/*	padding:111px 320px 0 0;*/

	padding:81px 320px 0 0; 

	width:599px;
	/*height:99px;*/
	background:url(/imgs/sol-splash-en.jpg) no-repeat;
}

.french .sol-splash{
/*	padding:111px 320px 0 0;*/

	padding:81px 320px 0 0; 

	width:599px;
	/*height:99px;*/
	background:url(/imgs/sol-splash-fr.jpg) no-repeat;
}

.dutch .sol-splash{
/*	padding:111px 320px 0 0;*/

	padding:81px 320px 0 0; 

	width:599px;
	/*height:99px;*/
	background:url(/imgs/sol-splash-du.jpg) no-repeat;
}

.median{
	width:524px;
	padding-left:20px;
}
.blocks{
	width:221px;
	margin:0 15px 10px 0;
} 

/*



.blocks{
	width:215px;
	margin-right:20px;
} 
*/
.median a.link,.blocks a.link
{
    font-size:12px;
    line-height:18px;
    color:#566a08;
    background:#fff url(/assets/graphics/btn-learn-more.gif) no-repeat right;
    padding-right:15px;
    font-weight:bold;}
    
.median a.link:hover,.blocks a.link:hover
{
    color:#333;
    background:#fff url(/assets/graphics/btn-learn-more.gif) no-repeat right-top;
    padding-right:15px;}

/***************Footer************/
#footer {
	margin:10px 10px 15px;
}
#footer p{
	color:#666;
	padding-top:20px;
}
#footer span{
	margin-left:110px;
}