body {
text-align:center;
background-color: #b4b7a1;
color: white;
font-size:0.8em;
}

.title {
 color:#9c3d22;
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:bold;
 line-height:22pt;
 padding:0;
 margin:0;
}

.subtitle {
 color:#676767;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 line-height:12pt;
 padding:0;
 margin:0;
}

p, li {
 color:#676767;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:12pt;
 padding:0;
 margin:0;
}

a:link {
color:#333333; text-decoration:none;
}

a:visited {
color:#999999; text-decoration:none;
}

a:hover {
color:#333333; text-decoration:underline;
}

a:active {
color:#333333; 
}



#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active
{
position:static;
width:auto;
height:auto;
}

.clear {
clear:left;
}

#wrapper-shadow {
margin: 0 auto;
width: 800px;
text-align:left;
padding:0;
background: #ffffff url(graphics/background-gradient.png) repeat-y;
}

#wrapper {
position:relative;
top:0;
left:0;
width:760px;
text-align:left;
background-color:#ffffff;
border: 16px solid #ffffff;
border-right-width:0;
}

#header {
height:114px;
color: #ffffff;
font-size:1.3em;
margin-top:-6px;
padding:0;
background-image:url(graphics/header-bg.jpg);
background-repeat:repeat-x;
bakcground-color: #ffffff;
}

#header img {
border:0;
}

/*navigation bar*/
#nav {
	width:760px;
	padding:0;
	margin:0;
	height:34px;
	background-color: #FFFFFF;
	border-bottom:medium solid #bDc68D;
	color:#111111;
}

#nav ul {
	margin: 0 auto;
	padding: 0;
	width:760px;
	list-style: none;
}

#nav a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	padding-top:10px;
	width: 11.85em;
	padding-bottom:12px;
	color: #676767;
}

#nav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color: #676767;
}

#nav a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color: #95937c;
}

#nav li {
	float: left;
	text-align: center; 
	width: 11.85em;
	list-style-type: none;
}
/*end navigation bar*/

#main-content {
clear:left;
width:760px;
padding:O;
margin:0;
border-top:6px solid #ffffff;
}

#content-full {
width:760px;
padding:5px;
margin:0;
border-bottom:12px solid #ffffff;
}

/* E: I think I may have edited this from the original
      but now I can't remember... */

#content-left {
/*Float this content to the left
as long as width is not wider than wrapper
and position is relative*/
position:relative;
float:left; 
width:345px;
padding:5px;
color: #111111;
font-size:1.2em;
border-top:6px solid #467daa;
}

/* E: Added this to 'stack' the columns on the left */

#content-left-bottom {
	/*Float this content to the left
as long as width is not wider than wrapper
and position is relative*/
position:relative;
	float:left;
	width:345px;
	padding:5px;
	color: #111111;
	font-size:1.2em;
	border-top:6px solid #467daa;
	clear: left;
}

#content-right {
	/*Float this content to the right
as long as width is not wider than wrapper
and what is floated to left and position 
is relative*/
position:relative;
	float:right;
	width:345px;
	padding:5px;
	color: #111111;
	font-size:1.2em;
	border-top:6px solid #467daa;
}

#footer {
clear:both; /*This is needed to clear the above floats*/
width:760px;
text-align:center;
background-color:#ffffff;
}

/*Footer bar*/
#footer-bar {
	width:760px;
	padding:0;
	margin:0;
	height:16px;
	background-color: #FFFFFF;
	color:#676767;
}

#footer-bar ul {
	margin: 0 auto;
	padding: 0;
	width:765px;
	list-style: none;
	border-top:1px solid #676767;
	border-bottom:1px solid #676767;
}

#footer-bar a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color: #676767;
	padding-top: 6px 0 12px 0;
	width: 14em;
}

#footer-bar a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color: #676767;
}

#footer-bar a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color: #95937c;
}

#footer-bar li {
	float: left;
	text-align: center; 
	width: 14em;
	list-style-type: none;
}
/*end footer bar*/

#footer img {
margin:0 auto;
border:0;
}