body,html	{ margin:0; padding:0; height:100%;}

/** global stuff **/
.clear		{ clear:both;  }
IMG			{ border:none; }
A			{ outline:none; }
A IMG		{ border:none; }

/* prevent chrome from making yellow outlines */
input[type="text"], input[type="password"], textarea, select {
    outline: none;
}

A.arrow		{
	font-weight:bold; color:#678181; font-size:12px; padding-left:14px;
	background:url(../images/home/link_arrow.gif) 0 50% no-repeat;
	text-decoration:none;
}

/** wrappers **/
#wrapper		{ /*fix for ios safari background scaling */-webkit-background-size: 2000px 1280px; min-height:100%; }
#wrapper .inner	{ width:966px; margin:0 auto; position:relative;
				  z-index:50; /* this has to be set because IE7 is stupid about stacking (flyout menu issue).
								This way we can override the stacking order for #header .inner to be higher than this value */
				}


/** header **/
#header			{ z-index:1000; }
#header .inner	{ height:156px; border-bottom:1px solid #e7459a; border-top:3px solid #678181; background:url(../images/header_bg.gif) bottom left repeat-x #FFF;
					z-index:100; /* must be set higher than #main .inner */
				}
#header .logo	{ width:254px;height:50px; position:absolute; left:30px; top:40px;}
.landingpage #header .inner	{ height:122px; border-bottom:none; border-top:3px solid #678181; background:#FFF;
					z-index:100; /* must be set higher than #main .inner */
				}

/** main navigation level 1 (main visible row) **/
#main-nav							{ position:absolute; height:35px; bottom:0; left:0; padding-left:20px; }
#main-nav UL						{ list-style:none; margin:0; padding:0; }
#main-nav A							{ text-decoration:none; }
#main-nav > UL > LI 				{ float:left; padding:0; height:35px; position:relative;}
#main-nav > UL > LI > A				{ display:block; height:28px; padding:7px 0 0 11px; color:#e7459a; font-size:1.225em; text-decoration:none; font-weight:bold; letter-spacing:-0.04em;
										background:url(../images/main_nav_seperator.gif) 100% 50% no-repeat; }
#main-nav > UL > LI > A.last		{ background-image:none; padding-right:0;}
#main-nav > UL > LI > A > SPAN		{ display:block; padding-right:11px; }
#main-nav > UL > LI.haschildren > A > SPAN	{ padding-right:20px; background:url(../images/main_nav_arrow.gif) 100% 50% no-repeat; }
#main-nav > UL > LI > A.current		{ }
#main-nav IMG.nav-icon				{ margin:0 5px 0 0; vertical-align:text-top;}
#main-nav > UL > LI.current > A	{background:#faedf4;}
#main-nav > UL > LI > A:hover,
#main-nav > UL > LI > A.active	{ color:#FFF; background:#d73a8d; }
#main-nav > UL > LI.haschildren > A:hover > SPAN,
#main-nav > UL > LI.haschildren > A.active > SPAN		{ background:url(../images/main_nav_arrow_white.gif) 100% 50% no-repeat; }


/* main flyout menus : level 2 (pink wrapper, 500px wide) */
#main-nav > UL > LI > UL 					{ display:none; position:absolute; top:35px; left:-20px;
												/*background:#df4295;*/
												background:url(../images/main_nav_flyout_bg.png) bottom right no-repeat;
												width:480px; padding:13px 20px 20px 0px; border-top:5px solid #e73f97; }
#main-nav > UL > LI.active UL 				{ display:block; }
#main-nav > UL > LI > UL LI					{ float:none; margin:0; padding:0; height:auto; background:none; }
#main-nav > UL > LI > UL LI.haschildren > A	{ background:none; }
#main-nav > UL > LI > UL A					{ color:#d73a8d; height:auto; padding:0; }
#main-nav > UL > LI > UL A:hover			{}

/* main flyout menus : level 2 (folders) */
/* hide any folders inside folders */
#main-nav > UL > LI > UL > LI				{ display:none; } /* hide second level nodes which are NOT folders */
#main-nav LI.folder LI.folder				{ display:none; 		 				}
#main-nav LI.folder							{ display:block; float:left;
											  width:190px; padding:0 20px 0 30px;
											  background:url(../images/main_menu_folder_seperator.gif) top right repeat-y; }
