a:link {  color: #418200}
a:hover {  color: #2F76BD}
a:active {  color: #2F76BD}
a:visited {  color: #19558D}

body 	{  
	background-image: url(images/sidebar-texture_background.gif); 
	background-position: left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#header-stripe {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width:  100%;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#sidebar {
	position: absolute;
	top: 68px;
	left: 0px;
	}

#content {
	position: absolute;
	top: 46px;
	left: 66px;
	width: 609px !important; 
	width: 640px; 
 	padding: 12px 0px 0px 30px !important;
 	padding: 54px 0px 0px 30px;
	margin: 0px 0px 30px 28px;
/*	background-color: #f4f4f4;    */
	}

.header-title {
	position: absolute;
	top: 10px;
	left: 495px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	z-index: 5;
	}

#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #f4f4f4;
	}

h1 	{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 110%; 
	font-weight: bold;
	color: #336600; 
	margin: 40px 0px 8px 0px; 
	padding:  0px 0px 0px 0px;

	}

h2 	{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	margin:  20px 0px 10px 0px;
	padding: 0px 0px 0px 0px; 	
	}

p 	{  
	font-size: 90%; 
	line-height: 125% !important;
	line-height: 124%;
	margin:  0px 0px 12px 0px;
	padding: 0px 40px 0px 0px; 	
	}

.garnish {
	margin:  15px 0px 25px 25px !important;
	margin:  15px 0px 25px 25px;
	float:  right;
	border:  1px solid black;
	padding:  0px 0px 0px 0px;	
	}

.garnish-wrapper {
	margin:  15px 0px 25px 25px !important;
	margin:  15px 0px 25px 25px;
	float:  right;
	border:  1px solid #000000;
	padding:  0px 0px 0px 0px;
	width:  225px !important;
	width:  225px;	
	}
	
.garnish-withcaption { 
	margin:  0px 0px 0px 0px;
	float:  right;
	border:  1px solid black;
	padding:  0px 0px 0px 0px;	 
	}
	
.garnish-caption {
	font-size:  70%;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #f4f4f4;
	color:  #666666;
	}

.quote {
	font-size:  80%;
	margin:  15px 265px 18px 20px;
	}

.quote-wrapper {
	margin:  25px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	color:  #5F755F;
	}

.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	padding:  10px 0px 24px 0px;
	margin:  27px 0px 0px 0px;
	border-top:  1px solid #808080;
	}


#calendar {
	width:  378px !important;
	width:  375px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 78%;
	border:  1px solid #cccccc;
	margin: 10px 0px 30px 0px !important;
	margin: 0px 0px 30px 0px;
	padding:  11px 0px 11px 0px !important;
	padding:  25px 0px 5px 0px;
	}

#calendar li {
	padding:  0px 0px 4px 0px !important;
	padding:  0px 0px 18px 0px;
	margin:  0px -10px 0px 0px;
	}

.indent {  
	margin-left: 25px
	}


select 	{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	}

.main 	{  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	}

input 	{  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	font-weight: bold;
	}

.verdana {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	}

.verdanabold {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%;	font-weight: bold;
	}

.verdana-form { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	}


ul 	{
	font-size: 90%;     
	line-height: 123%;  
	}

ol 	{
	font-size: 90%;     
	line-height: 123%;  
	}

li 	{
	padding:  0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	}


#content li {
	padding:  0px 0px 4px 0px;
	margin:  0px 50px 0px 0px;
	}

hr {
background-color:  #808080;
color: #808080; /* this color shouldn't matter, but IE color instead background-color */
height: 1px;
width: 100%;
border: 0; 
}

.inset {
	border:  1px solid #ccc;
	width:  187px !important;
	width:  227px;
	background-color: #f4f4f4;
	padding:  24px 18px 23px 20px;
	margin:  25px 0px 25px 25px !important;
	margin:  25px 0px 25px 25px;
	float:  right;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	line-height:  130%;
	}

.inset-home-wrapper {
	width: 211px !important;
	width: 151px;	 
	float: right;
	margin:  0px 0px 35px 20px !important;
	margin:  0px 0px 30px 20px;
/*	background-color:green; */
	}

