/* -------------------------------------------------------------- 
  
   Global Screen Style
   screen.css  v.011113
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "topnav_static.css"; /* no mega dd */

html {
	overflow-y: scroll;
	}
/* Page
-------------------------------------------------------------- */
#page { 
	margin: 0 auto; 
	width: 1004px;
	min-width: 1004px;
	background: #fff url(../images/template/frame-horizontal.png) 0 0 repeat-y; 
	}
#header, div#nav, #breadcrumbs, h1, #pagedescription, #footer { /* frame side borders */
	background: #fff url(../images/template/frame-horizontal.png) 0 0 repeat-y;
	padding-right: 29px;
	padding-left: 29px;
	}
/* Skip Links
-------------------------------------------------------------- */
#skips {
	position: relative;
	height: 45px;
	margin: 0;
	padding: 0 15px 0 34px;
	background: transparent url(../images/template/frame-top.png) 0 0 no-repeat;
	clear: both;
	color: #fff;
	}
#skips a#logo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10px 10px 10px 22px; /* larger strike area*/
	display: block;
	}	
#skips a {
	color: #fff;
	text-decoration: none;
	}	
#skips ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}
#skips ul li {
	display: inline-block;
	height: 17px;
	margin: 0;
	padding: 12px 8px 8px 8px;
	border: none;
	}
#skips ul li#alert-status {
	width: 130px;
	padding: 12px 14px 8px 28px;
	border-right: none;
	background: transparent url(../images/template/alert-mmg.png) 0 7px no-repeat;
	}
#skips ul li#skip-main {
	padding-left: 14px;
	background: transparent url(../images/template/frame-top_border.png) 0 0 no-repeat;
	}
#skips ul li.last {
	margin-right: 0;
	padding-left: 0;
	}
#skips li.accessibility {
	position: absolute;
	margin-left: -99999px;
	}	
#skips ul li.last a {
	right: 0;
	margin-left: 4px;
	padding-left: 12px;
	border-left: 1px solid #fff;
	}	
#skips ul#globalgrouplinks {
	position: absolute;
	top: 0;
	left: 150px;
	width: 250px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
ul#globalgrouplinks li {
	padding-left: 0;
	}	
	
/* Header
-------------------------------------------------------------- */
#header { 
	height: 85px;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 6px;
	background: #fff url(../images/template/header-bg.png) 0 0 no-repeat;
	clear: both;
	}
#header #seal {
	margin-right: 6px; 
	float: left;
	}
#sitetitle, #sitetitle_nonexec {
	width: 450px;
	min-width: 450px;
	height: 74px;
	padding-left: 10px;
	border-left: 1px solid #e9e9e9;
	float: left;	
	}
#sitetitle a, #sitetitle_nonexec a {
	display: block;
	width: 350px;
	min-width: 350px;
	margin-top: 15px;
	}
#sitetitle_nonexec  #tagline {	
	margin-bottom: 15px;
	}
#sitetitle ul li, #sitetitle_nonexec ul li {
	margin-top: 10px;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #e9e9e9;
	float: left;
	}
#sitetitle ul li:last-child, #sitetitle_nonexec  ul li:last-child {
	border: 0;
	}	
#header #sitetitle ul li a,
#header #sitetitle_nonexec ul li a {
	display: inline;
	margin: 0;
	}
#search {
	width: 495px;
	min-width: 495px;
	height: 30px;
	float: right;
	margin-top: -60px;
	clear: both;
	}
#search.no_option {
	width: 485px;
	min-width: 485px;
	}		
#search * {
	border: none;
	background-color: #f1f0f0;
	float: left;
	}
#search fieldset {
	width: 381px;
	min-width: 381px;
	height: 45px;
	min-height: 45px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/template/search-bg.png) 0 0 repeat-x;
	}
#search.no_option fieldset {
	width: 364px;
	min-width: 364px;
	background: transparent url(../images/template/search-input-noop.png) 0 0 repeat-x;
	}	
#search legend {
	display: none;
	}	
