/* ------------------------------------------------------------------------------------------------------
/* styles.css
/* ----------------------------------------------------------------------------------------------------*/

<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;
	}
			
	table.zebra {
		border-collapse: collapse;
		width: 100%;
		border-bottom: 4px solid PowderBlue;
	}
	
	th.zebra {
		padding: 2px 12px;
	}

	td.zebra {
		vertical-align: top;
		padding: 2px 12px;
	}
			
	/* ------------------------------------------------------------------------------------------------------
	/* Font family and case
	/* ----------------------------------------------------------------------------------------------------*/

	p, p.body, p.answer,
	li, 
	strong.body, strong.goal
	td.zebra {
		font-family: Georgia, Garamond, "Times New Roman", Times, serif; 
	}
	
	blockquote, caption, em,
	h1, h2, h3,
	strong.body, strong.goal, 
	p.caption, p.copyright, p.goal, p.heading, p.question, p.subtitle, p.title,
	th.zebra,
	.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.answer, p.body, p.goal, p.question, p.quote, td.zebra {
		font-size: 16px;
		line-height: 24px;
	}

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

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

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

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

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

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

	blockquote, 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;
	}

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

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

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

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

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

	blockquote, caption, h3, .leftward, li, p, p.body, p.caption, p.question, p.answer, p.quote, .rightward, td.zebra {
		color: #663300;
	}

	caption, h1, h2, p.copyright, p.title, p.subtitle, p.heading {
		color: Navy;
	}

	p.copyright {
		color: Gray;
	}
	
	p.choice {
		color: Firebrick;
	}
	
	.stripe {
		background-color: PowderBlue;
	}
			
	th.zebra {
		background-color: MidnightBlue;
		color: White;
	}

	/* ------------------------------------------------------------------------------------------------------
	/* 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(http://www.ColonialCamp.com/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
	/* ----------------------------------------------------------------------------------------------------*/
	
	a:link {
		text-decoration: none;
		color: Sienna;
	}

	a:visited {
		text-decoration: none;
		color: Peru;
	}

	a:hover {
		text-decoration: none;
		color: White;
	}

	a:active {
		text-decoration: none;
		color: Red;
	}

	a.choice:link {
		text-decoration: none;
		color: Firebrick;
	}

	a.choice:visited {
		text-decoration: none;
		color: Firebrick;
	}

	a.choice:hover {
		text-decoration: none;
		color: White;
	}

	a.choice:active {
		text-decoration: none;
		color: Red;
	}

	a.graphic:hover {
		border-bottom: 0;
	}
		
	/* ------------------------------------------------------------------------------------------------------
	/* 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;
	}
	
	#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>