
<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++
+ styles.php
++++++++++++++++++++++++++++++++++++++++++++++++++ -->

<style type="text/css">

	/* ------------------------------------------------------------------------------------------------------
	/* Table features
	/* ----------------------------------------------------------------------------------------------------*/

	table.frame {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		table-layout: fixed;
		border-width: 0px;
	}
	
	td.frame {
		padding-top: 4px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	tr.frame {
		vertical-align: top;
	}
	
	table.menu {
		width: auto;
		left: 0px;
		margin-left: 0px;
		border-width: 0px;
	}
	
	tr.menu {
		border: 0px;
	}
			
	td.menu {
		border: 0px;
	}
			
	/* ------------------------------------------------------------------------------------------------------
	/* Font family and case
	/* ----------------------------------------------------------------------------------------------------*/

	p, p.body, p.answer, li, 
	strong.body, strong.goal {
		font-family: Georgia, Garamond, "Times New Roman", Times, serif; 
	}
	
	blockquote, caption, 
	h1, h2, h3,
	strong.body, strong.goal, 
	p.title, p.question, p.subtitle, p.heading, p.copyright, p.caption,
	.rightward, .leftward {
		font-family: Garamond, Georgia, "Times New Roman", Times, serif; 
	}

	p.choice {
		font-family: Georgia, Garamond, "Times New Roman", Times, serif; 
		font-variant: small-caps;
	}

	/* ------------------------------------------------------------------------------------------------------
	/* Font size and line height
	/* ----------------------------------------------------------------------------------------------------*/

	blockquote, li, p, p.body, p.question, p.answer, p.quote {
		font-size: 16px;
		line-height: 24px;
	}

	p.question, strong.body, strong.goal {
		font-size: 22px;
		line-height: 28px;
	}

	caption, .leftward, p.copyright, p.caption, .rightward {
		font-size: 18px;
		line-height: 22px;
	}

	h1, p.title {
		font-size: 36px;
		line-height: 40px;
	}

	p.choice {
		font-size: 24px;
		line-height: 36px;
	}

	h2, h3, p.subtitle, p.heading {
		font-size: 28px;
		line-height: 36px;
	}

	/* ------------------------------------------------------------------------------------------------------
	/* Text alignment
	/* ----------------------------------------------------------------------------------------------------*/

	blockquote, li, p, p.body, p.question, p.answer, p.quote {
		text-align: justify;
	}

	p.choice {
		text-align: justify;
		margin-top: 12px;
		margin-bottom: 5px;
		margin-left: 72px;
	}

	caption, .leftward, p.caption, p.title, .rightward {
		text-align: center;
	}

	h1, h2, h3, p.subtitle, p.heading {
		text-align: left;
	}
	
	p.copyright {
		text-align: right;
	}

	/* ------------------------------------------------------------------------------------------------------
	/* Font style and weight
	/* ----------------------------------------------------------------------------------------------------*/

	blockquote, li, p, p.body, p.answer, p.quote {
		font-style: normal;
	}

	h1, h2, h3,
	p.caption, p.copyright, p.title, p.question, p.subtitle, p.heading, p.choice,
	strong.goal, strong.body, 
	caption, 
	.leftward, .rightward, 
	em {
		font-style: italic;
	}

	p.choice {
		font-style: normal;
	}

	blockquote, caption, h1, h2, .leftward,
	li, p, p.body, p.question, p.answer, p.title, p.subtitle, p.heading, p.quote, p.copyright, p.caption,
	.rightward, strong.body, strong.goal {
		font-weight: normal;
	}
	
	/* ------------------------------------------------------------------------------------------------------
	/* Color
	/* ----------------------------------------------------------------------------------------------------*/

	blockquote, h3, li, p, p.body, p.caption, p.question, p.answer, p.quote, caption, .leftward, .rightward {
		color: #6D4B03;
	}

	caption, h1, h2, p.copyright, p.title, p.subtitle, p.heading {
		color: #3333CC;
	}

	p.copyright {
		color: gray;
	}
	
	p.choice {
		color: #902;
	}
	
	/* ------------------------------------------------------------------------------------------------------
	/* Font position
	/* ----------------------------------------------------------------------------------------------------*/

	p.quote {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.leftward { 
		float: left; 
		margin-right: 1em; 
	}
	
	.rightward { 
		float: right; 
		margin-left: 1em; 
	}
	
	.rightside { 
		float: right;
		top: 0px;
		right: 0px;
		margin-left: 3em; 
	}
	
	/* ------------------------------------------------------------------------------------------------------
	/* Text borders
	/* ----------------------------------------------------------------------------------------------------*/

	p.title {	
		padding-bottom: 12px;
		background: url(/Images/Flourish/horizontal.gif) no-repeat 50% 100%;
	}
	
	.pullquote {
		color: inherit;
		width: 4in;
		margin-left: 72px;
		margin-top: 48px;
		margin-bottom: 12px;
	}
	
	.shadow {
		background-color: LightGrey; /*shadow color*/
		color: inherit;
	}
	
	.shadow, .pulltext {
		position: relative;
		bottom: 10px;
		right: 10px;
	}
	
	.pulltext {
		margin-top: 20px;
		background-color: #fff; /*background color of content*/
		color: #000; /*text color of content*/
		border: 1px solid #fff; /*border color*/
		padding: 12px 48px 12px 48px;
	}
	
	/* ------------------------------------------------------------------------------------------------------
	/* List style
	/* ----------------------------------------------------------------------------------------------------*/

	ul {
		list-style: square outside;
	}
	
	/* ------------------------------------------------------------------------------------------------------
	/* Links
	/* ----------------------------------------------------------------------------------------------------*/
	
	.test a:link {
		text-decoration: none;
		color: #902;
	}
	
	.test a:visited {
		text-decoration: none;
		color: #902;
	}
	
	.test a:active {
		text-decoration: none;
		color: #902;
	}
	
	.test a:hover {
		text-decoration: none;
		color: white;
	}

	/* ------------------------------------------------------------------------------------------------------
	/* Container assignments
	/* ----------------------------------------------------------------------------------------------------*/

	#old-banner {
		font-family: Trebuchet MS, verdana, arial, sans-serif;
		color: #FFF;
		background:  url(http://www.ColonialCamp.com/Images/Background/logo.jpg);
		background-position: center left;
		background-repeat: no-repeat;
		font-size: medium;
		line-height: 40px;
		font-weight:bold;
		padding-left:25px;
		padding-right:20px;
		padding-top:80px;
		padding-bottom:0px;
		text-align: right;
	}
		
	body {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin: 0; 
		padding: 0; 
	}
	
	#crown {
		position: relative;
		width: 100%;
		top: 0%;
		background: #7b9dd1;
		padding-top: 10px;
	}
	
	#banner {
		position: relative;
		width: 100%;
		top: 0%;
		background: url(/Images/Background/tear.gif);
		/* background-position: 80% bottom; */
		background-repeat: repeat;
		/* background: #3365b0; */
		padding-top: 0%;
		/* border-top: 8px solid #7b9dd1; */
		/* border-bottom: thick solid #00265f; *
		/* background-position: top left;
		background-repeat: repeat-x; */
	}
		
	#directory {
		/* font-family: Trebuchet MS, Verdana, Arial, sans-serif;
		color: #FFF;
		font-size: X-large; */
		background: url(/Images/Background/colonial.gif);
		background-position: 80% bottom;
		background-repeat: no-repeat;
		z-index: 2;
		position: relative;
		/* width: 100%; */
		top: 0%;
		/* left: 55%; */
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 82px;
		padding-bottom: 10px;
	}
	
	#bannerBase {
		text-align: center;
		/* font-family: Trebuchet MS, Verdana, Arial, sans-serif;
		color: #FFF;
		font-size: X-large;
		background:#FFF; */
	}
		
	#banner a {
		/* font-family: Trebuchet MS, Verdana, Arial, sans-serif;
		color: #FFF;
		font-size: X-large;
		line-height: 3em;
		background: none; */
	}
		
	#bannerBase {
		background: #FFF;
		text-align: center;
	}
	
	a:link {
		text-decoration: none;
		color: green;
	}
	
	a:hover { 
		color: #a43a08;
	}
	
	a.graphic:hover {
		border-bottom: 0;
	}
		
	a:visited {
		text-decoration: none;
		color: #398bd8; 
	}
		
	a:active {
		color: #98360c; 
	}
			
	#tent {
		z-index: 1;
		position: absolute;
		top: 20%;
		right: 20%;
	}
	
	div#content {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
		
	#foot {
		padding-top: 60px;
		margin-right: 10%;
		margin-left: 10%;
		font-family: Trebuchet MS, verdana, arial, sans-serif;
		color:#FFF;
		font-size: medium;
		font-weight:bold;
		text-align: left;
	}
	
</style>