#main-nav LI.folder + li.folder				{ background:none; }
#main-nav LI.folder > A						{ display:none; 		 				}

/* main flyout menus : level 3+*/
#main-nav LI.folder UL						{ width:100%; position:relative; left:0; top:0; }
#main-nav LI.folder > A						{ display:none; 		 }

/* main flyout menus level 4 */
#main-nav LI.folder UL LI		{  }
#main-nav LI.folder UL LI A		{ font-size:1.225em; font-weight:bold; display:block; padding-bottom:7px; padding-top:7px; line-height:13px;border-bottom:1px dotted #CCC;}
#main-nav LI.folder UL LI A:hover	{ color:#950451; }

#main-nav LI.folder UL UL		{ margin-top:3px; margin-bottom:0; }
#main-nav LI.folder UL UL LI	{  }
#main-nav LI.folder UL UL LI A	{ font-size:1em; font-weight:normal; padding-left:15px; padding-bottom:1px; padding-top:0;
								   background:url(../images/main_nav_sub_arrow.gif) 3px 4px no-repeat; color:#E73F97; border-bottom:none;}

/* hide anything in main nav with the class of "hide" */
#main-nav LI.hide { display:none !important; }


/** project 1 login link **/
.login-link 				{ position:absolute; top:63px; right:27px; width:149px; height:32px; }


/** search bar **/
#searchbar 					{ background:url(../images/search_bg.gif) bottom left no-repeat #FFF;
							  height:41px; width:340px; position:absolute; top:0px; right:27px;}
#searchbar, #searchbar TD	{ color:#587b7c; font-weight:normal; font-size:11px; text-transform:uppercase; }
#searchbar TD 				{ padding-top:5px; }
#searchbar FORM				{ padding:0 0 0 20px; }
#searchbar .search-submit	{ background:#FFF; width:30px; height:22px; padding:0; color:#00873F; text-align:center; border:none; font-weight:bold; }
#searchbar .search-keywords	{ background:url(../images/search_field_bg.gif) top left no-repeat #FFF;
								width:210px; height:25px;
								margin:3px 5px 0; padding:0px 10px 0px 10px; line-height:25px;
								border:none; font-size:11px;}

/** left column **/
#left-column			{ float:left; width:235px; padding-top:30px; }

/** sub navigation **/
#sub-nav							{ min-height:410px; padding:0px 23px 0 0; font-size:12px;}
#sub-nav UL						{ list-style:none; margin:0; padding:0; }
#sub-nav LI						{ }
#sub-nav A						{ text-decoration:none; display:block; color:#7e7e7e; }
#sub-nav > UL > LI > A			{ padding:6px 30px 6px 10px; margin-left:20px;font-weight:bold; border-bottom:1px dotted #CCCCCC; }
#sub-nav A:hover				{ color:#000; }
#sub-nav > UL > LI.current > A	{ color:#FFF; background:#e73e97; }
#sub-nav > UL > LI.current > A:hover	{ color:#FFF; }

/* sub navigation level 2+ */
#sub-nav UL UL 					{ margin-left:30px; }
#sub-nav UL UL LI				{ }
#sub-nav UL UL A				{  background:url(../images/sub_nav_arrow.gif) 0px 8px no-repeat; font-weight:normal; padding:6px 15px;}
#sub-nav UL UL LI.current A		{ background-color:transparent; font-weight:bold; color:#333; }


/** main region **/
#main					{ }
#main .inner			{ }
.landingpage #main .inner			{ background:url(../images/landing_page/background.png) 0px 0px no-repeat;min-height:750px;}

/** breadcrumb **/
#breadcrumb				{ color:#678181; font-size:11px; background:#f4f6f6; padding:8px 30px; border-top:1px solid #FFF; clear:both;}
#breadcrumb A			{ color:#678181 !important; text-decoration:none;}
#breadcrumb A:hover		{ text-decoration:underline; }


/** main content region **/
#content-main 			{ float:left; width:427px; padding:30px 17px 30px 0; }
#content-main.wide		{ width: 703px; padding:25px 0 30px 0;}
#content-main.home		{ width: 100%; padding:0; float:none; }
#content-main.wide-3col		{ width: auto; padding:25px; float:none; }
.landingpage #content-main.wide-3col		{padding:60px;width: 846px;}
.landingpage #content-description.wide-3col		{padding:60px;width: 846px;}