#search fieldset label {
	width: 0;
	}	
#search fieldset input {
	margin: 0;
	padding: 10px 0;
	background: transparent url(../images/template/search-input.png) 100% 0 no-repeat;
	float: none;
	}
#search.no_option fieldset input {
	width: 370px;
	min-width: 370px;
	background: none;
	}
#search fieldset select {
	float: none;
	background: none;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#search fieldset select {
		background: #fcfbfb;
		}
	}		
#search #submit {
	width: 68px;
	height: 32px;
	margin: 2px 0 0 0;
	background: transparent url(../images/template/search-button.png) 0 0 no-repeat;
	}		
/* Mega DD
-------------------------------------------------------------- */	
div#nav {
	margin: 0;
	clear: both;
	border-top: 1px solid transparent;
	}
ul#topnav {
	width: 946px;
	height: 56px;
	margin: 0 0 4px 0;
	padding: 0 0 0 2px;
	background: #fff url(../images/template/topnavi-bg.png) 0 0 no-repeat;
	list-style: none;
	clear: both;
	float:left;
	}
ul#topnav.bborder,	
ul#topnav:hover,
ul#topnav:focus,
ul#topnav:active {	
	margin: 0 0 4px 0;
	padding: 0 0 0 2px;
	background: #fff url(../images/template/topnavi-bg-hover.png) 0 0 no-repeat;
	}
ul#topnav li {
	position: relative;
	width: 146px; /* default width */
	height: 55px;
	margin: 0; 
	padding: 0;
	background: transparent url(../images/template/topnavi-tab.png) right 0 no-repeat;
	border-left: 1px solid transparent;
	float: left;
	}	
ul#topnav li#active_tab { 
	background-image: url(../images/template/topnavi-bg-active.png);
	}	
ul#topnav li#moretab { /* more tab */
	width: 55px;
	background: transparent url(../images/template/topnavi-tab.png) right 0 no-repeat;
	}
ul#topnav li:hover,
ul#topnav li:focus,
ul#topnav li:active,
ul#topnav li#active_tab:hover,
ul#topnav li#active_tab:focus,
ul#topnav li#active_tab:active,
ul#topnav li#moretab:hover,
ul#topnav li#moretab:focus, 
ul#topnav li#moretab:active, /* more tab */
ul#topnav li.active, /* keyboard */
ul#topnav li#moretab.active /* keyboard - more tab */  {
	height: 56px;
	background: transparent url(../images/template/topnavi-tab.png) right -68px no-repeat;
	border-color: #555;
	/* tab shadow */
	-moz-box-shadow: -2px -1px 2px 1px #bcbcbc;
	-webkit-box-shadow: -1px -1px 2px 1px #bcbcbc;
	-o-box-shadow: -1px -1px 2px 1px #bcbcbc;
	box-shadow: -1px -1px 2px 1px #bcbcbc;
	}
ul#topnav li h3  {	
	position: relative;
	width: 100%;
	height: 50px;
	margin-bottom: 1px;
	padding-top: 5px;
/* outer */
	display: table; 
	#position: relative; 
	overflow: hidden;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#topnav li h3  {
		/*padding-top: 10px;*/
		}	
	}	
ul#topnav li#moretab span#tablabel { /* more tab */	
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	margin-bottom: 1px;
	padding-top: 5px;
	/* outer */
	display: table; 
	#position: relative; 
	overflow: hidden;
	}
ul#topnav > li a.tab {
	/* middle */
	display: table-cell; 
	vertical-align: middle;
	}
ul#topnav li h3 a.tab,
ul#topnav li#moretab span#tablabel a.tab /* more tab */ {
	*position: absolute; 
	*top: 50%;
	width: 100%;
	}		
a.tab span {
	display: block;
	padding-right: 8px;
	padding-left: 8px;
/* inner */
	#position: relative; 
	#top: -50%;
	}	
/* -------------------------
	Dropdown
   ------------------------- */		