.inset-home1 {
	border-top:  3px solid #8F0000;
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	border-left:  1px solid #ccc;
	width:  177px !important;
	width:  211px;
	background-color: #f4f4f4;
	padding:  12px 12px 12px 20px;
	margin:  12px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	line-height:  130%;
	}

.inset-home2 {
	border-top:  3px solid #185690;
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	border-left:  1px solid #ccc;
	width:  177px !important;
	width:  211px;
	background-color: #f4f4f4;
	padding:  12px 12px 12px 20px;
	margin:  16px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	line-height:  130%;
	}

.inset-home3 {
	border-top:  3px solid #D8B86B;
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	border-left:  1px solid #ccc;
	width:  177px !important;
	width:  211px;
	background-color: #f4f4f4;
	padding:  12px 12px 12px 20px;
	margin:  16px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	line-height:  130%;
	}

.inset-home-charisms {
	border:  1px solid #ccc;
	width:  173px !important;
	width:  213px;
	background-color: #f4f4f4;
	padding:  24px 18px 23px 20px;
	margin:  25px 0px 25px 25px !important;
	margin:  25px 0px 25px 25px;
	float:  right;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	line-height:  130%;
	}

.inset-stack {
	border:  1px solid #ccc;
	width:  187px !important;
	width:  227px;
	background-color: #f4f4f4;
	padding:  22px 18px 21px 20px;
	margin:  10px 0px 10px 25px !important;
	margin:  10px 0px 10px 25px;
	float:  right;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	line-height:  130%;
	}

.inset-stack p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	padding-top:  3px;
	margin-bottom:  0px;
	margin-right:  3px;
	padding-right:  0px;
	
	}

.inset-source {
	color:  #52A400;
	text-align: right;
	font-size: 100%;
	}

.toc-photos  {
	color:  #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding:  0px 0px 0px 0px;
	margin:  25px 10px 20px 0px; 
	}

.toc-photos a {
	padding: 4px 15px 4px 13px;
	color: #000000;
	text-decoration: none;
	border:  1px solid #373730;
	}
	
.toc-photos a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #4F4F44;
	border:  1px solid #5E5E51;
	}	

.specialnote {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	}

textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	}   
	
.last-updated {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	margin:  -27x 0px 70px 0px !important;
	margin:  -7x 0px 20px 0px;
	}

.highlight {
	font-weight:  bold;
	font-size: 90%;
	color:  #C60005;
	}


.form-table {
	background-color: #f4f4f4;
	font-size: 80%;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	width:  450px;
	padding:  5px 10px 0px 10px;
	margin:  15px 10px 0px 10px;
	}

.form-table input, textarea {
	font-size: 90%;
	font-weight: bold;
	padding:  3px;
	}



/********* SECTION 3: Header Dropdown ************/

#buttons {
	position: absolute;
	top: 43px;
	left: 91px; 
	width:  412px;
	font-size: 78%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	z-index: 3;  
	margin: 0px 0px 0px 0px !important;
	margin: 1px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
/*	border-top: 1px #000000 solid; 
	border-bottom: 1px #000000 solid; */
	}

/* This places the top menu (with dropdowns) at the right side of the screen.*/
/* Works in conjunction with the "position: absolute" value above.*/
#nav, #nav ul {
	float: right;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	border-left: 1px #000000 solid;
	list-style : none;
	/* Adding the background makes the entire button active on mouseover in IE */
	background: #e4e4e4; 
	/*width: 36em;
	line-height: 1;
	font-weight: bold;
	border: solid #CCCCCC;
*/
	}

/* This displays the top menu items in a horizontal row, instead of their natural list positioning. */
/* ALSO:  use this code for active first level buttons -- commented out they are inactive */

#nav .first-level {
	display: block; 
	text-align: center;
	border-right: 1px #000000 solid;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	color: #2D5900;
	}

#nav a:link    { color: #2D5900; text-decoration: none;	}
#nav a:visited { color: #2D5900; text-decoration: none;	}
#nav a:active  { color: #2D5900; text-decoration: underline; }  
#nav a:hover   { color: red; text-decoration: underline; }


