body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ebebec;
	}

#body {
	position: relative;
	text-align: left;
	margin: 20px auto 0;
	padding: 0;
	width: 770px;
	background-color: #fff;
	}

#skip, #print {
	display: none;
}

/* ------------------------------------ Layout ---------------------------------------*/

#masthead {
	background: #fff url(/images/bg-masthead.gif) no-repeat;
	padding: 10px 6px 0;
	height: 62px;
	margin-bottom: 25px; /* make a gap for the UDM nav */
	}

#masthead a {
	display: block;
	float: left;
	font-size: 1px;
	color: #fff;
	text-indent: -9999px; /* push this text right off the screen */
	width: 45px;
	height: 60px;
	background: #fff url(/images/logo.png) no-repeat;
	text-decoration: none;
	}

#masthead h3 {
	padding-top: 25px;
	margin: 0;
	}


#udm li {
	background: transparent url(/images/bg-mainnav-li.png) 0 0 no-repeat;
	}

#udm li a {
	background: transparent url(/images/bg-mainnav-a.png) top right no-repeat;
	}

#udm li ul li a, #udm li ul li {
	background-image: none;
}

/*
#udm .loadingmessage {
	color: #000;
	position: absolute;
	top: 20px;
	left: 8px;
	display: none;
	width: 100px;
}
*/

#crumb {
	clear: left;
	color: #aaa;
	font-size: 10px;
	}

#crumb a:link, #crumb a:visited {
	color: #aaa;
	text-decoration: none;
	}

#crumb a:hover {
	color: #de0033;
	}

#content {
	float: left;
	width: 424px;
	margin-left: 10px;
	}

#supportingcontent {
	float: left;
	width: 170px;
	margin-left: 10px;
	}

#supportingcontent h2 a {
	color: #888;
	text-decoration: none;
	}

#supportingcontent h2 a:hover {
	color: #de0033;
	text-decoration: none;
	}

#supportingcontent div.wrapper {
	margin-bottom: 10px;
}

#supportingcontent p, #supportingcontent td, #supportingcontent li {
	font-size: 85%;
	}

#footer {
	clear: left;
	background: #ebebec url(/images/bg-footer.gif) no-repeat;
	padding: 12px 14px;
	font-size: 85%;
	}

#footer p {
	margin: 0;
	color: #999;
	width: 275px;
	float: left;
	}
#footer p.sponsors {
	width: 185px;
}

.copyright {
	}

.freecall {
	text-align: center
	}

.spau {
	text-align: right;
	}

.spau a {
	color: #999;
	text-decoration: none;
	}

#utilities {
	position: absolute;
	top: 10px;
	right: 10px;
	}

#utilities ul {
	margin: 0;
	padding: 0;
	float: right;
	}

#utilities ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	font-size: 85%;
	}

form#search {
	position: absolute;
	top: 30px;
	right: 10px;
	margin: 0;
	padding: 0;
	}

form#search label {
	float: none;
	font: 80% Verdana;
	text-transform: uppercase;
	}





/* ------------------------------------ Subnav ---------------------------------------*/

#subnav {
	clear: left;
	float: left;
	width: 136px;
	padding-bottom: 100px;
	background: #fff url(/images/bg-subnav.jpg) no-repeat;
	margin-left: 5px;	/*	ie doubles the left margin on left floats		*/
	}
html>body #subnav {
	margin-left: 10px;
	}

#subnav h3 {
	font: bold 14px arial;
	margin-top: 0;
	padding: 10px;
	}

#subnav h3 a {
	color: #888;
	text-decoration: none;
	}

#subnav h3 a:hover {
	color: #de0033;
	}

#subnav ul {
	margin: 0;
	padding: 0;
	}

#subnav li {
	list-style: none;
	border-bottom: 1px dotted #999;
	margin: 0;
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 1em;
	}

#subnav li ul li {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #fff;
	}

#subnav li a {
	display: block;
	text-decoration: none;
	font: 80% /1 Verdana;
	padding: 4px 10px;
	}

#subnav p.more {
	margin-top: 18px;
	font: 80% Verdana;
	}

#subnav ul ul {
	padding-left: 10px;
	}

#subnav li.category {
	background-image: url(/images/li-category.png) !important;
	}

#subnav li.thiscategory, li.thiscategory li.thiscategory {
	background-image: url(/images/li-thiscategory.png) !important;
	}

