/* ------------------------------- */
/* Begin Top of Page Header Styles */
/* ------------------------------- */

body,html
{
	background-repeat:   no-repeat;
	background-position: 50% 25px;
	margin-top:2px;
}


#PageHeaderBoxLeft
{
	position:       absolute;
	left:           10px;		/* Affects IE */
	top:            102px;
/* top:            118px; */
	width:          132px;		/* Affects IE */
	padding-top:    2px;
	padding-bottom: 2px;
	background:     #7C996C;
	border-top:     1px solid #E6B17D;
	font:           10pt verdana,helvetica,sans-serif;
	color:          #001454;
	text-align:     center;
}

/* Part of the above IE hack in #page_header_box_left */
html>body #PageHeaderBoxLeft
{
	left:	8px;	/* Affects Firefox */
	width:	134px;	/* Affects Firefox */
}

#PageHeaderBoxRight
{
	position:    absolute;
	right:       10px;		/* Affects IE */
	top:         102px;
	width:       132px;		/* Affects IE */
	padding-top:    2px;
	padding-bottom: 2px;
	background:  #7C996C;
	border-top:  1px solid #E6B17D;
	text-align:  center;
	font:        10pt verdana,helvetica,sans-serif;
	color:       #001454;
}

/* Part of the above IE hack in #page_header_box_left */
html>body #PageHeaderBoxRight
{
	right:	8px;	/* Affects Firefox */
	width:	135px;	/* Affects Firefox */
}

/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */

#PageHeaderBoxCenter
{
	top:   95px; 
/*	margin-top:   80px; */
	text-align:   center;
	padding-top:    2px;
	padding-bottom: 2px; 
	background:   #7C996C;
	border-top:   1px solid #E6B17D;
	/* IE Hack Follows for more info goto http://glish.com/css/hacks.asp or http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	margin-left:  132px; /* Affects IE but not firefox */
	margin-right: 132px; /* Affects IE but not firefox */ 
	/* IE Hack Precedes */
	font:         10pt verdana,helvetica,sans-serif;
	color:        #001454;
}

/* Part of the above IE hack in #page_header_box_center */
html>body #PageHeaderBoxCenter
{
	top:   -20px;
	margin-left:  134px; /* Affects firefox but not IE */
	margin-right: 134px; /* Affects firefox but not IE */
}
/* End Part of the above IE hack in #page_header_box_center */
/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */



/* ------------------------------- */
/*  End Top of Page Header Styles  */
/* ------------------------------- */

/* ------------------------------- */
/* Begin Top of Page Nav Header Styles */
/* ------------------------------- */

/* */  /* */  /* */  /* */  /* */  /* */  /* */  /* */  /* */  /* */  /* */  /* */  /* */        
/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */

#TopNavHeaderBox
{
	position:relative;
	left: 0px;
	right: 0px;
	top: -1px;
	/* width: 125px;
	*/
	background: #E6B17D;
	border: 1px solid #7C996C;
	text-align: center;
	font: 9pt verdana,helvetica,sans-serif;
	color: #001454; 
}

/* ------------------------------- */
/*  End Top of Page Nav Header Styles  */
/* ------------------------------- */




/* ------------------------------- */
/*     Begin Holy Grail Styles     */
/* ------------------------------- */

#LeftContent
{
	position:   absolute;
	left:       8px;
	top:        146px;
	border:     1px #000000;
	border-top: 0px;
	width:      125px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:      123px;
}
html>body #LeftContent 
{
	width:      123px;
}


/* the next two styles contain the same hack mentioned above for IE. */
/*#CenterContent
{
	margin-top:   -30px;
	margin-left:  166px;
	margin-right: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left:  168px;
	margin-right: 32px;
	font:         11pt verdana,helvetica,sans-serif;
}

html>body #CenterContent
{
	margin-top:   -30px;
	margin-left:  168px;
	margin-right: 32px;
}
*/

/* the next two styles contain the same hack mentioned above for IE. */
#CenterContent
{
	position:absolute;
	left: 160px;
	top: 116px;
	right: 8px;
	font:         11pt verdana,helvetica,sans-serif;
}
/*
html>body #CenterContent
{
	margin-top:   -30px;
	margin-left:  168px;
	margin-right: 32px;
}
*/
/* ------------------------------- */
/*      End Holy Grail Styles      */
/* ------------------------------- */

/* ------------------------------- */
/*     Begin Navigation Styles     */
/* ------------------------------- */
/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */
#NavHeaderBox
{
	background: #7C996C;
	position:   absolute;
	left:       8px;
	top:        124px;
	height:     20px;
	border:     1px solid #001454;
	font:       11pt verdana,helvetica,sans-serif;
	text-align: center;
	color:		#001454;
	width:      126px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:      123px;
}
html>body #NavHeaderBox 
{
	width:      123px;
}
/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */

