body {
	margin: 0px; 
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black; 
	background: white; 
	}

/* Begin Utility Area */
.utilityArea{
	margin: 0px; 
	padding: 5px 0px 5px 0px; 
	width: 100%; 
    color: yellow;
    background: black;
	font-size: x-small; 
	}
.utilityArea a {
    color: #0ff;									/* #0ff; = cyan*/
    background: black;
	text-decoration: none;
	}
.utilityArea a:visited {
	color: #f80;									/* #f80; = orangish*/
    background: black;
	}
.utilityArea a:hover {
	color: red;
    background: white;
	text-decoration: none;
	}
.breadcrumbs{
	margin: 0px; 
	padding: 0px 0px 0px 1%; 
	float: left;
	width: auto;
	text-align: left; 
    } /*utilities are on the right, breadcrumbs are on the left*/
.utilities{
	margin: 0px; 
	padding: 0px 1% 0px 0px;
	text-align: right; 
	} /*utilities are on the right, breadcrumbs are on the left*/
/* End Utility Area */

/* Begin Header Area */
#header{
	margin: 0px; 
	padding: 0px;
	height: 110px;
	width: 100%; 
	background: #000 url("../pics/bgGrad1.png") repeat-x bottom;
	color: yellow;
	}
#welcomePic{
	float: left; 
	width: auto;
	margin: 0px;
	padding: 5px 0px 5px 10px; 
	border-style: none;
	}
#welcomeText{
	float: left; 
	width: auto;
	margin-top: 15px;
	padding-top: 0px;
	padding-left: 10px;
	color: #fd2;									/* #fd2; = yellowish*/
	background: transparent;
	}
#overviewPic{
	float: right; 
	width: auto;
	padding: 5px 10px 5px 0px;
	}
/* End Header Area */

/* Begin CSS Tabs */
ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 0 0; /* set margins as desired */
	font: bold 90% verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #000; /* set border COLOR as desired */
	list-style-type: none;
	padding: 4px 10px 4px 250px; /* THIRD number must change with respect to padding-top (X) below */
	}
ul#tabnav li { /* do not change */
	display: inline;
	}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for SELECTED tab */
	color: black;
	background: #fff none; /* set background color to match above border color */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for SELECTED tab link */
	color: #000; /* set selected tab link color as desired */
	background: #fff none; /* set selected tab background color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
	}
ul#tabnav li a { /* settings for all tab links */
	color: #00f; /* set unselected tab link color as desired */
	background: #ddd none; /* set unselected tab background color as desired */
	padding: 4px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
	}
ul#tabnav a:hover { /* settings for hover effect */
	color: #f00;
	background: #fff none; /* set desired hover color */
	}
		/* CSS Tabs is licensed under Creative Commons Attribution 3.0</a>.
		Joshua Kaufman,
		28 January, 2007*/
/* End CSS Tabs */


/* Begin General 3-column Area */
#container { /* sets wide border areas to be used for left and right margins */
	position: relative; 
	display: block;
	color: black;
	background: #fff;
	border-left: 230px solid #852; 			/* #852; = brownish*/
	border-right: 200px solid #fa4;			/* #fa4; = light orangish*/
	margin: 0;
	padding: 0;
	clear: both;
	}
#inner { /* extends text area back to the edge of the page */
	display: block; 
	margin-left: -230px; /* width of left column */
	margin-right: -200px;  /* width of left column */
	padding: 5px 0px 5px 0px;
	}
#centerColumn{
	margin-left: 230px; 
	margin-right: 200px; 
	position: relative; 
	display: block; 
	height: 1%;
	}
#leftColumn{
	float: left; 
	position: relative; 
	width: 230px; 
	left: 0px;
	}
#rightColumn{
	float: right; 
	position: relative; 
	width: 200px; 
	right: 0px;
	padding: 0;
	margin: 0;
	}
/* End General 3-column Area */

/* Begin Footer Area */
#footer{
	clear: both;
	color: #fd2;									/* #fd2; = yellowish*/
	background: #000;
	padding: 4px 0px 4px 0px;
	width: 100%;
	font-size: x-small;
	text-align: center;
	}
/* End Footer Area */

