/*the following prepared style rules determine colors, fonts, layout, and text wrap around the image in the content area*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	background-color: #3C4138;
}

h1 {
	font-size: 2em;
}

#container {
width: 800px;
background: #FFF;
margin: 0 0 0 1em;
}
#content {
	margin: 0 2em 2em 15em;
}
#content img {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	}
#nav { 
	width: 150px;
	float: left;
	margin-right: 3em;
}

#nav ul {
	width: 150px;
}

/*start writing the new style rules below this comment*/

#siteName {
	width: 800px;
	height: 150px;
}	

#siteName h1 {
font-style: italic;
color:#FFCC00;
text-align: right;
background-image: url(360bridge.jpg);
padding: 120px 0 0 0;
}
h2 {
font-size: 1.7em;
}

h3 {
font-size: 1.5em,
}

.pageName {
font-variant: small-caps;
color: #3C4138;
border-bottom: 3px dotted #3C4138;
}

.feature {
background:url(yellowgradient.gif) repeat-y right;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding-left: 1em;
}

.extra {
background: url(star.gif) no-repeat left center; padding-left: 1em;
}

#pageName h2 {
margin: 0;
}

#pageName h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #D0B26F;
letter-spacing: 0.4em;
text-align: right;
border-bottom: 1px dotted #D0B26F;
}