#content-main .tools	{ text-align:right; border-top:1px solid #e2e7e7; border-bottom:1px solid #e2e7e7; padding:4px 0;}
#content-main .tools A	{ margin-left:10px;  }

#content-right			{ float:left; width:266px; overflow:hidden;padding-top:20px; padding-bottom:20px;  }

/** footer **/
#footer					{ padding:10px 20px 20px 20px; font-size:11px; color:#5d7272; }
#footer .inner 			{ width:923px; background:url(../images/footer_bg.jpg) bottom left no-repeat; height:202px; position:relative; }
#footer A				{ color:#5d7272; text-decoration:none; }
#footer A:hover			{ text-decoration:underline; }

#footer .navlinks 				{ position:relative; top:-18px; }
#footer .navlinks UL			{ margin:0; padding:0; list-style:none; }
#footer .navlinks > UL			{ margin-left:5px; }
#footer .navlinks > UL > LI 	{ width: 122px; float:left; padding: 18px 0 0 7px;  height:40px;
									background:url(../images/footer_navlink_bg.gif) top left no-repeat; }
#footer .navlinks A				{ color:#678181; font-size:11px; text-decoration:none; }
#footer .navlinks > UL > LI > A { text-transform:uppercase; display:block; height:40px; }
#footer .navlinks > UL > LI > A > SPAN { display:block; padding-top:9px; }

#footer .navlinks UL UL 		{ margin-top:10px; list-style:disc; margin-left:17px;  }
#footer .navlinks UL UL LI		{ padding-bottom:5px; }

/* icons */
#footer .navlinks > UL > LI > A	{ background-repeat:no-repeat; padding-left:29px; }

#footer .navlinks > UL > LI > A.calculators			{ background-image:url(../images/icons/calculators.png); background-position:7px 6px; }
#footer .navlinks > UL > LI > A.unitprices			{ background-image:url(../images/icons/unitprices.png); background-position:5px 7px; }
#footer .navlinks > UL > LI > A.forms				{ background-image:url(../images/icons/forms.png); background-position:5px 7px; }
#footer .navlinks > UL > LI > A.marketupdate		{ background-image:url(../images/icons/marketupdates.png); background-position:0px 7px; }
#footer .navlinks > UL > LI > A.community			{ background-image:url(../images/icons/community.png); background-position:5px 5px; }
#footer .navlinks > UL > LI > A.newsletter			{ background-image:url(../images/icons/newsletter.png); background-position:0px 5px; }
#footer .navlinks > UL > LI > A.contactus			{ background-image:url(../images/icons/contactus.png); background-position:7px 7px; }

/* fpa logo */
#footer .fpalogo	{ position:absolute; right:15px; bottom:25px; }

/* bottom links in a single row */

#footer .links		{ position:absolute; bottom:25px; left:26px; height:15px; }
#footer .links	UL	{ margin:0; padding:0; list-style:none; }
#footer .links	LI	{ float:left; padding-right:10px; }



/* tools */
#footer .tools		{ position:absolute; bottom:50px; left:25px; }
#footer .tools A	{ margin-right:10px;  }

#footer-tagline 	{}
#footer-tagline .inner { height:150px; }

#footer-tagline .credit			{ position:absolute; bottom:10px; right:25px; }
#footer-tagline .credit,
#footer-tagline .credit A 		{ color:#999; text-decoration:none; font-size:9px; }

#footer-tagline .disclaimer		{ font-size:9px; color:#666; text-align:left;  width:800px; padding-left:30px; }
#footer-tagline .disclaimer P	{ margin:0; padding:8px 0; }
#footer-tagline .copyright		{ font-size:9px; color:#999; text-align:left;  position:absolute; bottom:10px; left:25px; }

#lastmodified			{ color:#999; font-size:9px; text-align:right; margin:10px 5px;}
#lastmodified SPAN		{ color:#777; }


/*********************
 * BLANK template
 */
body#content-main							 { width:auto; }
body.blank 									 { padding:35px !important; background:#FFF !important; }
body.blank #wrapper							 { background:#FFF !important; }
body.blank  H1,body.blank  H2 { color:#e36f22; }