ul#topnav  li.menu div.sub {
	position: absolute; /* --Important-- */
	width: 941px;
	margin: 0 0 0 1px;
	background-color: #e3e4e2; /* #e2e2e2 */
	border: 1px solid #555;
	border-top: none;
	border-bottom: 8px solid #555;
	display: none; /*--Hidden for those with js turned off--*/
	z-index: 300;

	-moz-box-shadow: -1px 2px 2px 2px #bcbcbc;
	-webkit-box-shadow: -1px 2px 2px 2px #bcbcbc;
	-o-box-shadow: -1px 2px 2px 2px #bcbcbc;
	box-shadow: -1px 2px 2px 2px #bcbcbc;
	}	
ul#topnav li#moretab div.sub { /* more tab */
	width: 242px;
	}
ul#topnav li.menu div.sub ul li:hover,
ul#topnav li#moretab div.sub h3 { /* override the inherit style */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: none;
	}
ul#topnav li.menu div.sub ul li a {
	padding: 0;
	float: none;
	}	
ul#topnav .category {
	width: 708px;
	margin: 10px 0 0 0;
	padding: 0px 0 12px 0;
	border: 1px solid #d0d0d0;
	border-bottom: none;
	border-left: none;
	background-color: #fff;
	text-align: left;
	float: left;
	z-index: 700;
	}	
li#moretab .category  { /* more tab */
	width: 218px;
	padding: 12px 12px 4px 12px;
	border-right: none;
	}		
ul#topnav .category ul {
	width: 711px;
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
	}
#topnav .sub .category ul li { 
	width: 211px;
	\\width: 210px;
	height: 185px; /* 136px */
	margin: 0;
	padding: 12px 12px 0;
	border-left: 1px solid #ddd; /* override inherited style */
	border-right: none; 
	border-bottom: 1px dotted #ddd;
	float: left;
	background: none;
	line-height: 1.16em;
	color: #333;
	z-index: 900;
	}	
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #topnav .sub .category ul li  { 
		height: 150px;
	 	}
	}	
ul#topnav li#moretab .sub .category  ul li  { /* more tab DD */
	width: 218px;
	height: auto;
	margin-bottom: 12px;
	padding: 0;
	border: none;
	float: none;
	}
#topnav li.menu div.sub div.category ul li h4,
#topnav  li#moretab .sub .category ul li h3 {
	margin: 0;
	padding: 0 12px 2px 0;
	}	
#topnav li.menu div.sub .category ul li h4 a,
#topnav li#moretab div.sub div.category ul li h3 a {
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
	background: transparent url(../images/template/topnavi-megadd-category-icon.png) 100% 50% no-repeat; /* arrow */
	}
ul#topnav li#moretab div.sub div.category h3 {  /* more tab DD item */
	display: inline;
	height: auto;
	border:none;
	}
ul#topnav li#moretab div.sub div.category h3 span {  /* more tab DD item */
	display: inline;
	padding: 0;
	}
a.doc_link {
	display: inline-block;
	position: relative;
	top: 3px;	
}
/* -------------------------
	Bubbleups
   ------------------------- */	
#topnav .category ul li ul {
	position: relative;
	width: 200px;
	}	
#topnav .category ul li ul li.mdd1, 
#topnav .category ul li ul li.mdd1:hover, 
#topnav .category ul li ul li.mdd1:focus, 
#topnav .category ul li ul li.mdd1:active {
	display: block;
	/*width: 180px; unneccessary */
	height: auto;
	margin: 0;
	padding: 10px 0 0 7px;
	border: none;
	background: transparent url(../images/template/topnavi-megadd-bubbleup-icon.png) 0 15px no-repeat;
	}
#topnav .category ul li ul li.seeall { /* bubbleup see all */
/*	margin-top: 16px;*/
	background: none;
	font-weight: bold;
	}
#topnav .sub .category ul li ul li a, 
#topnav .sub .category h4.seeall a {
	margin: 0;
	padding: 0;
	}		
/* See all */	
#topnav .sub .category h4.seeall {
	width: auto;
	padding: 16px 0 16px 12px;
	clear: both;
	background-color: #fff;
	}
#topnav .sub .category h4.seeall a {
	display: inline;
	padding-right: 15px;
	background: transparent url(../images/template/topnavi-megadd-category-icon.png) 100% 50% no-repeat;
	}	
/* -------------------------
	Dropdown Right Column
   ------------------------- */
#topnav div.sub div.dd-right {
	width: 196px;
	margin-top: 10px;
	margin-left: 0;
	padding: 12px;
	padding-bottom: 0;
	border: 1px solid #d0d0d0;
	border-right: none;
	float: right;
	background-color: #fff;
	}
#topnav  div.sub div.dd-right  div.sub1,
#topnav  div.sub div.dd-right  div.sub2, 
#topnav  div.sub div.dd-right  div div.rss {
	position: relative;
	clear: both;
	}
#topnav  div.sub div.dd-right  div div.rss {
	height: 18px;
	margin-bottom: 16px;
	clear: both;
	}
#topnav  div.sub div.dd-right  div.sub2 {
	padding-top: 12px;
	}	
#topnav  div.sub div.dd-right  ul li {
	height: auto;
	margin: 0 0 16px 0;
	padding: 0;
	border: none;
	background: none;
	width: 100%;
	}
ul#topnav.megamenu li.clear-fix {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	}
/* -------------------------
	More tab items - noscript
   ------------------------- */
#nav noscript {
	margin: 56px 0 0 0;
	padding: 0;
	font-size: 1.3em;
	clear: both;
	}
#nav noscript h2 {
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 1.3em;
	}	
#nav noscript  ul {
	margin: 0;
	padding: 0 0 0 2px;
	height:56px;
	background: transparent url(../images/template/topnavi-label_side.png) 0 0 repeat-y;
	list-style: none;
	}
#nav noscript ul li {
	display: table; 
	height: 52px; 
	overflow: hidden;
	
	float: left;
	padding: 0 8px;
	background: transparent url(../images/template/topnavi-tab.png) right 0 no-repeat;
	}  
#nav noscript ul li h3 {
	display: table-cell; 
	vertical-align: middle;
	width: 140px;
	} 
/* -------------------------
	Expando
   ------------------------- */	

.kb_expando {
	position:relative;
	top:-520px;
	left:-2000px;
	width: 1px;
	height: 1px;
	overflow:visible;
	z-index: 100;
}
.kb_expando a,
.kb_expando a:link,
.kb_expando a:visited,
.kb_expando a:active {
	outline: none;
	color:#333;
	font-weight:normal;
	text-decoration:underline;
	font-size:11px;
	letter-spacing:normal;
	width:150px;
	text-align:center;
	line-height: 1.4em;
}
.kb_expando a.focused,
.kb_expando a:focus,
.kb_expando a:active {
	position:absolute;
	top:520px !important; /*IE7 issue*/
	left:2000px !important;  /*IE7 issue*/
	display:block;
	background: #FAFAC5;
	border: 1px dotted #444;
	padding: 6px 4px;
	width:150px;
}
/* breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs {
	padding-bottom: 28px;
	clear: left;
	}
#breadcrumbs ol {
	margin: 0;
	padding: 0 0 0 0.3em;
	}
#breadcrumbs ol li {
	display: inline-block;
	padding-top: 8px;
	padding-right: 8px;
	background: transparent url(../images/template/breadcrumbs.png) right 12px no-repeat;
	}
#breadcrumbs a {
	padding:  0 0.5em 0 0.7em;
	}		
/* Page Label
-------------------------------------------------------------- */
h1 {	
	padding: 0 39px;
	padding: 0 29px;
	}
#pagedescription {
	margin-bottom: 20px;
	padding: 0 39px;
	padding: 0 29px;
	}
#pagedescription div img{	
	margin-right: 1em;
	margin-bottom: 20px;
	}
/* Body
-------------------------------------------------------------- */
#body { 
	margin: 8px 29px 0 29px;
	padding: 0;
	clear: both;
	background: #fff url(../images/template/frame-horizontal.png) 0 0 repeat-y;
	}
