/* Modified HTML Tags */
html, body {
	background-color: #ffffff;
	color: #666666; 
	margin: 0px; 
	padding: 0px;
	}

html, body, h1, h2, h3, h4, h5, h6, div, span, a, p, ul, li, input {
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {		/* Used for section and document titles */
	color: #999966; 
	font-size: 130%; 
	font-weight: bolder; 
	}

h3 {		/* Used for subheadings within the body of a document */
	color: #666666;
	font-size: 110%; 
	font-weight: bold; 
	}

img {		/* Sets default display of img tag */
    border: none;
	}

a {
	color: #999966; 
	text-decoration: none;
	}

a:link {
	color: #999966;
	}

a:visited {
	color: #999966;
	}

a:hover {
	color: #333333; 
	text-decoration: underline; 
	}

/* New Classes */
.blog {		/* Settings for each blog's body */
	margin-top: -2em;
	}

.caption {  
	color: #999999;
	font-size: 90%;		/* Usually 90% of #Content's value */ 
	font-weight: lighter; 
	}

.invisible, .invisible a {		/* Used to hide content from CSS-compliant browsers */ 
	display: none; 
	font-size: 0px;
	}

.pad5px {		/* Adds padding to img tag */
	padding: 5px;
	}

.sidebar {  
	color: #666666; 
	font-size: 90%; 		/* Usually 90% of #Content's value */ 
	line-height: 90%;		/* Usually 90% of #Content's value */ 
	}

.spacer {		/* Clears float values for a new section */
	clear: both;
	}


/****** The Three Main Document Sections ******/
#Wrapper {		/* Holds all div tags and content */
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

#TopSection {		/* Holds #Header and #Logo */
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

#MidSection {		/* Holds #Menu, #RotatingPhoto, and #Content */
	margin-left: 50px;
	margin-right: 50px;
	padding: 0px;
	}

#BottomSection {		/* Holds #Counter and #Footer */
	margin-left: 50px;
	margin-right: 50px;
	padding: 0px;
	}


/****** TopSection's Children ******/
/* HEADER: First row, contains primary navigation */
#Header {		/* Provides structural info for the top div navigational bar */
	background-color: #999966; 
	color: #ffffcc;
	font-size: 75%; 
	font-weight: bold; 
	margin: 0px;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	position: relative;
	}

#Header span a {		/* Settings for each span, which acts as a button */
	color: #ffffcc; 
	display: inline;		/* Makes the links active for the full width of the span */
	margin: 0px;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	text-decoration: none; 
	text-transform: lowercase;
	}

html>#Header span a {		/* IE/Windows doesn’t understand child selectors and ignores this rule. Netscape needs it. */
	width: auto;
	}

#Header span a:hover {		/* Creates the color changes on the background and text when moused over */
	background-color: #cccc99;
	color: #333333;
	}

#Header span a.newsite {		/* Settings for each span, which acts as a button */
	color: #A40802; 
	}

#Header span a.newsite:hover {		/* Creates the color changes on the background and text when moused over */
	background-color: #E8C1C0;
	color: #A40802;
	}

#Header .pipe {		/* Used to hide content from CSS-compliant browsers */ 
	display: none;
	}

/* discrete "site moved" notice */
#sitemovednotice {
	background: transparent;	
	color: white;
	display: block; 
	font-size: smaller;
	font-weight: bold; 
	overflow: hidden; 
	padding: 0.25em 0;
	text-align: center;
	text-decoration: none;
	}

#sitemovednotice:focus, #sitemovednotice:hover, #sitemovednotice:active {
	background: #E8C1C0; 
	color: #A40802;
	}

/* LOGO: Second row, contains Jason Pearce logo*/
#Logo {
	margin-bottom: 0em;
	margin-right: 1em;
	margin-top: 0.5em;
    text-align: right;
	position: relative;
	}


/****** MidSection's Children ******/
/* MENU: First column, contains secondary navigation */
#Menu {
	color: #999999;
	float: left;
	font-size: 80%;
	margin: 10px;
	width: 165px; 
	}

#Menu h1 {
	text-transform: lowercase; 
	}

#Menu ul {		/* Reduces the indentation of bulleted lists */
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 0em;
	margin-top: 0em;
	padding-bottom: 0px; 
	padding-left: 5px; 
	padding-right: 0px; 
	padding-top: 0px; 
	text-transform: lowercase; 
	}

#Menu a {
	color: #999999; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform: lowercase;
	}

#Menu a:link {
	color: #999999;
	}

#Menu a:visited {
	color: #999999;
	}

#Menu a:hover {
	color: #999966; 
	text-decoration: underline;
	}

#RotatingPhoto img {
	border: 1px solid #cccccc;
	height: 240px;
	width: 165px;
	}

/* CONTENT: Second row, contains primary content */
#Content {
	border-left-color: #333333;
	border-left-style: dotted;
	border-left-width: 2px;
	float: left;
	font-size: 80%;
	margin: 10px;
	padding-left: 20px;
	width: 65%;
	}

#Content h1 {
	text-transform: capitalize; 
	}


/****** BottomSection's Children ******/
/* COUNTER: First column, not visabile, contains page counter */
#Counter {		/* The padding should be the same as #Menu */
	float: left;
	margin: 10px;
	visibility: hidden;
	width: 165px; 
	}

/* FOOTER: Second column contains footer */
#Footer {		/* The padding should be the same as #Content */
	border-left-color: #ffffff;
	border-left-style: dotted;
	border-left-width: 2px;
	color: #cccccc;
	float: left;
	font-size: 70%; 
	margin: 10px;
	padding-left: 20px;
	padding-bottom: 1em;		/* Adds space at bottom of page */
	width: 65%;
	}

#Footer a {
	color: #cccccc; 
	font-weight: normal;
	text-decoration: none; 
	}

#Footer a:link {
	color: #cccccc;
	}

#Footer a:visited {
	color: #cccccc;
	}

#Footer a:hover {
	color: #999966; 
	text-decoration: underline;
	}

#codeblock {
	background-color: #FFFFEE;
	margin: 1em;
	padding: 1em;
	border: 2px dashed #CCCCCC;
}

dl.audiwarnings {
	margin: 0 1em;
	padding: 0;
	}
dl.audiwarnings dt {
	clear: both;
	float: left;
	margin: 0.5em;
	padding: 0;
	text-align: right;
	height: 40px;
	width: 120px;
	}
dl.audiwarnings dd {
	border-top: 1px dashed #ccc;
	height: 40px;
	margin: 0.5em;
	padding: 0;
	padding-top: 15px;
	}

dl.normal {
	}
dl.normal dt {
	font-size: 105%;
	font-weight: bolder;
	}
dl.normal dd {
	margin-bottom: 1em;
	}

/* BEGIN third goal ad */
img#thirdgoal {
	height: 31px;
	width: 88px;
	}
/* END third goal ad */