underline
{
	test-decoration: underline;
}

a
{
	color: #DF6E00;
	text-decoration: underline;
}

a:hover
{
	color: #001454;
	text-decoration: none;
}

a.white:link img
{
	border-color:white;
	color:white;
}

a.white:visited img
{
	border-color:white;
	color:white;
}

a.white:hover img
{
	border-color:#001454;
	color:#001454;
}

a.redlink
{
	color: red;
}

a.redlink:hover
{
	text-decoration: underline;
	color: #0066FF;
}
/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */
a.nav
{
	color:           #001454;
	text-decoration: none;
	display:         block;
	width:           125px;
	padding-top:     6px;
	padding-bottom:  6px;
	background:      #E6B17D;
	font:            10pt verdana,helvetica,sans-serif;
}

a.nav:hover
{
	color:           #001454;
	text-decoration: none;
/*	margin-left:     5px; */
	display:         block;
	width:           125px;
	padding-top:     6px;
	padding-bottom:  6px;
	background:      #7C996C;
	font:            10pt verdana,helvetica,sans-serif;
}
/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */
a.topnav
{
	color:           #001454;
	text-decoration: none;
/*	display:         block; */
/*	width:           60px;	*/
/*	background:      #F6F6F6;*/
/*	padding-top:     1px;*/
/*	padding-bottom:  1px;*/
	font:            10pt verdana,helvetica,sans-serif;
}

a.topnav:hover
{
	color:           #E6B17D;
	text-decoration: underline;
/*	margin-left:     5px;*/
/*	display:         block;*/
/*	width:           60px;*/
/*	padding-top:     1px;*/
/*	padding-bottom:  1px;*/
	background:      #001454;
	font:            10pt verdana,helvetica,sans-serif;
}

/* ------------------------------- */
/*      End Navigation Styles      */
/* ------------------------------- */
h1{
	font-family:   MarkerFelt,helvetica,sans-serif;
}

h2
{
	font-family: 14pt verdana,helvetica,sans-serif;
	font-weight: bold;
	text-align:center;
	color:#011458;
}
h3{
	font-family: 14pt verdana,helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	color:#5B7F47;
}


.heading
 {
	font: 14pt verdana,helvetica,sans-serif;
	font-weight: bold;
}

p
{
	font:        11pt verdana,helvetica,sans-serif;
	text-indent: 20px;
	line-height: 1.4em;
}

table
{
	margin-left: 30px;
}

td
{
	border: 0px;
	padding: 7px;
}

/*
ul
{
	font:        10pt verdana,helvetica,sans-serif;
	line-height: 30px;
}
*/

hr {border: 1px solid #FF3333;}

.p780{	margin:0 auto;width:750px; }


/* #7C996C  green */
/* #E6B17D  yellow */
/* #001454  blue */
#footer
{
	position: relative;
	bottom: 		2px;
	border:     1px solid #E6B17D;
	background: #7C996C;
	
	text-align: center;
	color:      #001454;
	width:      400px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:      398px;
}
html>body #footer 
{
	width:      398px;
}

.red {color :#f00;}

.pagewidth{
	width:750px;
	text-align:left;
}

a.greenlink
{
	color: #008800;
	text-decoration: underline;
}

a.redlink
{
	color: red;
	text-decoration: underline;
}

a.bluelink{
	color:blue;
	text-decoration:underline;
}

a.yellowlink
{
	color:yellow;
	text-decoration: underline;
}

a.orangelink
{
	color: orange;
	text-decoration: underline;
}

a.purplelink
{
	color: purple;
	text-decoration: underline;
}

a.olivelink
{
	color: #996;
	text-decoration: underline;
}

a.brownlink
{
	color: #663;
	text-decoration: underline;
}

a.blacklink
{
	color: black;
	text-decoration: underline;
}

.orientation1{
	background:#FFDBB7;
	width:750px;
	border: 1px solid #000000;
}

.orientation2{
	background:#CDCDFF;
	width:750px;
	border: 1px solid #000000;	
}

.center{
	text-align:center;
}


/* To make an image centered on the page, you must wrap the code below */
/* into a table: 	<table style="position:relative;margin:auto;width:10%;"> */
/* This is because of the "float" and the display being "inline-table" */

/* Or try wrapping in a div the same width as the pic <div style="width:350px;margin:0 auto"> */

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/img/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/img/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(/img/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  }


/* Broadstone Events */
.eventheading
{
	display: block;
	text-align: center;
	font-size: 1.3em;
}

/* Broadstone Header */
div.category
{
	margin: 0 auto;
	background-color: #7C996C;
	text-align: center;
}

.label {font-weight:bold;text-align:right}

.greenbox {background-color:#afcc9f;border:solid 1px;width:600px;margin:0 auto}