@import url(np_content.css);

	body {margin:0px 0px 40px; padding:0px; text-align:center; background:#fff url(../images/bg01.gif) repeat-x 0px 0px;}
	
	
	

/* Layout and navigation */
	
	#header {position:relative; width:834px; height:102px; margin:0px auto; text-align:left; overflow:hidden}
		#logo {position:absolute; top:45px}
		#tools {display:inline; float:right; margin-top:5px}
			#tools ul {margin:0px; padding:0px; list-style:none}
			#tools li {display:inline; float:left; margin-left:15px}
			#tools li a {display:inline; float:left; font-weight:bold; text-decoration:none}
			
			#tools li a, #tools select {font-size:9px; text-transform:uppercase; color:#999}
			#tools li a:hover {text-decoration:underline}
	
	
	#navigation {width:834px; margin:0px auto; text-align:center; overflow:hidden}
		#navigation ul {margin:0px; padding:0px; list-style:none}
		#navigation li {display:inline; float:left; margin:0px; padding:0px}
		#navigation a {font-size:11px; font-weight:bold; text-decoration:none}
		
		#navigation .main ul {width:835px; height:31px; margin-left:-1px;}
		#navigation .main li {margin-left:1px; background:url(../images/bg_tab_left.gif) no-repeat}
		#navigation .main a {display:inline; float:left; width:166px; height:31px; line-height:33px; text-transform:uppercase; color:#fff; background:url(../images/bg_tab_right.gif) no-repeat 100% 0px}
		#navigation .main a:hover {text-decoration:underline}
		
		#navigation .main li.sel {background-image:url(../images/bg_tab_sel_left.gif)}
		#navigation .main li.sel a {color:#545454; background-image:url(../images/bg_tab_sel_right.gif)}
		
		#navigation .sub ul {display:inline; float:left; width:834px; border-bottom:1px solid #d6d6d6}
		#navigation .sub li {margin-right:22px}
		#navigation .sub a {line-height:32px; color:#999}
		
		#navigation .sub li.sel a {color:#7ac350}
		#navigation .sub li a:hover {text-decoration:underline}

		
	#content-area {width:834px; margin:0px auto; text-align:left;}
		.content {display:inline; float:left}
		
		.content.regular {width:500px; margin-right:64px}
		.content.sidebar {width:270px; margin-top:10px}
		
		.content.left-half {width:410px}
		.content.right-half {width:380px; float:right}
		
		.content.front-left {width:180px; margin-right:15px}
			.front-left h1 {position:relative; width:205px; margin-bottom:-0.4em}
			
		.content.front-right {width:639px}
			#frontpage-flash {margin-right:-152px}
			#frontpage-flash img {display:block; margin:0px}
			.content.front-right .area-chooser {width:646px; margin:2em -7px 0px 0px}
			.content.front-right .area-chooser li {margin:0px 7px 0px 0px}
		
		.content.full-width {width:834px; clear:both}
		.content.full-width.contains-mwr {width:849px; margin-right:-15px}


/* Content elements */
		
	.mwr-element {position:relative; display:inline; float:left; width:273px; min-height:150px; margin:25px -2px 0px -1px; background:url(../images/bg_mwr_bottom.gif) no-repeat 0px 100%}
		.content.full-width .mwr-element {min-height:0px; height:150px; margin-right:10px}
		.mwr-element.flex {min-height:52px}
		
		.mwr-element .inner {position:relative; margin:0px 0px 20px; padding:16px 15px 0px; background:url(../images/bg_mwr_top.gif) no-repeat 0px 0px}
		.mwr-element .icon {position:absolute; top:9px; left:229px; margin:0px}

	.area-chooser {width:432px; margin:-15px 0px 0px -22px; padding:0px; list-style:none}
		.area-chooser li {display:inline; float:left; width:122px; height:76px; margin:15px 0px 0px 22px; overflow:hidden}
		.area-chooser li h2 {display:inline; float:left; width:100%; height:100%; background:url(../images/bg_arealink.gif) no-repeat 0px 0px}
		.area-chooser li h2 a {float:left; width:100%; height:100%; font-size:12px; line-height:16px; text-decoration:none; text-align:center; vertical-align:middle; letter-spacing:0px; color:#000; background:url(../images/bg_arealink_active.gif) no-repeat -500px 0px;}
		.area-chooser li h2 a.single {line-height:72px}
		.area-chooser li h2 a.double {padding-top:20px}
		.area-chooser li h2 a:hover {background-position:0px 0px}
		.area-chooser li p {display:none}
	

	.carousel {position:relative; display:inline; float:left; clear:both; width:837px; height:222px; margin:1em -2px 3em -1px; background:url(../images/bg_carousel.gif) no-repeat 0px 0px}
		.carousel ul, .carousel .carouselInner {position:relative; display:inline; float:left; width:798px; height:190px; margin:15px 7px 0px 20px; padding:0px; list-style:none; overflow:hidden}
			.carousel .carouselInner ul {display:block; float:none; top:0px; left:0px; margin:0px; width:auto; text-align:left}
		.carousel li {display:inline; float:left; width:265px; height:190px; border:0px; margin-left:-1px; border-left:1px solid #ddd; overflow:hidden}
		.carousel li .inner {position:relative; margin:0px 30px 0px 70px}
		.carousel li h2 {margin:0.4em 0px -0.8em}
		.carousel li img {display:block; margin:0px}
		.carousel li .button {position:absolute; top:80px; right:-15px}
		
		.carousel .prev {position:absolute; top:90px; left:-15px; width:32px; height:32px; background:url(/misc/images/gx_icon_left.gif) no-repeat 0px 0px; cursor:hand; cursor:pointer; z-index:10}
		.carousel .next {position:absolute; top:90px; left:819px; width:32px; height:32px; background:url(/misc/images/gx_icon_right.gif) no-repeat 0px 0px; cursor:hand; cursor:pointer; z-index:10}
		
		

/* Forms */
	
	button, .aspButton {border:0px; background:transparent; margin:0px 5px 5px 0px; padding:0px; width:auto; height:auto; text-align:left; overflow:visible; cursor:pointer; cursor:hand}
	.button, .aspButton {display:inline; float:left; margin:0px 5px 5px 0px; width:auto; height:27px; font:bold 11px/26px arial, helvetica, sans-serif; color:#000; text-transform:uppercase; text-decoration:none; overflow:visible; background:url(../images/bg_bn_left.gif) no-repeat 0px 0px; cursor:pointer; cursor:hand}
		button, .aspButton {-moz-margin-start:-3px}
		button div.button, .aspButton div.button {-moz-margin-start:-3px; -moz-margin-end:-3px; margin:0px}
		.button span, .aspButton {display:inline; float:left; height:27px; padding:0px 12px 0px 0px; margin-left:12px; white-space:nowrap; background:url(../images/bg_bn_right.gif) no-repeat 100% 0px}
		
	label {padding-right:3px}
	
	.mwr-element input.text {display:inline; float:left; width:142px; margin-right:5px}
	.mwr-element button, .mwr-element .button {margin-top:-4px}

	.standard-form {}
		.standard-form input {margin-bottom:8px;}
		.standard-form input.text {width:250px}
		.standard-form .checkbox {display:block; width:100%; clear:both}
		.standard-form .checkbox input {display:inline; float:left; vertical-align:middle; width:24px; height:24px; margin:0px -24px -24px 0px}
		.standard-form .checkbox label {display:inline; float:left; margin-top:4px; padding-left:26px; clear:both; }
		.standard-form button {margin-top:10px}
	


	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */