/******************************** Layout Styles *************************************/
/*		RI.gov Agency, Municipality and Elected Official Style Sheet		 		*/
/*		Template Look and Feel: Version 3.0 of RI.gov								*/
/*		Style Sheet: Version 1.1													*/
/*		Date Modified: June 14 2005													*/
/***********************************************************************************/

/************************************* Layout ***************************************/
/*		These styles control the layout and overall structure of the template		*/
/*																					*/
/************************************************************************************/

/********************************** Page structure *********************************/
/*  Thanks to Alex Robertson!
		http://www.fu2k.org/alex/css/layouts/3Col_NN4_RWS_C.mhtml
*/


/*** 1. Reset CSS - Eric Meyer ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1;color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


#pageContainer {
	margin: 0 auto;
	overflow: hidden;
}



* html #pageContainer {border: none;}

* html #pageContainer #mainContent {float: left; width: 99%;}

#sliver {max-width: 1092px; margin: 0 auto;}
#sliver img {align: left; text-align: left;}


#wrapper1, #wrapper2 {
	margin				: 0px;
	padding				: 0px;
}

/* NN4 makes a mess of the backgrounds (positioning plus unintended inheritance) so exclude it. OmniWeb doesn't understand background positioning either - the left column can be achieved, but not the right one */
#wrapper1
	{
	/*/*/
	
	
	/* */
	}
#wrapper2
	{
	/*/*/
	background: url(../img/site/mainnav/wrapper2.gif) top left repeat-y; 

	/* */
	}

/** IE Peekabo fix **/ /* peekaboo bug fix for IE7 */
#pageContainer {min-width: 0; }
#pageContainer {min-width: 960px;}
#mainContent ul li {
	margin: .3em .5em .5em 1.3em;
	padding: .2em ;
}

	
	
#wrapper2 {background: transparent url(../img/site/mainnav/wrapper2.gif) top left repeat-y; border-width: 1px 1px 1px 0px; border-style: solid; border-color:  #DAF0F9;  clear: both; }
#wrapper2 {margin-bottom: -1px;}

#wrapper2 {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;}


#pageHeader
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	
	}
#pageHeader h1 {
	display: none;
}

#empty{}


/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
-11px margin-top enables columns to lign up in NN4 rather than dropping down unacceptably
*/
.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 170px;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	}
/* reset post NN4 */
.leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 170px;
	margin				: 0px;
	padding				: 0px;
	}

/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
	

/* NN4 values */
	
/* Other browsers */

/* reset IE*/
	

/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
.footer, .middle
	{
	clear				: both;
	margin				: 0px;
	margin-top			: -7px;
	text-align			: center;
	color				: #000000;
	}
/* reset post NN4 */
.footer, .middle
	{
/*/*/
	margin-top			: 0px;
/* */
	}

.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding				: 10px;
	}

/********************** Misc Page Layout **************************/

.centercolumn {
	margin: 0 180px 0 180px;
	padding: 0;


}


.columns {
	margin: 0;
	padding: 0;
}


#pageContent {
	clear: both;
}



#mainContent ul, #rightRail ul {
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 2em;
	margin-left: 0px;
}
#mainContent ul li, #rightRail ul li {
	padding-top: 0px;
	margin-left: 0px;
}



#mainContent {
	float: left;
	width: 100%;
	margin-top: 0.3em;
}


#mainContent .content {
	margin: 0.8em;
}

#rightRail .content {
	padding: 0.8em;
}

/********************* Right Rail Layout  ************************/
.sidebarContent {
	margin: 0px;
	padding: 0px;
}

/************************ Footer Layout  ***************************/
#pageFooter {

	clear: both;
	margin: 0px;
	padding: 0px;
}

#middleFooterarea .content { 
	text-align: center;
}
/************************ Skip Styles  ***************************/

.skip {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}