/* Displays a "more" arrow for 2nd-level dropdown menu items (not currently used)  
#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
	}  */

/* This displays the top menu items at the left side of their "display: block" area. */
/* "width" controls the closeness of the top menu items to one another.  */
#nav li {
	float: left;
	width: 82px;
	}

/* Controls display properties of the dropdown menu items. */
#nav li ul {
	/* "background" and "padding" help create the illusion /*
	/* color hex for background is dark blue, like header background */
	/* that the dropdown menus appear slightly below the top menu items. */
	/* (currently unused) */
	background: #0C394C; 
/*	padding: 5px 0 0 0; */
	position: absolute;
	font-weight: normal;
	font-size:  100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	left: -999em;
	height: auto; 
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #414141;
	border-left: 1px solid #414141;
	border-right: 1px solid #414141;
	border-top: 1px solid #414141;
	}

/* Affects the appearance of the dropdown menu item background. */
/* Affects the width of the beveled background in Mozilla/Netscape/Opera */
#nav li li {
	background: #e4e4e4;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #ffffff;
	z-index: 2; 
	}

/* Affects the width of the menu item menu text and rollover highlight. */
/* (See last "hover" style below */
#nav li ul a {
	border-style: none;
	text-align: left;
	padding: 4px 8px 4px 8px; 
	margin: 0px 0px 0px 0px;
	}

/* Further affects the appearance of the text in each dropdown menu item. */
#nav li ul a:link    { color: #396E3A; text-decoration: none;	}
#nav li ul a:visited { color: #00548F; text-decoration: none;	}
#nav li ul a:active  { color: #00548F; text-decoration: none;   }  
#nav li ul a:hover   { color: #00548F; text-decoration: none;	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	/* Hide the dropdowns off the side of the screen */
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	/* Bring the dropdowns back onto the screen when user rolls over the top menu items */
	left: auto;
	}

#nav li ul a:hover, #nav li ul a.sfhover {
	/* Background color of the dropdown items when the mouse rolls over them */
	background: #ffffff; 
	}


/********************/
/*   Button one     */
/********************/

/* General width wrapper for Firefox */
#nav li ul.button-one {
	width: 98px; 
	}

/* Extends the rollover highlight to the right of the menu border */
#nav li li.button-one {
	width: 92px !important; 
	width: 98px; 
	padding: 4px 3px 4px 3px !important;
	padding: 0px;
	}

/* Makes sure the text extends to the right of the menu border */
#nav li ul a.button-one {
	width: 98px;
	}

/********************/
/*   Button two     */
/********************/

/* General width wrapper for Firefox */
#nav li ul.button-two {
	width: 186px; 
	}

/* Extends the rollover highlight to the right of the menu border */
#nav li li.button-two {
	width: 180px !important; 
	width: 186px; 
	padding: 4px 3px 4px 3px !important;
	padding: 0px;
	}

/* Makes sure the text extends to the right of the menu border */
#nav li ul a.button-two {
	width: 186px;
	}


/********************/
/*   Button three     */
/********************/

#nav li ul.button-three {
	width: 212px; 
	}

#nav li li.button-three {
	width: 206px !important; 
	width: 212px; 
	padding: 4px 3px 4px 3px !important;
	padding: 0px;
	}

#nav li ul a.button-three {
	width: 212px;
	}


/********************/
/*   Button four   */
/********************/


#nav li ul.button-four {
	width: 186px; 
	}

#nav li li.button-four {
	width: 180px !important; 
	width: 186px; 
	padding: 4px 3px 4px 3px !important;
	padding: 0px;
	}

#nav li ul a.button-four {
	width: 186px;
	}

/********************/
/*   Button five   */
/********************/


#nav li ul.button-five {
	width: 80px; 
	}

#nav li li.button-five {
	width: 74px !important; 
	width: 80px; 
	padding: 4px 3px 4px 3px !important;
	padding: 0px;
	}

#nav li ul a.button-five {
	width: 80px;
	}