/* CSS Document */

body {
	background: #82b7d9 url('/gfx/bg_body.gif') top left repeat-x;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 75%;
	color: #2f404a;
	font-family:Arial, Helvetica, sans-serif;
}

body.size1 {	font-size: 75% !important; }
body.size2 {	font-size: 85% !important; }
body.size3 { 	font-size: 100% !important; }


A.size1 { font-size: 11px !important; }
A.size2 { font-size: 14px !important; }
A.size3 { font-size: 17px !important; }

input.txt {
	border: 1px #b0bcc8 solid;
	color: #627d8d;
	padding: 2px;
}

select.txt {
	border: 1px #b0bcc8 solid;
	color: #627d8d;
	padding: 2px;
}


div.hr { padding: 0px; margin: 12px 0; height: 6px; background: transparent url('/gfx/bg_hr.gif') top left repeat-x; clear: both;}
hr { display: none; visibility: none; }

h1 { padding: 15px 0 15px 0; margin: 0; color: #0075bf; font-size: 2.6em; font-weight: normal;}
h2 { padding: 0 0 10px 0; margin: 0; color: #68a1c5;  font-size: 1.6em; font-weight: normal;}

.bigHeading { color:#0073BC;font-size:1.4em; }

img { border: 0; }

form { padding: 0; margin: 0; }

a.arrowlink { background: #fff url('/gfx/bg_arrowlink.gif') 0 0.2em no-repeat; padding: 0 0 0 16px; }

#header {
	width /**/: 930px;
	width: 900px !important;
	margin: 0 auto;
	padding: 0 15px;
}

	#header_container { position: relative; width: 100%; }
	
	#logo {
		padding-top: 42px;
		width: 430px;
		height /**/: 114px;
		height: 72px !important;
		float: left;
	}

	
	#headerlinks {
		width /**/: 470px;
		width: 310px !important;
		height /**/: 52px;
		height: 42px !important;
		float: right;
		background: transparent url('/gfx/bg_headerlinks.gif') top right no-repeat;
		padding: 10px 0 0 160px;
	}
	
		#headerlinks ul {
			margin: 0;
			padding: 0;
			float: left;
		}
		
		#headerlinks ul li {
			list-style: none;
			float: left;
			background: transparent url('/gfx/divider_links.gif') right top no-repeat;
			padding-right: 12px;
			margin-right: 12px;
			display: inline;
		}
		
		#headerlinks ul li.last {
			background: none !important;
			padding-right: 0 !important;
			margin-right: 0 !important;
		}
		
		#headerlinks ul li a {
			color: #fff;
			text-decoration:none;
		}
		
		#headerlinks ul li a:hover {
			text-decoration:underline;
		}
	
	#login {
		width: 470px;
		float: left;
		height /**/: 69px;
		height: 59px !important;
		margin-bottom: 10px;
		background: #fff url('/gfx/bg_login.gif') top left no-repeat;
	}
	
	
		#login fieldset, #loginbar fieldset {
			border: none;
		}
		
		#login legend, #loginbar legend {
			color: #0074bd;
			font-size: 1.1em;
			font-weight: bold;
			padding: 0 0 0 12px;
		}
		
		#login table {
			margin: 2px 4px 4px 4px;
			width: 440px;
		}		
		#login .txt {
			border: 1px #b0bcc8 solid;
			color: #627d8d;
			padding: 2px;
			width: 130px;
		}
		
		#login td.border {
			background: #fff url('/gfx/bg_logintd.gif') right 0.1em no-repeat;
			padding-right: 5px;
		}

	/* -------------------------------- */
	#loginbar {
		position: absolute;
		right: 0;
		top: 52px;
		clear: both;
		width: 720px;
		height : 69px;
		height: 59px !important;
		margin-bottom: 10px;
		/*background: #fff url('/gfx/bg_login.gif') top left no-repeat;*/
	}
	
		#loginbar ul {
			margin: 0;
			padding: 0;
			float: right;
		}
		
		#loginbar legend {
			margin: 0;
			padding: 0;
			
			width: 720px;
			text-align: center;
		}

		
		#loginbar ul li {
			display: inline;
			padding: 0;
			margin: 0;
			float: left;
			list-style: none;
/*			width: 110px;
*/		}
		
		#loginbar ul li a {
			background: #fff url('/gfx/bg_loginbar.gif') top right no-repeat;
			font-size: 0.9em;
