@charset "utf-8";
body {
	background-color: #D6D8D3;
	background-attachment: scroll;
	background-image: url("Chariot Images/clouds2.jpg");
	background-repeat: repeat;
	padding:0;
	margin:0;
	font:11pt/1.5 sans-serif;

}
#wrapper
{
	width: 90%;
	margin: 10px auto;
	padding: 1em;
}

#top
{
	background-image: url("Chariot Images/chariot_banner.jpg");
	padding: 1em;
	background-color: #BFB3B3;
	border-bottom: 1px solid gray;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 1em;
	height: 110px;
	line-height: 2.5em;
	max-width: 841px;

}
#top h1
{
	padding: 0;
	margin: 0;
	text-align: right;
}
#top h2
{
	padding: 0;
	margin: 0;
	text-align: right;
	font-variant: normal;
}
#leftnav
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
	background-color: #B8959B;
}
#cssChange h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	bottom: 0px;
	height: 120px;
	margin: 0 0 10px 0;
	width: 170px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	z-index: 5;
	visibility: visible;
	background-image: url("Chariot Images/css_style_frame.jpg");
}

#cssChange h2 span
{
display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#Technical h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	bottom: 0px;
	height: 120px;
	margin: 0 0 10px 0;
	width: 170px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	z-index: 5;
	visibility: visible;
	background-image: url("Chariot Images/short_frame.jpg");
}

#Technical h2 span
{
display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#leftnav_footer h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	bottom: 0px;
	height: 120px;
	margin: 0 0 10px 0;
	width: 170px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	z-index: 5;
	visibility: visible;
	background-image: url("Chariot Images/maiden.jpg");
}

#leftnav_footer h2 span
{
display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#content
{
	margin-left: 190px;
	border-left: 4px solid gray;
	padding: 1em;
	background-color: #C5B7B4;
	max-width: 650px;
}

#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-bottom-style: groove;
	border-top-color: #C6C8C1;
	border-right-color: #C6C8C1;
	border-bottom-color: #C6C8C1;
	border-left-color: #C6C8C1;
	border-right-style: groove;
	background-color: transparent;
}
/* this will add an indent to each P paragraph*/
#content p {
text-indent: 1.5em;
  margin-bottom: 0 }
#content p + p {
  text-indent: 1.5em;
  margin-top: 0 }

/* sytle and suppress the headers in each section so that
we can bring in customized JPG headers!
*/
#Summary h2, #Experience h2, #Education h2, #Info h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	bottom: 0px;
	height: 50px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: 0px top;
	visibility: visible;
	background-image: url("Chariot Images/summary_banner.jpg");
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* each of these has their own customized banner */
#Experience h2{
background-image: url("Chariot Images/experience_banner.jpg");
}
#Education h2{
background-image: url("Chariot Images/education_banner.jpg");
}

#Info h2 {
background-image: url("Chariot Images/info_banner.jpg");
}

/* and this suppresses teh TEXT in teh XHTML */
#Summary  h2  span, #Experience  h2  span, #Education  h2  span, #Info  h2  span, #Header h1 span, #Header h2 span
{
display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
	}
	
#footer
{
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #333;
	border-top: 1px solid gray;
	/* put in the chariot lady */
	background-image: url("Chariot Images/footer_banner.jpg");
	background-color: #BFB3B3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 1em;
	height: 110px;
	line-height: 2.5em;
	max-width: 841px;
	background-repeat: no-repeat;
}
#footer h2{
	background-color:#AF9B82;
	background-image: url("Chariot Images/clouds2.jpg");
	bottom: 10px;
	top: 0px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* floats left and right, should we need them! */
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight {
	float: right;
	margin: 400px;
}