#body.pg_home {
	padding: 16px 0 0 0;
	background: none;
	} 
#body p {
	text-align: left;
	}	
#content {
	width: 710px;
	min-width: 710px;
	margin: 0;
	padding: 0;
	float: right;
	border-left: 1px dotted #9b9b9b;
	}
#introduction { 
	float: left; 
	width: 462px; 
	min-width: 462px; 
	padding: 0 14px;
	border-right: 1px dotted #9b9b9b;
	}			
#resources { 
	float: right; 
	width: 205px; 
	min-width: 205px; 
	padding: 0;
	}
#resources h3,
#resources span.lead_snippet,  #leftcol span.lead_snippet { 
	line-height: 1.15em;
	margin-bottom: 1em;
	}
#resources li, #leftcol .module li {
	margin-bottom: 1.15em;
	}
#resources .module li .callout {
	font-size: .9em;
	}
/* ------------------------------
	RSS Links in List container
   ------------------------------ */	
#body .module .rss {
	padding-top: 4px;
	padding-bottom: 20px;
	line-height: 1em;
	}
.rss a {
	padding: 0 8px 4px 8px;	
	}
.rss  a.subscribe {
	padding-left: 27px;
	background: transparent url(../images/template/icon_rss.png) 0 0 no-repeat;
	border-right: 1px solid #ddd;
	}
/* -------------------------
	Doc Link Icon
   ------------------------- */	
/*span.lead_snippet a.doc_link img{
	margin: 0 0 -2px 6px;
	}*/
#leftcol {
	width: 221px;
	min-width: 221px;
	padding: 0;
	float: left; /* works with/without this.  but without, overflow content will be hidden under the main content column. */
	}
.noborder {
	border: none;
	}
/* -------------------------
	Press Release
   ------------------------- */		
#releaseinfo {
	display: inline-block;
	margin: 0;
	padding: 0.3em;
	background-color: #eee;
	}
#pr {/* official */
	padding-bottom: 4px;
	border-bottom: 3px double #ddd;
	}
#pr dd {
	margin-bottom: 20px;
	}
h3#pr_contact {	
	margin-top: 20px;
	margin-bottom: 12px;
	}
ul#contact dt span {
	font-weight: bold;
	}	
/* -------------------------
	Category
   ------------------------- */
#content #introduction ul#category {
	margin-top: 0;
	}
#introduction ul#category > li {
	margin-top: 0;
	margin-bottom: 17px;
	padding-top: 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #9b9b9b;
	}
#category li  div.callout {
	margin-bottom: 12px;	
	}
body #page #body #content #introduction #category li  br.clear { 
	display: block; 
	margin: 0;
	/* doesn't work in webkit. Chrome reported it as a bug. */
	}
#category li  div.callout div img {
	margin-right: 1em;
	margin-bottom: 12px;
	}	
/* more page */
/* remove this style after full publishing - Yukiko 1-11-13 */	
.pg_more #content  #introduction dl {
	margin: 0;
	padding: 0;
	}
.pg_more #content  #introduction dt {
	margin: 20px 0 16px 0;
	padding: 0;
	border-top: 1px solid #ddd;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#body.pg_more div#content div#introduction dl dt {
		padding-top: 20px !important;
		}
	}	
.pg_more #content  #introduction dl>dt:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	}
div#body.pg_more div#content  div#introduction dl dt h2 {
	margin: 0;
	padding: 0;
	}	
.pg_more #introduction dd{
	margin: 0 0 1.3em 0;
	padding: 0 0 0 10px;
	background: transparent url(../images/template/morepg-bullet.png) 0 0.7em no-repeat;
	}
.pg_more #introduction dd div.callout{
	margin-top: 1.1em;
	}
/* end remove */	
.pg_more #introduction .rss {
	margin: 0 0 20px 0;
	}
/* Side Nav
-------------------------------------------------------------- */
#leftcol #subnav {
	margin-top: 0;
	padding-top: 0;
	}	
