/* CSS Document */
/*TPS site*/
/*May 2009*/
/*Author: Mary Ellen Pozzebon EYCDICDB*/

body{
	margin: 0;
	padding: 10px;
	border: 0px;
	text-align: center;
  	background: #d8d2cb;
  	font-family: Arial, helvetica, sans-serif;
	font-size: 100%;
}

table{
	border-collapse: collapse;
}

p {
	margin-top: 10px;
	font-size: 1em;	
	align: left;
}

hr {
	color:#39246b;
}

h1 {
	font-size: 1.3em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	font-weight: bold;
	color: #39246b;
}
	
h2 {
	font-size: 1.1em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	font-weight: bold;
	color: #39246b;
	align: left;
}

h3 {
	font-size: 1em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #39246b;
}


a:link {
	color: #3a2469;
	text-decoration: underline;
	font-weight: strong;
}

a:visited{
	color: #3a2469;
	text-decoration:  underline;
		font-weight: strong;
}

a:hover {
	color: #3a2469;
	text-decoration:  none;
		font-weight: strong;

}
a:active {
	color: #3a2469;
	text-decoration: underline;
		font-weight: strong;
	}


#border {
	position: relative;
	border: 1px solid #128ed4;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding: 0px;
	width: 800px;
}

/*Site Nav*/

#site-nav	{
	position:relative;
	width: 800px;
	border: 0px;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#site-nav ul, #site-nav li {
	float:right;
	list-style: none;
	display: inline;
	text-align:right;
	color:#39246b;
	margin: 0;
	padding: 0;
}

#site-nav a:link,
#site-nav a:visited,
#site-nav a:hover,
#site-nav a:active {
	color: #39246b;
	font-weight: bold;
	font-size: 95%;
}

/*red bar*/

#redbar {
	width:100%;
	height:129px;
	background-color:#af251d;
	vertical-align:middle;
}

#redbarimage {
	background:transparent url("../images/redbar1.jpg") no-repeat top left;
	height:129px;
	width:800px;
	}

/*blue bar*/

#bluebar {
	width:100%;
	height:3px;
	background-color:#3a2469;
	vertical-align:middle;
	margin-top:4px;
	margin-bottom:4px;
}

/*Breadcrumb*/


#breadcrumb {
	color:#cc6600;
	padding: 3px 0 3px 0;
	width:100%;
	font-size:.8em;
	text-align:left;
	}

#breadcrumb ul {
	
	margin-left: 3px;
	color:#cc6600;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	color:#cc6600;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb a:link {
	color:#cc6600;
	text-decoration: none;
}
#breadcrumb a:visited {
	color:#cc6600;
	text-decoration: none;
}
#breadcrumb a:hover {
	color:#cc6600;
	text-decoration: underline;
}
#breadcrumb a:active {
	color:#cc6600;
	text-decoration: none;
}

/*footer bar*/

#footerbarimage {
	background:transparent url("../images/footer.jpg") no-repeat top left;
	height:89px;
	width:800px;
	}
/*Creditsbar*/

#credits {
	clear:both;
	position: relative;
	border: 0px;
	margin: 0 auto;
	padding: 0px;
	background:transparent url("../images/credits.jpg") no-repeat top left;
	height:100px;
	width:800px;
	}
	
	
	
/*site Search Text*/

#sitesearch {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:.8em;
	font-weight:bold;
	padding-top:20px;
	padding-left: 15px;
}

/*Text Wrapper*/


#text_top {
width:96%;
padding:5px;
}

#text_main {
	clear:both;
	width:725px;
	text-align:left;
	padding: 10px;
	
}

/*fieldset*/

fieldset {
  padding: 1em;
  border: 1px solid #666;
  text-align:left;
  }
  
legend {
  padding: 0.2em 0.5em;
  font-size:1.3em;
  font-weight:bold;
  text-align:right;
  color: #39246b;
  }

/*Form Fields*/