#subnav li.category a, #subnav li.thiscategory li.category a, li.thiscategory li.content a {
	font-weight: normal;
	}

#subnav li.thiscategory a {
	font-weight: bold;
	}

#subnav li.content a {
	font-weight: normal;
	}

#subnav li.thiscontent a {
	font-weight: bold;
	}


/* ------------------------------------ Home ---------------------------------------*/

#intro {
	clear: left;
	float: left;
	width: 440px;
	margin-left: 5px;	/*	ie doubles the left margin on left floats		*/
	}
html>body #intro {
	margin-left: 10px;
	}

#intro div.wrapper {	/*	margin on the feature image	*/
	/*margin-bottom: 10px;*/
	}

p.more {
	clear: both;
	}

#helptext {
	float: right;
	width: 270px;
	}

#howwecanhelp {
	clear: both;
}
	
#howwecanhelp ul {
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
	}

#howwecanhelp ul li {
	list-style: none;
	margin: 0;
	padding: 0 10px;
	float: right;
	font-size: 85%;
	}

#howwecanhelp h2, #newsevents h2 {
	margin: 0;
	}

#intro #cfstories {			/* Overly complicated layout to enable sharing of this box in supporting content	*/
	position: relative;
	min-height: 160px;
	height: 160px; /* for ie	*/
	}
html > body #intro #cfstories {
	height: auto;	/* for others	*/
	}

#intro #cfstories .wrapper {
	position: absolute;
	left: 10px;
	top: 30px;
	}

#intro #cfstories p {
	padding-left: 160px;
	}

#intro #greatstrides {
	overflow: hidden;
}	
	
#intro #greatstrides p {
	padding-left: 160px;	
}

#newsevents {
	float: left;
	width: 300px;
	margin-left: 10px;
	}

#newsevents div#newslist, #newsevents div#eventslist, #newsevents div#forumlist  {
	float: right;
	width: 164px;
	}


#newsevents li, #newsevents p {
	font-size: 85%;
	margin-bottom: 8px;
	}

#newslist ul, #eventslist ul, #forumlist ul {
	margin: 8px 0;
	padding: 0;
	}

#newslist li, #eventslist li, #forumlist li {
	list-style: none;
	}

#newslist a, #eventslist a {
	display: block;
	clear: right;
	}

#newslist .date, #eventslist .date {
	float: right;
	}

#homeboxes {
	overflow: hidden;
}

/* ----------------------------- Rounded Corners on Boxes ------------------------------------ */

div.rounded2 {
	background: transparent url(/images/bg-div-tr.gif) no-repeat top right;
	margin-bottom: 0;
}
div.rounded2 div {
	background: transparent url(/images/bg-div-tl.gif) no-repeat top left;
	margin: 0;
}
div.rounded2 div div {
	background: transparent url(/images/bg-div-br.gif) no-repeat bottom right;
	margin: 0;
}
div.rounded2 div div div {
	background: transparent url(/images/bg-div-bl.gif) no-repeat bottom left;
	border: 0 none;
	margin: 0;
	padding: 10px;
}
div.rounded2 div div div div {	/* internal divs	*/
	background: none;
	padding: 0;
	margin: 0;
}

div.space {
	background-color: #fff;
	height: 10px;
	overflow: hidden;
	}

/*	Javascript diabled	*/

.rounded {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px;
	}


/* ----------------------------- Rounded Corners on Images ------------------------------------ */

img {
	vertical-align: top;
	}

div.wrapper {
	position: relative;
}

div.wrapper img {
	margin: 0;
}

div.wrapper div {
	position: absolute;
	width: 100%;
	height: 100%;
}

div.wrapper div.tl {
	background: transparent url(/images/bg-img-tl.gif) top left no-repeat;
}

div.wrapper div.tr {
	background: transparent url(/images/bg-img-tr.gif) top right no-repeat;
}

div.wrapper div.bl {
	background: transparent url(/images/bg-img-bl.gif) bottom left no-repeat;
}

div.wrapper div.br {
	background: transparent url(/images/bg-img-br.gif) bottom right no-repeat;
}


/* ----------------------------- SIFR ------------------------------------ */
/* This goes in the stylesheet to hide the browser text before it is replaced */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
}

.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;
}

.one .step1 { font-weight:bold; }
.two .step2 { font-weight:bold; }