body {
	margin: 0; /* Gets rid of default margin on body that most browsers add. */
	padding: 0; /* Gets rid of default padding on body that Opera adds. */
	background-color: #838E66; /*  sage green  */	
	font-family: Arial, Helvetica, sans-serif; 	
	 Sets default font family options. */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
	text-align:center;
	
	}

#wrapper-outer {
	margin:10px auto 0;
	padding-bottom:5px;
	width:970px;	
	text-align:left;	
	
}

#wrapper-inner {
	background-color:#ffffdd;	
}

#header {
	/*position: relative;  This makes #mainnav base its position off #header because absolutely positioned elements base their position off their nearest postiioned ancestor. */
	padding-top:25px;
	padding-bottom:5px;
	}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, #header. Also removes it from the flow, so it will not make the header expand. */
	top: 0; /* Places the div at the top of #header. */
	left: 0; /* Places the div at the left side of #header. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

/* Wraps around left col, #secnav, and center column, #contentwrapper. */
#floatwrapper {
	float: left; /* Moves div to the left, creating a large column to the left of #features that will then be further divided. */
	width: 664px; /* Sets width to 80 percent of the window. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100; /* See note above. */
	}

/* Forms the right column within #floatwrapper. Wraps around #content so that #content can have margins applied so its text won't butt up against the adjacent columns. If padding were used to do this, it would throw the widths off and cause content to not fit on screen. */
#contentwrapper {
	float: right; /* Moves content column to the right of the secondary nav column. */
	width: 330px; 
	z-index: 100; /* See note above. */
	}

#center_header_column {
	margin-top:14px;
	text-align:center;
	}
	
#center_header_column2 {
	margin-top:4px;
	text-align:center;
	}

/* Left column for the secondary navigation. */
#left_header_column{
	float: left; /* Moves column to the left of #contentwrapper. */
	width: 310px; /* Sets width to 25 percent of #floatwrapper, which equates to 20 percent of the window, because .25 x .8 = .2 */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100; /* See note above. */
	}
	
#left_header_column_screen{
	float: left; /* Moves column to the left of #contentwrapper. */
	width: 310px; /* Sets width to 25 percent of #floatwrapper, which equates to 20 percent of the window, because .25 x .8 = .2 */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100; /* See note above. */
	}	

/* Right column for feature items, news, etc. */
#right_header_column{
	float: right; /* Moves column to right side of window across from #floatwrapper. */
   text-align:right;
	padding-right:50px;
	width: 256px; 
	padding-top: 47px; /* Sets gap between top border of #wrapper-inner and top of column. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100; /* See note above. */	
	}
	
#right_header_column a:link{
	color:#AFB79B;
	color:#990000;
	font-weight:bold;
	font-size:14px;
	
}

#right_header_column a:visited {
	color:#AFB79B; 
	}
#right_header_column a:hover {
	color: #FF9900; 
	}
#right_header_column a:active {
	color: #FF9900; 
	}
	
	
	/* Navigation Bar and Navigation Links ----------------- */
/* --------------------------------------------------------- */

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

#main_nav {
	text-align:left;
	width:970px;
	margin:20px 0 0 0px;
	background-color: #FFFFDD;
}

#main_nav ul, #main_nav li{
	margin:0;
	padding:0;
}

#main_nav a:link,#main_nav a:visited,#main_nav a:hover, a:active, a:focus{
		font-size:14px;
		text-decoration:underline;
}

#main_nav a:hover{
	color:#FF9900; 
	text-decoration:underline;
}
	

#main_nav a {
	color: #838E66;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0 5px 10px; 
	display: block;
	
	/* makes the dividers between the top nav links; must be negated 
	for later links */ 
	border-right: 0; /* negates right border for dropdowns */
	/* border-bottom: 1px solid #88A6E1; 	 /* borders the bottoms of the dropdowns */
}

/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	/* width: 250px; */
	width: 300px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	/*background: url(images/bgfix.gif);*/
}