/*			width: 110px;
*/			display: block;
			float: left;
			text-decoration:none;
			cursor: pointer;
		}
		
		#loginbar ul li a:hover {
			background: #fff url('/gfx/bg_loginbar_on.gif') top right no-repeat;
		}
		
		#loginbar ul li a.on:hover span {
			color: #fff !important;
		}
		
		#loginbar ul li a.on {
			background: #fff url('/gfx/bg_loginbar_on.gif') top right no-repeat;
		}
		
		#loginbar ul li.last a {
			background: #fff url('/gfx/bg_loginbar_right.gif') top right no-repeat;
			height: 30px;
/*			width: 110px;
*/			display: block;
			text-decoration:none;			
		}
		
		#loginbar ul li.last a:hover {
			background: #fff url('/gfx/bg_loginbar_right_on.gif') top right no-repeat;
		}
		
		#loginbar ul li.last a.on {
			background: #fff url('/gfx/bg_loginbar_right_on.gif') top right no-repeat;
		}	
		
		#loginbar ul li a span {
			color: #333333;
			height /**/: 30px;
			height: 24px !important;
/*			width: 110px;
*/			padding: 6px 8px 0;
			text-align: center;
			display: block;
			float: left;
			font-size: 1.2em;
		}
		
		#loginbar ul li a:hover span {
			color: #fff;
		}
		
		#loginbar ul li.first a span {
			background: transparent url('/gfx/bg_loginbar_left.gif') top left no-repeat;		
		}
	
		#loginbar ul li.first a:hover span {
			color: #fff  !important;
			background: transparent url('/gfx/bg_loginbar_left_on.gif') top left no-repeat;		
		}
		
		#loginbar ul li.first a.on span {
			color: #fff  !important;
			background: transparent url('/gfx/bg_loginbar_left_on.gif') top left no-repeat;		
		}
		/* -------------------------------- */		
		
		
		
	#topnavigation {
		width: 900px;
		height: 47px;
		height /**/: 35px !important;
		margin-top: 12px;
		background-color: #fff;
		clear: both;
	}
	
		#topnavigation ul {
			margin: 0;
			padding: 0;
		}
		
		#topnavigation ul li {
			list-style: none;
			float: left;
			display: inline;
			width: 150px;
		}
		
		#topnavigation ul li a {
			background: #fff url('/gfx/bg_topnav.gif') top right no-repeat;
			height: 35px;
			width: 150px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}
		
		#topnavigation ul li a:hover {
			background: #fff url('/gfx/bg_topnav_hover.gif') top right no-repeat;
		}
		
		#topnavigation ul li a.on:hover span {
			color: #fff !important;
		}
		
		#topnavigation ul li a.on {
			background: #fff url('/gfx/bg_topnav_on.gif') top right no-repeat;
		}
		
		#topnavigation ul li.last a {
			background: #fff url('/gfx/bg_topnav_right.gif') top right no-repeat;
			height: 35px;
			width: 150px;
			display: block;
			text-decoration:none;			
		}
		
		#topnavigation ul li.last a:hover {
			background: #fff url('/gfx/bg_topnav_right_hover.gif') top right no-repeat;
		}
		
		#topnavigation ul li.last a.on {
			background: #fff url('/gfx/bg_topnav_right_on.gif') top right no-repeat;
		}
		
		
		
		#topnavigation ul li a span {
			color: #fff;
			height /**/: 35px;
			height: 28px !important;
			width /**/: 150px;
			width: 150px !important;
			padding: 8px 0 0 0;
			text-align: center;
			display: block;
			font-size: 1.4em;
		}
		
		#topnavigation ul li.first a span {
			background: transparent url('/gfx/bg_topnav_left.gif') top left no-repeat;		
		}
	
		#topnavigation ul li.first a:hover span {
			background: transparent url('/gfx/bg_topnav_left_hover.gif') top left no-repeat;		
		}
		
		#topnavigation ul li.first a.on span {
			background: transparent url('/gfx/bg_topnav_left_on.gif') top left no-repeat;		
		}
		