#leftcol #subnav h3 {
	width:  221px;
	min-width:  221px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #e3e3e3;
	border-top: 1px solid #fff;
	}
#subnav li.trigger {
	padding: 0;
	}	
#subnav > li a.link {
	width: 171px;
	min-width: 171px;
	min-height: 22px;
	padding: 12px 10px 7px 10px;
	display: block;
	}
#subnav li a:active {
	background-position: left bottom;
	} /* When toggle is triggered, it will shift the image to the bottom to show its "opened" state */
.toggle_container {
	background-color: #fff;
	overflow: hidden;
	clear: both;
	}
.toggle_container .block {
	margin: 0;
	padding: 0; /* --Padding of Container-- */
	}
#subnav li li {
	margin-bottom: 0;
	padding: 5px 0 5px 22px;
	border-top: 1px solid #eaeaea;
	background : transparent url(../images/template/subnav-bullet.png) 10px 50% no-repeat;
	}
#subnav li li a {
	display: block;
	margin: 0;
	padding: 9px 12px 9px 0;
	}
/* enhancement */	
#subnav > li.trigger a.button {
	width: 20px;
	height: 23px;
	margin: 0;
	padding: 9px 0;
	background: transparent url(../images/template/subnav-rightarrow.gif) 0 50% no-repeat;
	float: right;
	}	
#subnav > li.active a.button {
	padding: 9px 0;
	background: transparent url(../images/template/subnav-downarrow.gif) 0 50% no-repeat;
	}		
#subnav > li a.link {
	float: left;
	}	
/* Footer
-------------------------------------------------------------- */
#footer { 
	clear: both;
	padding-top: 30px;
	padding-bottom: 39px;
	background: transparent url(../images/template/frame-bottom.png) bottom left no-repeat;
	}	
#footer ul {
	padding-top: 14px;
	border-top: 1px solid #e9e9e9;
	text-align: right;
	}
#footer ul li {
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
	display: inline-block;
	}
#footer p {
	width: 40em;
	margin: -14px 0 0 0;
	padding: 0;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     #footer p {
	 	width: 38em;
	 	}
	}
/* accessibility elements
-------------------------------------------------------------- */
.accessibility, form#search legend.accessibility, ul#topnav  li#more h2 span.accessibility,
form#searchlabel {
	position: absolute;
	left: -999999px;
	}
/* overwrap fix
-------------------------------------------------------------- */	
object, embed {/* No negative value. */
/*	z-index: 0 !important;
	display: block;*/
	}
div#content div#introduction div.customHTML div#slideMainDiv {/* Prototype slideshow overwrap */
	z-index: 0 !important;
	}	
/* ----------------------------- 
	
	Page Layout Column

 ----------------------------- */ 
/*-----------------------------------
	2 column no right column
------------------------------------- */
.page_2col_left #introduction {
	width: 696px;
	min-width: 696px;
	border: none;
	}
.page_2col_left #resources {
	display: none;
	}
/*-----------------------------------
	2 column no left column
------------------------------------- */
.page_2col_right #content,
#content.no_left /* category page only */ {
	width: 947px;
	min-width: 947px;
	float: left;
	border: none;
	}
.page_2col_right #introduction,
.page_3col #content.no_left #introduction /* category page only */  {
	width: 717px;
	min-width: 717px;
	padding-left: 0;
	}
.page_2col_right #leftcol {
	display: none;
	}
/*-----------------------------------
	1 column
------------------------------------- */	
.page_1col #content,
.page_2col_right #content.no_left #introduction /* category page only */,
.page_2col_left #content.no_left #introduction /* category page only */ {
	width: 946px;
	min-width: 946px;
	padding-left: 0;
	float: none;
	border: none;
	}
.page_1col #introduction {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	border: none;
	}
.page_1col #resources, .page_1col #leftcol, .page_2col_right #content.no_left #resources {
	display: none;
	}	
/* ----------------------------- 
	
	Center Column Slots

 ----------------------------- */
 #slot_body, .center_slot {
	width: 100%;
	clear: both;
	}
