/* CSS Document */


/* This is Borrowed CSS Code */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
ul
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 18px;
	list-style-image: url(../images_common/bullet_arrow.gif);
	text-align:left;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 18px;
}

/******************************
This is my CSS code 
*******************************/

body {
}

.style1 {
	font-size: 24px;
	font-weight: bold;
}

img#arrow {
vertical-align:middle;
}

/*******************************************
NOT RELEVANT IN TABLE-BASED LAYOUT
Needed to display as tables to get the content centered in the screen.
--table based was needed for IE6 compatibility--

NOTES: IE6 will center all elements with a body text-align center style,
but firefox and safari won't.

NOTES: All browsers will center when you use the set margin 0 auto in the wrapper style.
NOTES: Used tables instead of 'liquidity' so that shrinking the browser smaller than the tables won't cause the tables to float, but rather the width will be fixed and cause scrollbars to appear.  It seems that table widths are more rigid than CSS widths.  Also, floating left in ie6 will float ALL THE WAY LEFT outside of it's centered container.  That's terrible IE6, just terrible.

*******************************************/

#wrapper {
	margin: 0 auto;
/*    border:thin coral solid;*/
	}

	
div#menu_container {
	width:200px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 0px;
	padding-right: 5px;
	/*display:table-cell;  Using Table-based layout instead*/
	float:left;
	vertical-align:top;
	text-align:left;
	/*border: 2px coral solid;*/
}
div#menu_container a {
	/*color:#FF6600;  Color is now being changed in side_color ID*/
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 18px;
	/*border:3px coral solid;*/
}
div#content_container {
	/*display:table-cell;  Using Table-based layout instead*/
	                                                         
	vertical-align:top;
	padding-top:5px;
	text-align:left;
	background: url(../images_common/shadow_right.png) top right repeat-y;
	/*border: thin purple solid;*/
}

div#logo {
	width:800px;
	text-align:center;
	/*border:thin green solid;*/
}

div#content {
	width:783px;
	background-color:#FAF0E0;
	vertical-align:top;
	text-align:left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	border-bottom:5px #000000 double;
	border-left:1px #DDDDDD solid;
	border-right:1px #DDDDDD solid;
/*	border: thin red solid;*/
}

#content_writing {
	color:#373737;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;  /*Increased due to sub_color position offset from top*/
	padding-bottom:5px;
}

/* footer styles - set to height and width of the footer image */
#footer {
  background: url(../images_common/shadow_footer.png) top left no-repeat;
  width: 600px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 75%;
/*  border:thin blue solid;*/
  clear:both;
  }
#footer p {
  margin: 0;
  padding-top:10px;
  padding-bottom: 15px;
  padding-right:0px;
  padding-left: 10px;
  clear:both;
  }


/*  THIS IS UNUSED
div#navigation {width: 200px; background: gray; padding: 10px; position:absolute; left: 488px; top: 560px;}
*/


/* 
*********************************************************
DAVID POWERS NAVIGATION STYLE
set the maincontent background to white, and add a drop shadow
image to the right border 
 *********************************************************
 */
 
 /* styles for contact form */
form {
margin: 10px 25px 0 50px;
}
#name, #email {
width: 200px;
}
#message {
width: 500px;
height: 150px;
}
label, .warning {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.warning {
color: #F00;
}

 /*Styles for the Side sub menu*/
#side_blue a{
	color:#2C78A6;
}
#side_green a{
 	color:#17823A;
}
#side_red a {
	color:#AD201E;
}
#side_orange a {
 	color:#FF6600;
}
#side_purple a{
 	color:#663399;
}


/* styles for the nav menu - remove padding, margin and bullets */
#textshifter {
	position: relative;
	top: 10px;
}
#nav {
	height:28px;
	width: 800px;  /*extend all the way out to match content-container's width*/
	border-bottom:2px #2C263D solid;
	}
#nav ul {
margin: 0;
  padding: 0;
  list-style: none;
  }
/* float each list element inline */
#nav li {
  margin:0;
  display: inline;
  float: left;
  text-align:center;
  }
/* style the links in the nav list */
#nav a {
  display:block;
  width: 104px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top:3px;
  padding-bottom:3px;
  text-decoration: none;
  font-variant:small-caps;
  font-weight:bold;
  font-size: 120%;
  }
#nav a:link, #nav a:visited {
  background-color: #FFFFFF;
  border-left: #FFFFFF solid 2px;
  border-top: #FFFFFF solid 2px;
  border-right: #FFFFFF solid 2px;  
  border-bottom:2px #FFFFFF solid;
  color: #000000;
  }
#nav a:hover, #nav a:active {
  background-color: #DFECD9;
  border-left: #DFECD9 solid 2px;
  border-top: #DFECD9 solid 2px;
  border-right: #DFECD9 solid 2px;  
  border-bottom:2px #DFECD9 solid;
  color: #000000;
  }

