@import url("reset.css");
@import url("forms.css");
@import url("font-styles.css");

/* Typography */
body { font: 0.63em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

a:hover { text-decoration: none; }


div.dropdowncontent h3 { font-size: 1.9em; text-transform: uppercase; }
div.dropdowncontent p { font-size: 1.2em; line-height: 17px; }

div.dropdownmenu h4 { font-size: 1.6em; }
div.dropdownmenu h4 a { text-decoration: none; }
div.dropdownmenu h4 a:hover { text-decoration: underline; }



div#breadcrumb { font-size: 1.2em; }
div#breadcrumb a { text-decoration: none;  }
div#breadcrumb a:hover { text-decoration: underline;  }

div#main { }
	div#main h2 { color: #4e88c7; font-size: 2.3em;}
	div#main h3, h4, h5 { font-size: 1.2em; line-height: 16px;}
	div#main p 	{ font-size: 1.2em; line-height: 16px; }
	div#main strong { font-weight: bold;}
	div#main em { font-style: italic;}
	div#main a { color: #4e88c7;}


	div#main div.roundBox { }
		div#main div.roundBox .boxcontent h3 	{ font-size: 1.9em; text-transform: uppercase; }
		div#main div.roundBox .boxcontent h4 a	{ font-size: 1.4em; color: #4A4C4E; }
		div#main div.roundBox .boxcontent p 	{  }

div#newsletter { text-align: right; }
	div#newsletter h3 { font-size: 1.9em; text-transform: uppercase; text-align: center; }

div#generic { }
	div#generic div.sidebar h2 { line-height: 23px; }

	div#generic  
		div.sidebar div.subMenu ul {  }

	div#generic  
		div.sidebar div.subMenu li a { font-size: 1.3em; text-decoration: none; }
	div#generic  
		div.sidebar div.subMenu li a strong { font-weight: bold; }
		
/* Planner Templates */	
div#planners {  }
	div#planners h3 { line-height: 1em; font-size: 2.6em; font-weight: bold; }
	div#planners h3 span { font-weight: normal; }
	
	div#planners ul.contactDetails { font-size: 1.2em; }
	
	div#planners h4 	{ font-size: 1.4em; font-weight: bold; }
	div#planners strong { font-weight: bold; }	

div#footer { font-size: 1.2em; }

	div#footer a { text-decoration: none; }
	div#footer a:hover { text-decoration: underline; }

	div#footer .rightColumn { text-align: right; }

/* text hiders */
h1,
div#navigation ul li a
{ text-indent: -9999px; }

div#navigation div.dropdownarea ul li a { text-indent: 1px; }

/* Styles */
body { background-color: #bedff3; color: #4a4c4e; }


div#header #323a43 { background: url(../images/banners/bkgd-banner01.jpg) no-repeat top center; }
	div#header h1 { background: url(../images/general/bkgd-h1.png) no-repeat right bottom;}


	div#navigation { border-top: 1px solid white; border-bottom: 1px solid white;
					 background: url(../images/general/bkgd-navigation.png) repeat-x left top;}
	div#navigation div.holder { background: url(../images/general/bkgd-navigation_holder.png) no-repeat center bottom;}

	div#navigation div.selected { background: url(../images/general/bkgd-navigation_holder-selected.png) no-repeat center bottom;}

	div#navigation ul li a { background-image: url(../images/general/bkgd-nav-top_menu01.png); }
	div#navigation ul li a:hover, 
	div#navigation ul li a.selected,
	div#navigation ul li a.current	 { background-position: 0 -36px; }
	
	div#navigation div.selected ul li a:hover,
	div#navigation div.selected ul li a.current { background-position: 0 -72px; }	
	
	div#navigation div.selected ul li a.selected:hover { background-position: 0 -36px; }
	
	/* Styles: Top Level Navigation */

/*	
	div#navigation ul li a.menu01 { background-image: url(../images/general/bkgd-nav-top_menu01.png); }
	div#navigation ul li a.menu02 { background-image: url(../images/general/bkgd-nav-top_menu02.png); }
	div#navigation ul li a.menu03 { background-image: url(../images/general/bkgd-nav-top_menu03.png); }
	div#navigation ul li a.menu04 { background-image: url(../images/general/bkgd-nav-top_menu04.png); }
*/

	div#navigation ul li a.menu01 { background-image: url(../images/header/bkgd-nav-top_menu01.png); }
	div#navigation ul li a.menu02 { background-image: url(../images/header/bkgd-nav-top_menu02.png); }
	div#navigation ul li a.menu03 { background-image: url(../images/header/bkgd-nav-top_menu03.png); }
	div#navigation ul li a.menu04 { background-image: url(../images/header/bkgd-nav-top_menu04.png); }

/* Generic Template: Backgrounds */	
body.generic div#header { background: #404B55 url(banners/bkgd-banner02.jpg) no-repeat center top; }

div#generic div.content { background: url(../images/general/bkgd-generic_content.png) repeat-y left top; }

	div#generic div.sidebar { /*background: url(../images/general/bkgd-generic_sidebar.gif) repeat-x left top;*/ }

div#navigation div.dropdownarea ul li a { background-image: none; }



div.dropdownarea { background: url(../images/general/bkgd-dropdownarea.png) no-repeat left bottom; }

	div.dropdowncontent h3 { color: #659ad2; border-bottom: 1px solid #e6e9ea; }


div#navigation div.dropdownmenu {  }
	div#navigation div.dropdownmenu .top { background: url(../images/general/bkgd-dropdownmenu_top.png) no-repeat left top; }
	div#navigation div.dropdownmenu .menu { background: url(../images/general/bkgd-dropdownmenu_menu.png) repeat-y left top; }
	div#navigation div.dropdownmenu .bottom { background: url(../images/general/bkgd-dropdownmenu_bottom.png) no-repeat left top; }
	
	
div.dropdownmenu h4 { }
div.dropdownmenu h4 a { color: #659ad2; }


div#breadcrumb { border-bottom: 1px #fff solid; color: #4a4c4e; background-image: url(../images/general/bkgd-breadcrumbs.gif); }
div#breadcrumb a { color: #4a4c4e; }

div#main { background: url(../images/general/bkgd-main.gif) repeat-x left top; }
	div#main .holder { background: url(../images/general/bkgd-main_holder.gif) no-repeat center top;}

	div#main h2 { color: #4e88c7; }
	div#main p 	{ }	

	div#main div.roundBox { }
		div#main div.roundBox .top 			{ background: url(../images/general/bkgd-roundbox-top.png) no-repeat left top;}
		div#main div.roundBox .boxcontent 	{ background: url(../images/general/bkgd-roundbox-content.png) repeat-y left top;}
			div#main div.roundBox .boxcontent h3 	{ color: #4e88c7; }
			
		div#main div.roundBox .entry 	{ border-bottom: 1px solid #a9c9e1; }
		div#main div.roundBox .lastone 	{ border-bottom: none; }
		div#main div.roundBox .bottom 		{ background: url(../images/general/bkgd-roundbox-bottom.png) no-repeat left bottom;}

div#newsletter { }
	div#newsletter h3 { color: #4e88c7;}
	div#newsletter input[type="text"] { border: 1px solid #444c3f;}

div#generic {  }
	
	div#generic  
		div.sidebar h2 { text-transform: uppercase; }
	div#generic  
		div.sidebar div.subMenu ul 	 { border-top: 1px solid #9dcfed; }
	div#generic  
		div.sidebar div.subMenu li 	 { list-style-type: none; border-bottom: 1px solid #9dcfed; }
	div#generic  
		div.sidebar div.subMenu ul.noborder { list-style-type: none; }
	div#generic  
		div.sidebar div.subMenu li ul { border: none;}
	div#generic  
		div.sidebar div.subMenu li ul li { border: none; padding-left: 15px; font-size: 0.85em;}
	div#generic  
		div.sidebar div.subMenu li a { color: #6e6e6e; }
	div#generic  
		div.sidebar div.subMenu li a:hover { color: #4e88c7; }
		

div#footer { background: transparent url(../images/general/bkgd-footer.png) repeat-x left top; }
	
	div#footer a { color: #4a4c4e; }
	div#footer .fpaLink a { background-image: url(../images/general/bkgd-fpalink_a.gif); }

/* Planner Templates */	
div#planners {  }
	div#planners h3 	 { color: #4e88c7; }
	div#planners h3 span { color: #6e6e6e; }		

	div#planners a		 { color: #4a4c4e; }

	div#planners ul.contactDetails { border-bottom: 1px solid #9bceed; }



/* Layouts */
div.holder { width: 880px; margin: 0 auto; }


div#header { min-width: 880px;}
	div#header h1 { width: 347px; padding: 215px 0 0 55px; margin-bottom: 10px; }
	div#header h1 a { display: block; height: 211px;  }

	/* For use in Generic Templates */
	body.generic div#header h1 { padding-top: 55px; }

	
	div#navigation {  }
		div#navigation ul { height: 46px; width: 836px; margin: 3px auto 0; position: relative;}
		
		div#navigation ul li { float: left;}
			div#navigation ul li a { display: block; width: 174px; height: 36px; }
			
			/* Layouts: Top Level Navigation */
			div#navigation ul li a.menu01 { width: 174px; }
			div#navigation ul li a.menu02 { width: 215px; }
			div#navigation ul li a.menu03 { width: 280px; }
			div#navigation ul li a.menu04 { width: 165px; }			

		/* Hiding the sub navigation menu until required in the Javasript */
		div#navigation .sub { display: none; }
		
		
	div.dropdownarea { position: absolute; width: 850px; left: -13px; margin-top: 11px; padding: 10px; }

		div.dropdowncontent { float: left; width: 437px; margin-right: 10px;}
		
			div.dropdowncontent { padding: 0 14px; }
			div.dropdowncontent h3 { padding: 6px 0; margin-bottom: 10px; }
		
		
		div.dropdownmenu 	{ width: 363px; float: right; }
		
		div#navigation div.dropdownmenu ul { width: 327px; margin-top: 0; margin-right: 20px; }
		div#navigation div.dropdownmenu ul li	{ width: 163px; margin-bottom: 10px; }
		div#navigation div.dropdownmenu ul li a { width: auto; height: auto; }

		div#navigation div.dropdownmenu .top 	{ height: 6px; }
		div#navigation div.dropdownmenu .menu 	{ padding: 3px 16px; min-height: 177px; }
		div#navigation div.dropdownmenu .bottom { height: 8px;}


div#breadcrumb { }
	div#breadcrumb div.holder { padding:9px 15px; width: 822px;}


div#main {  }
	div#main h2 { margin-bottom: 17px; }
	div#main p 	{ margin-bottom: 10px; }	
	
	div#main div.content { padding: 34px 34px 50px; margin-right: 300px; /* min-height: 400px;*/  }
	div#main div.sidebar { float: right; width: 290px; padding-top: 24px; margin-right: 21px; padding-bottom: 40px; }


	div#main div.roundBox { }
		div#main div.roundBox .top 			{ height: 14px; }
		div#main div.roundBox .boxcontent 	{ padding: 0 15px; min-height: 100px; }
			div#main div.roundBox .entry 	{ padding: 8px 0; }
			div#main div.roundBox .entry p	{ margin-bottom: 0; }
		div#main div.roundBox .bottom 		{ height: 14px; }

div#newsletter { margin-top: 31px;}
	div#newsletter h3 { }
	div#newsletter div { margin: 10px 0; }
	div#newsletter input[type="text"] { padding: 5px; }

/* looking after the grid structure for the Generic Template */
div#generic { }

	div#generic div.sidebar { float: left; width: 244px; padding: 24px 13px; margin-right: 0; margin-left: 15px; }
	
	div#generic div.sidebar h2 { margin-bottom: 10px; }

	div#generic  
		div.sidebar div.subMenu { margin-top: 47px; }
	
	div#generic  
		div.sidebar div.subMenu li { padding: 6px 0; }	
		
		
	div#generic div.content { min-height: 580px; padding: 10px 15px 40px 285px; margin-right: 10px; margin-left: 15px;}
	
/* Planner Templates */	
div#planners {  }
	div#planners h3 	 { margin-top: 10px; }
	div#planners h4 	 { margin-bottom: 15px; }
	div#planners ul.contactDetails 	 { list-style: none; margin: 10px 0; padding-bottom: 15px; }
	
	
	
	
div#footer { min-height: 148px; margin-top: -25px; }
	
	div#footer .leftColumn, 
	div#footer .rightColumn	{ padding: 7px 25px 7px 34px; }
	
	div#footer .leftColumn 	{ z-index: 99; }
	div#footer .rightColumn { float: right; width: 200px;}
	
		div#footer .fpaLink,
		div#footer .blurb	{ margin-top: 24px; }
	
		div#footer .fpaLink a { display: block; width: 120px; height: 67px; float: right; }
		
		
		
		
		
		
		
/* Contact Us Form */
/*
div#main #contact label {display: block; width: 200px; clear: left; font-size: 1.2em; margin-top: 15px;}
*/







	div#generic  
		div.sidebar div.subMenu li.active a:link { color: #4e88c7; }
		
	div#generic  
		div.sidebar div.subMenu li.active a:visited { color: #4e88c7; }
		
		
	div#generic  
		div.sidebar div.subMenu li.active ul li.active a:link { text-decoration: underline; }
		
	div#generic  
		div.sidebar div.subMenu li.active ul li.active a:visited { text-decoration: underline; }
		
	div#main .entry h4 { font-size: 1em; line-height: 16px; margin: .2em 0 .5em 0;}
	
	
	
	
	
.sublevelnav p
	{
	margin: 0 10px 0 0; 
	}
	
.sublevelnav h4
	{
	margin-bottom: 3px;
	}
.sublevelnav h4 a
	{	
/*	margin-right: 10px; */
	}
	

div#navigation div.dropdownmenu ul li
	{
	overflow: hidden;	
	}

div#navigation ul li .short-description-heading a
	{
	width: 400px;	
	}
	
	
	
	
	
div#footer .rightColumn .links
	{
	position: relative;
	z-index:100;
	}
	
div#footer .rightColumn
	{
	z-index: 100;	
	}
	
div#footer 
	{
	position: relative;
	z-index: 100;	
	}


.success
	{
	background: url(../images/forms/tick.gif) no-repeat left;	
	padding: 10px 0 10px 37px;
	font-weight: bold;
	color: #389A00;
	text-shadow: 
	}