br.clear {
	clear: both;
	}
/*-----------------------------------
	Tetris column common
------------------------------------- */ 
.tetris_50l, .tetris_50r, 
.tetris_75l, .tetris_25r, 
.tetris_25l, .tetris_75r,
.tetris_66l, .tetris_66r,
.tetris_33l, .tetris_33c, .tetris_33r  {
	float: left;
	}
/*-----------------------------------
	Tetris column border
------------------------------------- */ 
.tetris_50l, .tetris_75l, .tetris_66l, .tetris_25l, .tetris_33l, .tetris_33c {
	border-right: 1px solid #ddd;
	} 
/*-----------------------------------
	Tetris column padding
------------------------------------- */ 
.tetris_50l, .tetris_75l, .tetris_66l, .tetris_25l, .tetris_33l, .tetris_33c {
	padding-right: 10px;
	} 
.tetris_50r, .tetris_75r, .tetris_66r, .tetris_25r, .tetris_33r, .tetris_33c {
	padding-left: 10px;
	} 
/*-----------------------------------
	Slot: 2 column 1:1
------------------------------------- */ 
.tetris_50l, .tetris_50r {
	width: 220px;
	min-width: 220px;
	} 
.page_1col .tetris_50l, .page_1col .tetris_50r,
.page_2col_left #content.no_left .tetris_50l, .page_2col_left #content.no_left .tetris_50r {
	width: 462px;
	min-width: 462px;
	} 
.page_2col_right .tetris_50l, .page_2col_right .tetris_50r,
.page_3col #content.no_left .tetris_50l, .page_3col #content.no_left .tetris_50r{ /*  with the right column */
	width: 345px;
	min-width: 345px;
	}	
.page_2col_left .tetris_50l, .page_2col_left .tetris_50r	{ /*  with the left column */
	width: 337px;
	min-width: 337px;
	} 
/*-----------------------------------
	Slot: 2 column 2:1 / 1:2
------------------------------------- */ 
.tetris_66l, .tetris_66r {
	width: 301px;
	min-width: 301px;
	}	
.page_1col .tetris_66l, .page_1col .tetris_66r,
.page_2col_left #content.no_left .tetris_66l, .page_2col_left #content.no_left .tetris_66r {
	width: 623px;
	min-width: 623px;
	}
.page_2col_right .tetris_66l, .page_2col_right .tetris_66r,
.page_3col  #content.no_left .tetris_66l, .page_3col  #content.no_left .tetris_66r { /*  with the right column */
	width: 468px;
	min-width: 468px;
	}
.page_2col_left .tetris_66l, .page_2col_left .tetris_66r { /* width the left column */
	width: 457px;
	min-width: 457px;
	}
/*-----------------------------------
	Slot: 3 column 1: 1: 1
------------------------------------- */ 
.tetris_33l, .tetris_33c, .tetris_33r {
	width: 140px;
	min-width: 140px;
	}
.page_1col .tetris_33l, .page_1col .tetris_33c, .page_1col .tetris_33r,
.page_2col_left #content.no_left .tetris_33l, .page_2col_left #content.no_left .tetris_33c, .page_2col_left #content.no_left .tetris_33r {
	width: 301px;
	min-width: 301px;
	}
.page_2col_right .tetris_33l, .page_2col_right .tetris_33c, .page_2col_right .tetris_33r,
.page_3col  #content.no_left .tetris_33l, .page_3col  #content.no_left .tetris_33c, .page_3col  #content.no_left .tetris_33r { /* with the right column */
	width: 223px;
	min-width: 223px;
	}
.page_2col_left .tetris_33l, .page_2col_left .tetris_33c, .page_2col_left .tetris_33r { /* with the left column */
	width: 218px;
	min-width: 218px;
	}
/* ----------------------------- 
	
	Page Elements

 ----------------------------- */ 	
.align {
	clear: both;
	}
.align_left { /* for ePhox custom format*/
	float: left;
	clear: both;
	}