#container {
	width /**/: 930px;
	width: 900px !important;
	padding: 0 15px 15px 15px;
	background-color: #fff;
	margin: 0 auto;
	clear: both;
}

	#selector_small {
		background-color: #0074bd;
		height: 150px;
		width: 900px;
		clear: both;
	}
	
	#selector_tabs {
		width: 900px;
		height: 60px;
	}
	
	#selector_tabs ul {
		margin: 0;
		padding: 0;	
	}
	
	#selector_tabs ul li {
		list-style: none;
		display: inline;
		float: left;
		width: 225px;
		height: 60px;
		padding: 0;
		margin: 0;
	}
	
		#selector_tabs ul li a {
			display: block;
			width /**/: 225px;
			width: 155px !important;
			height /**/: 60px;
			height: 36px !important;
			color: #fff;
			text-decoration:none;
			font-size: 1.5em;
			padding: 15px 0 0 70px;
			margin-top: 9px;
			outline:none;
		}
	
		#tab_architects a { background: #fff url('/gfx/tab_home1.gif') 0 0 no-repeat; }
		#tab_fabricators a { background: #fff url('/gfx/tab_home2.gif') 0 0 no-repeat; }
		#tab_installers a { background: #fff url('/gfx/tab_home3.gif') 0 0 no-repeat; }
		#tab_consumers a { background: #fff url('/gfx/tab_home4.gif') 0 0 no-repeat; }
		
		#selector_tabs a:hover { color: #016baf; }	
		#selector_tabs a.on:hover { color: #fff; }	
		#selector_tabs a.on { background-position: 0 -51px; cursor:default; }
		
		/*
		#selector_1 { background: #fff url('/gfx/banners/banner_architects_1.jpg') top left no-repeat;  display: none;}
		#selector_2 { background: #fff url('/gfx/banners/banner_fabricators_1.jpg') top left no-repeat; display: none;}
		#selector_3 { background: #fff url('/gfx/banners/banner_installers_1.jpg') top left no-repeat; display: none;}
		#selector_4 { background: #fff url('/gfx/banners/banner_consumers_1.jpg') top left no-repeat; display: none;}*/
		
	#trail {
		width /**/: 900px;
		width: 660px !important;
		height /**/: 50px;
		height: 25px !important;
		margin: 15px 0 0 0;
		padding: 10px 0 0 240px;
		background: #fff url('/gfx/bg_trail.gif') top left no-repeat;
		color: #0075bf;
		clear: both;
	}
	
		#trail a {
			color: #0075bf;
		}
		
		#trail img {
			padding: 0 6px 0 18px;
		}
		
	#inner_container {
		background: #fff url('/gfx/bg_innercontainer.gif') top left repeat-y;
		width: 900px;
		clear: both;
	}
	
	#inner_container_2 {
		background: #fff url('/gfx/bg_innercontainer2.gif') top left repeat-y;
		width: 900px;
		clear: both;
	}

		#menu {
			width: 210px;
			float: left;
		}
		
		#content {
			width /**/: 690px;
			width: 670px !important;
			padding: 0 0 0 20px;
			float: left;
		}
		
			#menu ul {
				padding: 0;
				margin: 0;
			}
			
			#menu ul li {
				display: block;
				padding: 0;
				margin: 0;
			}
			
			#menu ul li a {
				display: block;
				width /**/: 210px;
				width: 178px !important;
				padding:8px 15px;
				margin: 0;
				background: #d7dce1 url('/gfx/bg_menu1.gif') bottom left repeat-x;
				border-left: 1px #bcc2c9 solid;
				border-right: 1px #bcc2c9 solid;
				border-top: 1px #f2f4f5 solid;
				border-bottom: 1px #7c8186 solid;
				color: #2f404a;
				text-decoration: none;
			}
			
			#menu ul li a:hover {
				background: #c1c9d0 url('/gfx/bg_menu1_hover.gif') bottom left repeat-x;
			}
			
			#menu ul li a.on, #menu ul li a.on:hover {
				background: #0074be url('/gfx/bg_menu1_on.gif') top left repeat-x;
				border-left: 1px #0165a6 solid;
				border-right: 1px #0165a6 solid;
				border-top: 1px #237ab2 solid;
				border-bottom: 1px #005185 solid;
				color: #fff;
			}
			
			#menu ul li a span { 
				background: transparent url('/gfx/bg_menu1_arrow.gif') 0 0 no-repeat;
				padding: 0 0 0 18px;
				margin: 0;
			}
			#menu ul li a:hover span { background: transparent url('/gfx/bg_menu1_arrow_hover.gif') 0 0 no-repeat;}
			#menu ul li a.on span { background: transparent url('/gfx/bg_menu1_arrow_on.gif') 0 0.2em no-repeat;}
			
			#menu ul ul li {}
			#menu ul ul li a { 
				background: none !important;
				background-color: #fff !important;
				border: none !important;
				width /**/: 210px;
				width: 180px !important;
				padding:8px 15px;
				color: #2f404a;
			}
			#menu ul ul li a:hover { 
				background: none !important;
				background-color: #69a1c5 !important;
				color: #fff;
			}
			
			#menu ul ul li a.on { 
				background: none !important;
				background-color: #69a1c5 !important;
				color: #fff;
			}
			#menu ul ul li a span { background: transparent url('/gfx/bg_menu2_arrow.gif') 0.3em 0.2em no-repeat; }
			#menu ul ul li a:hover span { background: transparent url('/gfx/bg_menu2_arrow_hover.gif') 0.3em 0.2em no-repeat; }
			#menu ul ul li a.on span { background: transparent url('/gfx/bg_menu2_arrow_on.gif') 0.2em 0.4em no-repeat; }
			
	#content p {
		line-height: 1.4em;
	}
	
	#content a {
		color: #0075bf;
		text-decoration: none;
	}
	
	#content a:hover, #content a:active {
		color: #e51b24;
	}
	
	#leftcol { width /**/: 460px; width: 440px !important; float: left; padding-right: 20px;}
	#rightcol  { width: 210px; float: left;}
	
	#rightcol h3 {
		background: #d8dde2 url('/gfx/bg_panelh3.gif') top left no-repeat;
		width /**/: 210px;
		width: 192px !important;
		height /**/: 30px;
		height: 24px !important;
		color: #fff;
		margin: 0;
		font-size: 1.2em;
		padding: 6px 0 0 18px;
	}
	
	#rightcol ul {
		 margin: 18px;
		 padding: 0;
	}
	
	#rightcol li {
		background: #d8dde2 url('/gfx/bg_panelside_li.gif') 0 0.3em no-repeat;
		list-style: none;
		padding: 0 0 4px 18px;
	}
	
	#rightcol fieldset {
		padding: 18px;
		border: none;
	}
	
		.panel_inner {
			padding: 0 18px 18px 18px;
		}
	
	.newstextbox { width: 106px; float: left;}
	#txtnewsSearch { width: 102px; }
	.newssubmitbutton { width /**/: 50px; width: 44px !important; float: left; padding-top: 1px; padding-left: 6px;}


