/*---------------------------------
		GENERAL SELECTORS
---------------------------------*/
	
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.7%;
	font-family: "Trebuchet MS", Verdana, san-serif;
	/*background: transparent url(../img/handouts_bg.gif) repeat-y 50% top;*/
	color: #434644;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

em {
	background-color: #fffac1;
	font-style: normal;
}

/*---------------------------------
		TYPOGRAPHY
---------------------------------*/
h1 {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -185px;
	padding: 0;
	text-indent: -2100px;
	background: transparent url(../img/logo.gif) no-repeat left top;
	width: 393px;
	height: 174px;
}

body.root h1 {
	background: transparent url(../img/logo_root.gif) no-repeat left top;
}


#header h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #ffe9da;
	letter-spacing: 0.25em;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	top: 132px;
}

#nav {
	font-family: Arial, Helvetica, san-serif;
	text-align: center;
}

#nav a, #nav a:link, #nav a:visited {
	color: #e1e1e1;
	text-decoration: none;
	margin: 0;
	padding: 5px 15px 6px 15px;
}

#nav a:hover {
	color: white;
}

#nav a#current {
	background-color: #00b9ff;
	color: white;
	font-weight: bold;
}

#content p, #content ol, #content ul {
	font-size: 1.2em;
	line-height: 1.5em;
}

#content h3 {
	color: #0076a3;
	font-size: 2.4em;
	font-family: "Franklin Gothic Medium";
	margin: 20px 0 0 0;
	padding: 0;
}

#content a, #content a:link, #content a:visited {
	color: #00e;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#handouts_list {
	font-size: 1.2em;	
	line-height: 1.6em;
}

#handouts_list dt {
	font-weight: bold;
}

/* 100425 .. jwt .. Resource subheader format update */
#handouts_list dt .reshdr {
	color: #cc6600;
	font-size: 1.2em;
}

#handouts_list dd {
	margin: 0 0 10px 0;
	padding: 0;
}


#footer p, #footer dt {
	font-size: 1.1em;
}

/* 070820 jwt print handout header */
#pThisHandOut p {
	font-size: 1.1em;
}

#handouts {
	font-size: 1.2em;
	line-height: 2.4em;
	background: transparent url(../img/handouts_bg4.gif) repeat-y left top;
}

#handouts h2 {
	margin: 0;
	padding: 0;
	height: 57px;
	text-indent: -2100px;
	background: transparent url(../img/handouts_title.gif) no-repeat left top;
}

body.root #handouts h2 {
	background: transparent url(../img/cities_title.gif) no-repeat left top;
}

#handouts a {
	padding: 0 0 0 20px;
	/*background: transparent url(../img/handouts_icon.gif) no-repeat left 2px;*/
	background: transparent url(../img/handouts_icon.gif) no-repeat left top;
}

#handouts a, #handouts a:link, #handouts a:visited {
	color: #333;
	text-decoration: underline;
}

#handouts a:hover {
	text-decoration: none;
}

#handouts a.current {
	color: #0076a3;
	font-weight: bold;
	text-decoration: none;
}

#sidebar p, #sidebar dt, #sidebar a:link {
	font-size: 1.2em;
	line-height: 1.6em;
}

#sidebar a:hover {
	text-decoration: none;
}

#sidebar h4 {
	font-size: 1.4em;
	color: #f60;
	font-family: "Franklin Gothic Medium";
	text-transform: uppercase;
	margin: 25px 0 0 0;
	padding: 0;
}

#footer h4 {
	font-size: 1.2em;
}


/*---------------------------------
		LAYOUT
---------------------------------*/
#print_header {
	display: none;
}

#container {
	/*width: 773px;*/
	width: 100%;
	height: 60px;
	margin: 0 auto;
	/*position: relative;*/
	background: transparent url(../img/nav_bg.gif) repeat-x left top;
}

#container #control {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 175px;
	background: white url(../img/body_bg.gif) repeat-x left top;
	position: relative;
}

#header h1 {
	position: absolute;
}

#nav {
	margin: 0 auto;
	padding: 5px 0 6px 0;
	/*width: 550px;*/	
	/*background-color: #0076A3;*/
	font-size: 1.1em;
}

#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#content {
	position: absolute;
	width: 300px;
	padding: 0 25px;
	margin: 0;
	float: left;
}

#footer dt, #footer dd {
	margin: 0;
	padding: 0;
	display: inline;
}


#handouts {
	width: 237px;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 324px;
}

#handouts ul {
	margin: 0 0 0 20px;
}

#sidebar {
	position: absolute;
	left: 561px;
	width: 200px;
	padding: 0 0 0 15px;
}

#sidebar dl, #sidebar dt, body#contact dl, body#contact dt {
	margin: 0;
	padding: 0;
}

#sidebar dd, body#contact dd {
	margin: 0 0 10px 0;
	padding: 0;
}

/*---------------------------------
		IMAGERY
---------------------------------*/
#leftpic {
	/*width: 211px;*/
	width: 288px;
	height: 175px;
	background: transparent url(../img/left_image.gif) no-repeat left top;
 	position: absolute;
	top: 0;
	left: 0;
}

#rightpic {
	/*width: 144px;*/
	width: 217px;
	height: 175px;
	background: transparent url(../img/right_image.gif) no-repeat left top;
 	position: absolute;
	top: 0;
	right: 0;
}

#sidebar img {
	background: transparent url(../img/featured_site_holder.gif) no-repeat left top;
	padding: 18px 16px 19px 17px;
}

#footer {
	margin: 35px 0 0 0;
	border-top: 1px solid #acacac;
}

/* 070820 jwt print handout header */
#pThisHandOut {
	margin: 25px 0 0 0;
}

#fullname, #email, #search {
	border: 1px solid #434644;
	height: 13px;
	font-size: 1.1em;
}

#go {
	position: relative;
	top: 3px;
}

a.pda {
	display: block;
	padding: 0 5px 0 23px;
	background: transparent url(../img/pdaIcon.gif) 2px 0 no-repeat;
}

#handouts .viewAll a {
	background-image: none;
	padding: 0 0 0 10px;
	border-top: 1px solid #c3e56c;
	display: block;
	width: 190px;
	margin: 25px 0 0 0;
	letter-spacing: 0.1em;
	font-style: italic;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash #sidebar h4 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 12px;
}

#content dd li {
	font-size: 87%;
}

#content dd ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: transparent url(../img/green_bullet.gif) no-repeat 0 0.65em;
}

#content dl {
	font-size: 1.2em;
}