/*Site wide styles. Note the body is different in the secondary pages, there are some duplicates
here from the top page, but this way you don't have to have both .css files linked to secondary pages

2010.06.10 DSL fixed syntax errors
*/
body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(images/page_background.jpg);
	background-repeat: repeat-x;
}
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 0px;
	color: #213667;
}
.openingpara { /* to push first paragraph down a bit when there's no h2 tag preceding the paragraph */ 
	padding-top: 20px;
}
ul,ol {
	margin-top: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-bottom: 0px;
	padding-bottom: 15px;
	color: #ED7B0F;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 5px;
	color: #ED7B0F;
	margin-top: 20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 5px;
	color: #ED7B0F;
	margin-top: 20px;
}
a:link {
	color: #ED7B0F;
	text-decoration: underline;
}
a:visited {
	color: #7A86A4;
	text-decoration: underline;
}
#wrapper {
	width: 101%;
	background-color: #FFFFFF; 
	background-image: url(images/page_background.jpg);
	background-repeat: repeat-x; 
	left: 0px;
	top: 0px; 
}
/*This top banner is slightly different than the top page*/
#topbanner {
	height: 103px;
	width: 99%;  
	background-color: #FFFFFF;}
/*This top navigation bar is the same as the top page*/
#topnav   {
	height: 19px;
	width: 800px; 
}
/*This content div is different than the top page, but it stills holds the sidebar nav and the textarea*/
#Content {
	background-color: #D3D7E1; /* light blue */ 
	left: 0px;
	overflow: visible;
	margin-bottom:     0px;
	padding-bottom:    0px;
	width: 90%;                    
	height: 100%;
	margin-right: 0px; 
}
/*This is for the sidebar navigation and it is different from the top page*/
#sidebarSecond   {
	width: 180px; 
	margin-right: 0px;
	background-image: url(images/sidebar_background.jpg); /* graded blue */
	background-repeat: repeat-x;
	margin-bottom: 0px;
	top: 0px; 
	float: left;
}
.sidebarTable {
	background-image: url(../images/sidebar_background_pic.jpg);
	background-repeat: no-repeat;
}
.sidebarCell {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #59688D;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #A6AFC2;
 padding-top: 5px;
 padding-bottom: 3px;
}
.sidebarCell a:link  {
 color: #59688D;
 text-decoration: none;
 
}
.sidebarCell a:visited  {
 color: #59688D;
 text-decoration: none;
 
}
.sidebarCell a:hover  {
 color: #213667;
 
}
.sidebarCell a:active {
 color: #213667;
 
}
.sidebarNavDiv  {
 margin-bottom: 10px;
 
}
.sidebarCell p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 margin-top: 5px;
 margin-bottom: 0px;
 
}
.sidebarCell p a:link  {
 color: #213667;
 text-decoration: underline;
 
}
.sidebarCell p a:visited  {
 color: #213667;
 text-decoration: underline;
 
}
.sidebarRowOn   {
 background-color: #D3D7E1;
 background-image: url(images/bkgr_sidenav_on.jpg);
 background-repeat: no-repeat; 
 
}
/*This textarea is different from the top page*/

#TextareaSecond   {
	padding-top: 20px;
	background-color: #FFFFFF;
	top: 0px;
	margin-left: 180px;
	padding-bottom:  20px;
	padding-right: 34px;
	padding-left: 34px;
	margin-bottom: -20px;                   
	height: inherit;
}
.pagetitle   {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
 color: #213667;
 margin-top: 5px;
 margin-left: 13px;
 
}
/*These divs are for the bottom footer and they are the same as the top page*/
#bottominfo   {
	background-color: #D3D7E1;
	width: 120%;
	padding-top:  10px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	padding-left: 180px;
	height: 105%; 
}
#bottominfo p  {
	font-size: 65%;
	margin-top: 5px;
	margin-bottom: 0px;
	
}
#bottominfo a:link  {
	color: #213667;
	text-decoration: underline;
}
#bottominfo a:visited  {
	color: #7A86A4;
	text-decoration: underline;
}
/*These divs are not included in the top page .css. They are for secondary boxes out to the right.
Use this blue set for any public pages*/
#RightColumn   {
	float: right;
	width: 165px;
	margin-left: 20px;
	margin-bottom: 10px;
}
#RightBlueNav {
	background-color: #D3D7E1;
	background-image: url(images/bkgr_blue_rcol_boxes.jpg);
	background-repeat: no-repeat;
	width: 163px;
	border: 1px solid #213667;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 20px; 
}
#RightBlueNav p  {
	font-size: 70%;
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 0px;
	padding-bottom: 3px;
}
#RightBlueNav a:link  {
	color: #ee7b10;
	text-decoration: underline;
	
}
#RightBlueNav a:visited  {
	color: #7A86A4;
	text-decoration: underline;
	
}