/* Begin Specific 3-column Area */
/* Begin Left Column Area */
.leftSidebar {
	margin: 10px; /*Margins for inside each column (to provide padding)*/
	font-size: medium;
	font-weight: bold;
	color: white;									/* #fd2; = yellowish*/
	background: #852; 							/* #852; = brownish*/
	}
.leftSidebar a {
    color: #0ff;     								/* #0ff; = cyan*/
	background: #852; 							/* #852; = brownish*/
    background: transparent;
	text-decoration: none;
	}
.leftSidebar a:visited {
	color: #fa4;									/* #fa4; = orangish*/
	background: #852; 							/* #852; = brownish*/
    background: transparent;
	}
.leftSidebar a:hover {
	color: red;										/* #f00; = red*/
    background: white;
	text-decoration: none;
	}
.leftSidebarHomePage{
	font-size: small;
	font-weight: normal;
	text-align: left;
	padding: 10px;
	}
.localNav {
	padding: 10px 20px 0px 25px; /*Padding for the unordered list in the local Nav Area*/
	margin: 0px;
	}
.localNav li {
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	}
.youAreHere { 		/* navigation menu */
	padding-left: 8px; /*adjust bullet image padding*/
	margin-bottom: 0px;
	list-style-type: square;
	}
#youRHere { 		/* sublevel of navigation menu */
	font-weight: bold;
	list-style-type: square;
	}
li.reset{				/* Replaces the list-style-image with a circle for items in the sub-level of navigation menu */
	list-style-image: none;
	list-style-type: circle;
	}
/* End Left Column Area */

/* Begin Center Column Area */
#centerColumn a{
	font-weight: normal;
	}
.innerTube{
	margin: 20px; /*Margins for inside center column (to provide padding)*/
	}
.contactInfo{
	padding: 10px 0px 0px 150px;
	}
#floatLeftESC{
	float: left;
	width: auto;
	padding: 0px 0px 14px 14px;
	}
.floatLeftPic{
	float: left;
	width: auto;
	padding: 0px 24px 24px 14px;
	}
.centerPic {
	background: white;
	color: black;
	width: 131px;
	text-align: center;
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	font-weight: bold;
	}
.centerPicRight {
	background: white;
	color: black;
	width: 131px;
	text-align: center;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	}
/* End Center Column Area */

/* Begin Right Column Area */
.rightSidebar{
	margin: 0px 8px 0px 8px; /* expecting the width of the picture to be 180px */
	padding: 0px 0px 0px 0px;
	font-size: smaller;
	text-align: center;
	color: black;
	background:  #fa4;
	}
img.rightSidebar{
	border: 2px solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
/* End Right Column Area */
/* End Specific 3-column Area */

/* Begin Table Formatting */
#projectsTable{
	margin-left: 20px;
	}
th {
	padding: 5px 10px 5px 10px;
	border: 1px solid black;
	text-align: center;
	margin: 0px;
	color: black;
	background: #ddd;
	}
td {
	padding: 5px 10px 5px 10px;
	border: 1px solid black;
	text-align: left;
	margin: 0px;
	}
td a {
	text-decoration: none;
	}
table {
	border: 2px solid black;
	border-collapse: collapse;
	}
caption {
	margin: 10px 0px 10px 0px;
	text-align: left;
	font-weight: bold;
	}
/* End Table Formatting */
/* Begin General Formatting */
#centerColumn a:visited {
	color: #909;								/* #909; = purplish*/
	background: white;
	}
#centerColumn a:hover {
	color: #f00;								/* #0ff; = red*/
	background: white;
	text-decoration: underline;
	}
cite {
	font-size: smaller;
	}
address {
	font-size: smaller;
	}
dd {
	padding-bottom: 15px;
	}
dt {
	font-weight: bold;
	}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif
	}
hr {
	clear: left;
	}
li {
	padding-bottom: 0px;
	padding-top: 7px;
	}
li.first {
	padding-bottom: 0px;
	padding-top: 0px;	
	}
.clear {
	clear: both;
	}
.indent {
	padding: 0px 50px 0px 50px;
	}
.smallText{
	font-size: small;
	}
.subTitle{
	font-size: smaller;
	}
/* End General Formatting */