body {
	text-align:center;
	font: 62.5% arial, verdana, sans-serif; 
	margin:0;
	padding:0;
	color: #333;
}

#wrapper {
	width: 774px; 
	margin:0 auto;
	text-align:left;
}

#branding {background: url(../images/bg-logo.gif) repeat-x }

/* Generic Textual elements 
------------------------------------------------------------------------------
*/

h1 {
	color: #fff; 
	font-family: "Trebuchet MS", verdana, sans-serif; 
	font-weight: 200; 
	letter-spacing: .05em;
	padding: .2em 0;
	margin: 35px 0 0 240px;
	font-size: 2.2em;
}
h2 {font: 1.5em "Trebuchet MS", verdana, sans-serif; color: #2c2c2c;}

h3 {
	color: #d15f2c; 
	font-family: "Trebuchet MS", verdana, sans-serif; 
	font-weight: 200; 
	font-size: 1.5em;
 }

p {
	font-size: 1.2em;
}
p.note {
	font-size: 60%;
}
a {color: #d15f2c;text-decoration:none;}
a:hover {text-decoration:underline}

img {border:0}

ul {
	font-size: 1.2em;
}

ol {
	font-size: 1.2em;
}


/* NAVIGATION 
------------------------------------------------------------------------------
*/
#navigation {
	float:left;
	clear:both; 
	width: 100%;
	background: url(../images/bg-nav.gif) repeat-x top #696969;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	font-size: 1.1em;
}

#navigation ul {
	float:left;
	margin: 0 ;
	padding:0;
	width: 100%;
	font-size: 1em;
}

#navigation ul li {
	list-style:none;
	float:left;
	margin:0; 
	padding:0; 
	line-height: 2em; 
	
}

#navigation ul li a {
	float:left;
	padding: 0 1.5em .1em 1.5em; 
	text-decoration:none;
	color: #fff; 
	border-right: 1px solid #fff;
	background: url(../images/bg-nav-corner.gif) no-repeat right top transparent;
}

#navigation ul li.first a {padding-left: 20px}

#navigation ul li a:hover,
#navigation ul li.on a {background: url(../images/bg-nav-hover.gif) no-repeat right top}

/* Breadcrumb Nav */
#breadcrumb { 
	clear:both;
	padding: 10px 10px 0 10px;
	text-align:left;
}
#breadcrumb ul {
	margin:0; 
	padding:0;
}
#breadcrumb ul li {
	list-style:none; 
	margin:0; 
	padding:0; 
	display:inline;
	font-weight:bold;
	color: #555;
}
#breadcrumb ul li a {color: #d15f2c; font-weight:normal}

/* Home page layout
------------------------------------------------------------------------------
*/
#content {
	float:left;
	width: 100%;
}

/* commented backslash hack v2 \*/
#content, .homeContent {clear:both}
/* end hack */

.homeFeature {
	float:left; 
	width: 100%; 
	background: #d57650;
}
.homeFeature ol {
		font-size: 1.2em;
		padding-right:20px;
}
.homeFeature img {
	float:left; 
	width: 514px; 
	margin-right: 1px;
}

.homeFeature div {
	float:right; 
	width: 255px;
}
.homeFeature div h2 {
	background: #eee0d9; 
	color: #d15f2c; 
	margin:0; 
	padding: 10px 20px; 
}
.homeFeature div p {
	color: #fff; 
	padding-left: 20px;
	padding-right: 10px;
}

.homeFeature div a {color: #fff; text-decoration:underline}
.homeFeature div a:hover {text-decoration:none}

/* commented backslash hack to hide from ie5 for mac \*/
#content, .homeContent {clear:both}
.homeFeature img {margin-right:0}
.homeFeature div {width: 260px;}
/* end hack */

.homeContent {
	float:left; 
	width: 100%; 
	background: url(../images/bg-hcontent.gif) repeat-y;
}
.message {
	clear:left; 
	float:left; 
	width: 514px;
}
.pressrelease {
	float:left; 
	width: 260px;
}

.message h2,
.pressrelease h2 {
	padding: 10px 20px 10px 20px; 
	margin:0;
}

.message p,
.pressrelease p {
	padding: 0px 20px 10px 20px; 
	margin:0;
}

.message, 
.pressrelease {padding-bottom: 15px}


/* Section page layouts
------------------------------------------------------------------------------
*/

.pageTools {display:block; text-align:right; padding-top: .5em}

#sectionHeading {background: url(../images/bg-header.gif) repeat-x; height: 99px; }
#sectionPhoto {float:left; width: 200px; }

#mainContent { float:left; width: 530px; padding-left: 40px; }
#mainContent h2 { margin-top: 0; }
#mainContent h3 img { margin-right: 10px; }
#mainContent h3.noImage { margin: 10px 0 0 0px; padding: 0px; }


.featureWrapper { float: left; padding-bottom: 10px;}
.feature p { padding-left: 0px; }
.feature { float:left; width: 250px; padding: 0 10px 10px 0;}


/* FOOTER
------------------------------------------------------------------------------
*/
#footer {
	clear:both; 
	float:left; 
	width: 750px;
	margin-top:1em;
	padding-left: 20px;
	border-top: 1px solid #cacaca;
}

#home #footer {border-top:0}

#footer ul {
	margin:1em 0;
	padding:0;
	color: #555
}

#footer ul li {
	margin:0;
	padding:0;
	display:inline;
}

#footer ul li a {
	border-right: 1px solid #555;
	padding: 0 .6em 0 .2em;
	
}	

#footer ul li.last a {border-right:none}