#form_fields {
clear:both;
text-align:left;
margin:0;
padding:0 50px;
}

#form_fields table{
	width:620px;
	}

#form_fields th{
	padding-top:10px;
	}
	
#form_fields td.label{
	padding:5px 5px 5px 25px;	
	width:125px;
	
	}	

.form_formInput{
font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	border-width:1px; 
	border-style:solid; 
	border-color:#cccccc;
}


/*main navigation*/


#mainnav a:link {
	font-size: 1em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #39246b;
	text-decoration: underline;
	font-weight: strong;
}

#mainnav a:visited{
	font-size: 1em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #39246b;
	text-decoration:  underline;
		font-weight: strong;
}

#mainnav a:hover {
	font-size: 1em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #39246b;
	text-decoration:  none;
		font-weight: strong;

}
#mainnav a:active {
	font-size: 1em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #39246b;
	text-decoration: underline;
		font-weight: strong;
	}


		
/*mission - 4.30 need to change this to footer ~MEP*/



#mission h1 {
	font-size: 1.5em;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	float: middle;
	padding-top: 35px;
	color:#3a2469;
}

#mission p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#39246b;
	text-align:left;
	padding:5px;
}


/* what's new*/



#new h2	{
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #cc6600;
	font-weight:strong;
}			

#new ul {
	color: #cc6600;
	text-align: left;
}	

#new li {
	list-style: disc;
	padding: 3px;
	font-size: .8em;
}

#new a {
	color: #cc6600;
}	


/*front page menu*/

#menu {
	clear: both;
	width: 150px;
	float: left;
	border: 1px solid #cccccc;
	margin: 5px;
	padding: 5px;
	background: #13007D;
}

#menu a {
	color: #fff;
	text-decoration:none;
}



h3.menu {
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #fff;
}

#menu ul {
	list-style: none;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #fff;
	margin: 5 px 5px 0 5px 5px;
	padding: 0;
	text-align: middle;
	font-size: 1.1em;
	font-weight: bold;
}	

#menu li {
	padding: 10px;
}

#menu a {
	color: #fff;
}	

/*front page*/

#front	{
	width: 90%;
	text-align: left;
	padding: 2px;
}

#front #image	{
	clear: both;
	float: left;
}

/*footer*/

#footer {
	clear:both;
	font-size: .9em;
	border-top: 1px solid #cccccc;
	padding: 10px 5px 5px 5px;
	height: 125px;
	width: 100%;
}

#footer #logo {
	float: left;
	vertical-align: middle;
	text-align: left;
}



/*secondary pages*/

/*secondary navigation*/

#nav {
	width: 100%;
	background: #13007D;
}

#nav a {
	color: #fff;
	text-decoration:none
}

#nav ul {
	list-style: none;
	display: inline;
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	color: #fff;
	margin: 5px 5px 5px 5px;
	padding: 0;
	font-size: .9em;
	font-weight: bold;
}	

#nav ul li {
	padding: 10px;
	display: inline;
}

#nav a {
	color: #fff;
}	


/*page layout*/

/*breadcrumbs*/

#bc	{
	text-align:left;
	font-size:.9em;
	padding-left: 25px;
	padding-top: 5px;
	color: #13007D;	
}	

#bc a {
	color: #13007D;
	text-decoration:none;
}



/*toc*/

#toc	{
	float:left;
	width: 15%;
	border: 1px solid #cccccc;
	margin: 10px 15px 10px 5px;
	padding: 5px;
}	

h3.toc	{
	font-family: Optima, Trebuchet MS, Arial, helvetica, sans-serif;
	text-align: left;
}			

#toc ul {
	list-style: none;
	color: #13007D;
	margin: -5px 0px 5px 5px;
	padding: 0;
	text-align: left;
}	

#toc li {
	padding: 3px;
}


#page_text	{
	width: 100%;
	text-align: left;
	padding: 20px;
}