/*These divs are not included in the top page .css. They are for secondary navigation boxes out to the right.
Use this orange set for any member pages*/
#RightOrangeNav {
	background-color: #FBE5CF;
	background-image: url(images/bkgr_orange_rcol_boxes.jpg);
	background-repeat: no-repeat;
	width: 163px;
	border: 1px solid #ED7B0F;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 20px; 
}
#RightOrangeNav p  {
	font-size: 70%;
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 0px;
	padding-bottom: 3px;
}
#RightOrangeNav a:link  {
	color: #213667;
	text-decoration: underline;
}
#RightOrangeNav a:visited  {
	color: #7A86A4;
	text-decoration: underline;
}
/*These are for the ads in the sidebar and are the same as the top page*/
#ads {
	width: 155px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	margin-left: 14px;
}
#ads p   {
	padding-right: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	font-size: 70%;
	margin-top: 3px;
	margin-bottom: 5px;
}
 
/*This is the same as the top page*/
.clearit   {
	clear: both;
	
}.clearRight {
	clear: right;
}
.ContentTopMargin {
	height: 20px;
}
.clearLeft {

	clear: left;
}


/*This is for flaoting images left and right */
.ImageFloatLeft {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
	border: 1px solid #213667;
}

.ImageFloatRight {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 8px;
	border: 1px solid #213667;
}
 
.office {
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.officeholder{
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
}
.runinhead {
	font-weight: bold;
}
.breadcrumbs {
	font-size: 70%;
	color: #59688D;
	margin-left: 13px;
	margin-top: 0px;
}
li {
	margin-bottom: 8px;
}
.faqquestion {
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}
.faqanswer {
	margin-bottom: 10px;
	margin-left: 1.8em;
}
.top {
	float: right;
	margin-top: -20px;
}
table.esource {
	width: 80%;
}
table.esource p {
	line-height: 150%;
}
table.esource td {
	height: 60px;
}
table.epitome {
	width: 80%;
}
table.epitome p {
	line-height: 150%;
}
table.epitome td {
	height: 40px;
}
table.relationship {
	border: 1px solid #ED7B0F;
}

table.relationship td.orange {
	background-color: #FBE5CF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED7B0F;
}
table.relationship td.bluenobottomborder {
	background-color: #D3D7E1;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ED7B0F;
}
table.relationship td.blue {
	background-color: #D3D7E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED7B0F;
}
/*When you need an image with a caption, create a div and class it with one of these
two following classes. Class the image inside these divs with the following .borderImage*/ 
.caption250 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	margin: 0px;
	padding: 0px;  
	text-align: center;
	font-weight: bold;
	width: 250px;
}
.caption300 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	margin: 0px;
	padding: 0px;  
	text-align: center;
	font-weight: bold;
	width: 300px;
}
.captionRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: right;
	margin-top: 10px;
	padding-right: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
}
.captionLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	font-weight: bold;
}
.captionRight300 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: right;
	margin-top: 10px;
	padding-right: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
	width: 300px;
}
.captionRight250 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: right;
	margin-top: 10px;
	padding-right: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
	width: 250px;
}
.captionRight200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: right;
	margin-top: 10px;
	padding-right: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
	width: 200px;
}
.captionRight175 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: right;
	margin-top: 10px;
	padding-right: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
	width: 175px;
}
 
.captionLeft300 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	font-weight: bold;
	width: 300px;
}
.captionLeft250 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	font-weight: bold;
	width: 250px;
}
.captionLeft200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	font-weight: bold;
	width: 200px;
}
.borderImage {
	border: 1px solid #213667;
}
.pagetitleOff {
	display: none;
}
.breadcrumbsOff {
	display: none;
}
.minHeight {
	min-height: 500px;
}


/* print styles */

@media print { body {
color: black;
background: white;
	background-color: #FFFFFF;
	background-image: none; 
}}
@media print { @page {
 size: 8.5in 11in; 
 margin: 0;
      }}
@media print { a:link, a:visited {
	color: black;
	font-weight: normal; 
	text-decoration: none;
}}
@media print { p, td, ul, li, ol, dl, dt, dd {
color: black;
}}	
@media print { #sidebarSecond {
	display: none;
	}}
@media print { #RightColumn  {
	display: none;
}}
@media print { #topnav  {
	display: none;
}}
@media print { #topbanner { 
	width: 7in;
	}}	

@media print { #TextareaSecond {
	display: block;
	width: 700px;
      margin:  0in 0 0 -1.5in;
      }}
@media print { #bottominfo   {
	background-color: #ffffff;
	width: 7in;
	padding-top: 10px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	margin-left: 0px;
	height: 105%;
}}
@media print {#bottominfo p  {
	font-size: 75%;
	margin-top: 5px;
	margin-bottom: 0px;
}}
@media print {#bottominfo a:link  {
	color: #000000;
	text-decoration: none; 
	text-decoration: none;
}}
@media print {#bottominfo a:visited  {
	color: #000000;
	text-decoration: none; 
	text-decoration: none;
}}