.align_right { /* for ePhox custom format*/
	float: right;
	clear: both;
	}
.underilne { /* for ePhox custom format*/
	text-decoration: underline;
	}
.strikethrough { /* for ePhox custom format*/
	text-decoration: line-through;
	}	
.center_slot ul li { /* not for Category main content */
	margin-bottom: 16px;
	}
.center_slot div.module { /* tetris content border */
	margin-bottom: 20px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	}
.center_slot div.module div.callout p {
	margin-bottom: 16px;
	}
.seeall {
	font-weight: bold;
	}	
/* image modules */
#body .module .img_wrapper  {
	display: block; 
	text-align: center;
	}
div.caption {
	margin-bottom: 16px;
	}
/* inline images through ePhox */	
.ephoxsection-left {
	padding: 2px 10px 2px 0;
	float: left;
	}
	
.ephoxsection-right {
	margin: 2px 0 2px 10px;
	float: right;
	}	
.ephoxsection-center {
	position: relative;
	width: auto;
	margin: 10px 0;
	text-align: center;
	}
#slideHeaderDiv	img, #body .doc_link img, img.deco {
	margin: 0;
	}
li.f2jnag {
    display: none;
	}
/* ----------------------------- 
	Side Column Elements
 ----------------------------- */ 
#resources .module, #leftcol .module {
	margin: 0 0 14px;
    padding-bottom: 14px;
	border-bottom: 1px solid #ddd;
	clear: both;
	} 
#leftcol .gbox {
	padding: 16px 12px 8px 12px;
	background: #eee;
	border: none;
	}	
#leftcol .gbox  ul li {
	margin-bottom: 20px;
	}
#leftcol .gbox  ul li a {
	display: block;
	margin-bottom: 8px;
	}	
/* -------------------------------
	welcome module
---------------------------------- */
div#welcome.module {
	margin: 0 0 16px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ddd;
	}
#welcome div.unit {
	margin: 0;
	padding: 6px 0 0 0;
	}
#welcome  .img_wrapper {
	width: 74px;
	margin-bottom: 16px;
	}	
#welcome div.unit div {
	margin: -103px 0 16px 80px;
	width: 125px;
	min-width: 125px;
	font-size: 1em;
	line-height: 1.25em;
	float: left;
	}
div#body div#cotnent div#resources div#welcome.module br.clear {
	height: 0;
	}
/* ----------------------------------------------
	Local Government (cities and towns) module
------------------------------------------------- */	
#citiandtowns fieldset {
	margin: 0.7em 0;
	padding: 0;
	border: none;
	}
#citiandtowns legend {
	position: relative;
	}
#citiandtowns select {
	margin: 1em 1em 0 0;
	}		
/* -------------------------------
	alert module
---------------------------------- */
#alert {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #fdeb6d;
	}
#alert li {
	margin: 0;
	padding:  18px 12px 20px 12px;
	clear: both;
	background: #fdeb6d url(../images/template/alert-sum-bg.png) 0 0 repeat-x;
	}
#alert li  * { 
	display: inline-block;
	}
#alert li h2 {
	height: 30px;
	margin: 0;
	padding: 0 0 0 38px;
	background: transparent url(../images/template/alert-sum-icon.png) 0 0 no-repeat;/* alert icon */
	}
#alert li h2 span {
	margin-top: 3px;
	padding: 0 8px 0 0;
	border-right: 1px solid #b0a349;
	}		
#alert li div.timestamp {
	padding-left: 8px;
	font-weight: bold;
	}	
#alert li div span, #alert li div a {
	display: inline;
	}	
#alert li div span.banner_message {
	height: 1.2em;
	margin-bottom: -1px;
	line-height: 1.5em;
	}
/* ---------------------------------------------------- */
/*http://nicolasgallagher.com/micro-clearfix-hack/*/
object:before,
object:after,
.module:before,
.module:after,
.cf:before,
.cf:after {
    content:"";
    display:table;
}
object,
.module:after,
.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
object,
.module,
.cf {
    zoom:1;
}