#footer {
	width: 930px;
	margin: 0 auto;
	background: #006eb3 url('/gfx/bg_footer.gif') bottom left no-repeat;
}	

	#sitemap_function {
		width /**/: 930px;
		width: 160px !important;
		height /**/: 48px;
		height: 40px !important;
		padding: 8px 0 0 770px;
		cursor: pointer;
	}
	
		#sitemap_function span {
			color: #fff; 
			font-size: 1.4em;
		}
	
	#sitemap_function.closed {
		background: #fff url('/gfx/sitemap_open.gif') top left no-repeat;
	}
	
	#sitemap_function.open {
		background: #fff url('/gfx/sitemap_closed.gif') top left no-repeat;
	}
	
	#sitemap_content {
		background: #fff url('/gfx/sitemap_base.gif') bottom left no-repeat;
		padding: 0 0 30px 0;
		margin: 0;
		display: none;
	}
	
		#sitemap_content h2 {
			padding: 18px 30px 10px 30px;
			margin: 0 0 15px 0;
			color: #0074be;
			font-size: 1.5em;
			border-bottom: 1px #8dbddc solid;
		}
		
		#sitemap_content h3 {
			padding: 18px 30px 10px 30px; margin: 0; color: #68a1c5;  font-size: 1.4em; font-weight: normal;
		}
		
		#sitemap_content ul {
			margin: 0;
			padding: 0 30px;
		}	
		
		#sitemap_content ul li {
			list-style: none;
			padding: 0 0 15px 0;
		}
		
		#sitemap_content ul li a {
			color: #97a1a9;
			font-weight: bold;
			text-decoration:none;
			
		}
		
		#sitemap_content ul li a:hover {
			text-decoration: underline;
			color: #e41b24;
		}
		
		#sitemap_content ul ul {
			padding: 15px 0 0 30px;
		}
		
		#sitemap_content ul ul li {
			padding: 0 0 6px 0;
		}
		
		#sitemap_content ul ul li a {
			font-weight: normal;
		}
		
			.sitemap_column {
				width: 300px;
				float: left;	
			}
	
	#footer_links ul {
		padding: 0 0 0 15px;
		margin: 0;
		clear: both;
		display: block;
		width /**/: 930px;
		width: 915px !important;
	}
	
	#footer_links ul li {
		list-style: none;
		display: inline; float: left;
	}
	
	#footer_links ul li a {
		color: #fff;
		text-decoration:none;
		background: transparent url('/gfx/divider_links.gif') right top no-repeat;
		padding: 0 12px 0 0;
		margin: 0 12px 0 0;
	}
	
	#footer_links ul li a:hover {		
		text-decoration: underline;
	}
	
	#footer_links ul li.last a {		
		background: none;
		padding: 0;
		margin: 0;
	}
	
	#footer p.copyright {
		color: #fff;
		padding: 8px 0 13px 15px;
		margin: 0;
		font-weight: bold;
		display: inline;
		float: left;
		clear: left;
	}
	
	#footer #fivesite {
		float: right;
		display: inline;
		padding: 0 15px 0 0;
	}
	
/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}
.printOnly { display: none; visibility: hidden; }