/***Special blue/red coloring for user/admin pages****
********************************************/  
#bnav a:hover, #bnav a:active {
  background-color:#D3DFF5;
  border-left: #D3DFF5 solid 2px;
  border-top: #D3DFF5 solid 2px;
  border-right: #D3DFF5 solid 2px;  
  border-bottom:2px #D3DFF5 solid;
  color: #000000;
}
#rnav a:hover, #rnav a:active {
  background-color:#F2C5C2;
  border-left: #F2C5C2 solid 2px;
  border-top: #F2C5C2 solid 2px;
  border-right: #F2C5C2 solid 2px;  
  border-bottom:2px #F2C5C2 solid;
  color: #000000;
}
  
/* special style for link to identify current page */
#thispage_blue a:link, #thispage_blue a:visited,
#thispage_blue a:hover, #thispage_blue a:active {
  position:relative;
  top:2px;
  background-color: #2C78A6;
  color: #FFF;
  border-left: #B1B7AE solid 2px;
  border-right: #B1B7AE solid 2px;
  border-top: #000 solid 2px;
  border-bottom: #2C78A6 solid 2px;
  }
  #thispage_green a:link, #thispage_green a:visited,
#thispage_green a:hover, #thispage_green a:active {
  position:relative;
  top:2px;
  background-color: #71B573;
  color: #FFF;
  border-left: #B1B7AE solid 2px;
  border-right: #B1B7AE solid 2px;
  border-top: #000 solid 2px;
  border-bottom: #71B573 solid 2px;
  }
  #thispage_red a:link, #thispage_red a:visited,
#thispage_red a:hover, #thispage_red a:active {
  background-color: #AD201E;
  color: #FFF;
  border-left: #5B6058 solid 2px;
  border-top: #5B6058 solid 2px;
  border-right: #B1B7AE solid 2px;
  border-bottom: #B1B7AE solid 2px;
  }
  #thispage_orange a:link, #thispage_orange a:visited,
#thispage_orange a:hover, #thispage_orange a:active {
  background-color: #DF6F00;
  color: #FFF;
  border-left: #5B6058 solid 2px;
  border-top: #5B6058 solid 2px;
  border-right: #B1B7AE solid 2px;
  border-bottom: #B1B7AE solid 2px;
  }
  #thispage_purple a:link, #thispage_purple a:visited,
#thispage_purple a:hover, #thispage_purple a:active {
  background-color: #663399;
  color: #FFF;
  border-left: #5B6058 solid 2px;
  border-top: #5B6058 solid 2px;
  border-right: #B1B7AE solid 2px;
  border-bottom: #B1B7AE solid 2px;
  }
  /***********************
    CUSTOM NAV LINK COLORS -- NOT CURRENTLY USED.
***************************/
#nav1 a:hover, #nav1 a:active {
  background-color: #C291D5;
  color: #000000;
  border-left: #EBF3E7 solid 2px;
  border-top: #EBF3E7 solid 2px;
  border-right: #777E74 solid 2px;
  border-bottom: #777E74 solid 2px;
  }
#nav2 a:hover, #nav2 a:active {
  background-color: #FFFFCC;
  color: #000000;
  border-left: #EBF3E7 solid 2px;
  border-top: #EBF3E7 solid 2px;
  border-right: #777E74 solid 2px;
  border-bottom: #777E74 solid 2px;
  }
/*****************************
   SUB-CATEGORY BAR-LAYOUT
******************************/
#sub_blue {
  display:block;
  height: 1em;
  padding-left: 25px;
  padding-right: 5px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:left;
  font-weight:bold;
  font-size: 100%;
  /* Use position Relative to offset the spacing created in the 'p' tags within content-writing*/
  position:relative;
  top: 20px;
  
  background-color: #2C78A6;
  color: #FFFFFF;
  border: #000 solid 2px;
  }
#sub_green {
  display:block;
  height: 1em;
  padding-left: 25px;
  padding-right: 5px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:left;
  font-weight:bold;
  font-size: 100%;
  position:relative;
  top: 20px;
  
  background-color: #17823A;
  color: #FFFFFF;
  border: #000 solid 2px;
  }
#sub_red {
  display:block;
  height: 1em;
  padding-left: 25px;
  padding-right: 5px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:left;
  font-weight:bold;
  font-size: 100%;
  position:relative;
  top: 20px;
  
  background-color: #AD201E;
  color: #FFFFFF;
  border: #000 solid 2px;
  }
#sub_orange {
  display:block;
  height: 1em;
  padding-left: 25px;
  padding-right: 5px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:left;
  font-weight:bold;
  font-size: 100%;
  position:relative;
  top: 20px;
  
  background-color: #DF6F00;
  color: #FFFFFF;
  border: #000 solid 2px;
  }
#sub_purple {
  display:block;
  height: 1em;
  padding-left: 25px;
  padding-right: 5px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:left;
  font-weight:bold;
  font-size: 100%;
  position:relative;
  top: 20px;
  
  background-color: #663399;
  color: #FFFFFF;
  border: #000 solid 2px;
  }