.dropdown ul { 
  /* width: 170px;  */
	width: 220px; /* tweaked so that dropdowns appear to "line up" with top links */
	border: 1px solid #990000;
	border-width: 1px 1px 1px; /* borders for the sides and top of the dropdowns and flyouts; links 
	provide the bottom border */ 
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
} .dropdown li {vertical-align: bottom;} /* IE5/win bugfix */
.dropdown li:hover {background: White;} /* hover color effect on dropdown links */	
.last .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */
.topnav:hover div.dropdown {left: -10px;} /* hover rule for dropdowns: the extra pixel makes 
dropdowns "line up" with top links */ 

#main_nav li {list-style: none;} /* removes list bullets */

.topnav {
	width:4.5em;
	float: left;
}
.floatfix {margin-right: -3px;}

.parent {position: relative;}
	
/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

/*    Dropdown navigation menu backgrounds */
	
.one {background: #FFFFDD;}
.one ul {background: #d79b00;}

.two {background: #FFFFDD;}
.two ul {background: #FFFFF0;}

.three {background: #FFFFDD;}
.three ul {background: #FFFFF0;}

.four {background: #FFFFDD;}
.four ul {background: #FFFFF0;}

.five {background: #FFFFDD;}
.five ul  {background: #FFFFF0;}

.six  {background: #FFFFDD;}
.six  ul {background: #FFFFF0;}

.seven{background: #FFFFDD;}
.seven ul {background: #FFFFF0;}

.eight{
background: #DFDFFF; 
border-right: 0;  /* removes right border on last top link */
}

.eight ul {background:#FFFFF0;}


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .topnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html #main_nav a {height: 1%;}
/* */
/* The first 2 rules above fix "bullet region" problems in IE5.x/win, and the second is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}



#bottom_nav {
	text-align:center;
	width:970px;
	margin:20px 0 0 0;
	padding-bottom:9em;
}

#bottom_nav ul, #bottom_nav li{
	margin:0;
	padding:0;
}

#bottom_nav a:link,#bottom_nav a:visited,#bottom_nav a:hover, bottom_nav a:active, bottom_nav a:focus{
		font-size:14px;
		text-decoration:underline;
}

#bottom_nav a:hover{
	color:#FF9900; 
	text-decoration:underline;
}
	

#bottom_nav a {
	color: #cccccc; 
	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px 3px 10px; 
	display: block;
	/* makes the dividers between the top nav links; must be negated 
	for later links */ 
	border-right: 0; /* negates right border for dropdowns */
	/* border-bottom: 1px solid #88A6E1; 	 /* borders the bottoms of the dropdowns */
}

#bottom_nav li {list-style: none;} /* removes list bullets */

.bottomnav {
	width:4.5em;
	float: left;
	border-right:1px solid #cccccc;
}

/* This is to hide the following from IE/Mac. \*/
* html .bottomnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html #bottom_nav a {height: 1%;}

/*    Dropdown navigation menu backgrounds */
	
.one_bottom {background: #838E66;}
.one_bottom ul {background: #FFFFF0;}

.two_bottom {background: #838E66;}
.two_bottom ul {background: #FFFFF0;}

.three_bottom {background: #838E66;}
.three_bottom ul {background: #FFFFF0;}

.four_bottom {background: #838E66;}
.four_bottom ul {background: #FFFFF0;}

.five_bottom {background: #838E66;}
.five_bottom ul  {background: #FFFFF0;}

.six_bottom  {background: #838E66;}
.six_bottom  ul {background: #FFFFF0;}

.seven_bottom{background: #838E66;}
.seven_bottom ul {background: #FFFFF0;}

.eight_bottom{
background: #DFDFFF; 
border-right: 0;  /* removes right border on last top link */
}

.eight_bottom ul {background:#FFFFF0;}

.bottomnav:hover div.dropdown {left: -10px;} /* hover rule for dropdowns: the extra pixel makes 
dropdowns "line up" with top links */ 

.grey{
	color:#cccccc;
	margin:0 15px;
	font-weight:bold;
}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, and the second is to make all links fully clickable. */  


/* The following shows to IE5/Mac only */
/*\*/ /*/
#main_nav .dropdown {width: 189px;}
#main_nav .topnav .dropdown ul {margin: 0px;}
#main_nav .dropdown {position: static;}
#main_nav .dropdown ul {border: 0;}
/* this rule block "dumbs down" the nav for IEmac */




/* XXXXXXXXXXXXX   Skip Nav Styles XXXXXXXXXXXXXXX */


#blah:active { /* for IE, doesn't hurt others */
	}

	/*  -------------------------------------------------  */

	
/********************* Structure Styles **********************/

#content{
	padding-bottom:1.8em;
}

#two_column #right_column{
	float:right;
	width:420px;
	padding-right:30px;
}

#two_column #left_column{
	float:left;
	width:480px;
	padding-left:15px;
}

#content p{
	font-size:1em;
}

#three_column {
	
}
	

#three_columns #left_and_center_columns_wrapper{
	float:left;
	width:694px;
	
}

#three_columns #center_column_wrapper {

}

#three_columns #left_column {
float:left;
width:320px;
}

#three_columns #right_column {
float:right;
width:300px;
	
}


	
	
#footer {
	}

/* The following selector sets the footer to absolute instead of fixed in WinIE because WinIE does not support position: fixed. Setting it to absolute means it will display at the bottom of the page instead of the bottom of the window. */
/* The margin rule below gets rid of a one pixel gap below footer in WinIE. */
/* Hide from MacIE. Only WinIE sees this. \*/


/* Image is placed outside of footer div to avoid a gap it creates beneath the footer in WinIE. */


#footer ul {
	margin: 5px 0 0 0; /* Sets space between thin top border on list and thick top border on footer as a whole. */
	padding: 0.8em 0 1em 192px; /* Sets spacing between top and bottom edges of footer and the list; padding is used instead of margin because padding cannot escape out of divs like margins can. Also moves the list over from the left to make room for the trees image; padding is used instead of margin so that the content within the list will move over, not the list itself, so that the border will show in the gap between the trees. */
	border-top: 1px solid #1C306B; /* Sets top border. */
	}

#footer li {
	display: inline; /* Makes list items display horizontally */
	}

#footer a {
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.8em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	}


/* CLEARING FLOATS -------------------------------------------------------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
	content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
	clear: both; /* Makes the generated content appear after the floats. */
	height: 0; /* Sets its height to zero so it doesn't show. */
	visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
	display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}
 
.clearfix {
	display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
	}

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */

.caption{
	font-size:.8em;
	color: #818181;
	margin: 3px 0 0 15px;
	font-style: italic;	
	font-weight:normal;
}

#social_media_links{
	text-align:right;
	padding:3px 180px 10px 0;
	display:none;
}

#social_media_links img{
	margin: 0 3px 0 3px;
}


#table p{
	font-size:1em;
	margin:.3em 0;
}


/* Page structures  */

/* resume pages styles */

#resume h1 {
	margin: 1.2em 0 1.2em 0; /* Sets spacing between heading text and text above or below */
	font-size: 1.6em; /* Sets font size larger than default */
	}

#resume h2{
	color: #FF3300;
	margin:.8em 0 .4em 0;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;

	/*green */
	}

#resume h3{
	color: #FF3300;
	margin:.8em 0 .4em 0;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
}

/* Testimonial page styles */

#Dossy_watching{
   margin:0 50px 4em 30px;
	width:400px;
	float:left;	
	text-align:center; 	
}

#back_to_top_link{
	padding: 15px 0 15px;
	text-align:center;
}

#back_to_top_link a{
	font-weight:bold;
	font-size: 12px;
}

a {
	color: #838E66; /* Sets default link color */
	}
a:visited {
	color: #666666; /* Sets default link color on visited links */
	}
a:hover {
	color: #FF9900; /* Sets default link color while rolling over links */
	}
a:active {
	color: #FF9900;  /* Sets default link color when links are active */
	}
a img {
	border: none; /* Removes border that appears around an image when it is nested inside an anchor, such as the logo image */
	}
	
/* miscellaneous */

.no_screen{
	display:none;
}

h1{
	font-family: Garamond, Times, "Times New Roman";
	font-size: 1.3em;
}

h2{
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.8em;
}