@charset "utf-8";
@import url("ospo-wide-page.css");
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999;
	margin-top: 0px;
}

/* site-wide body text elements */
a:link, a:visited { color: #3D509E; }
a:hover { color: #940202; }

p {
	font-size: 12px;	
	line-height: 21px; 
	color: #333;
	margin: 8px 0px 0px 0px; 
	padding: 8px 0px 0px 0px;
}

.h2 {
		font-size: 16px;
		color: #3d509e;
		font-weight: bold;
	}

.h3 {
		font-size: 14px;
		color: #000;
		font-weight: bold;
	}

/* page top link elements on all pages */
#top_container {
	position: relative; 
	width: 950px; height: 30px;
	margin: 0px auto;
	background-image: url(../graphics/breadcrumb-image.jpg);
}

.home-link {
	font-size: 11px;
	color: #FFF;
	text-align: left;		
	position: absolute;
	width: 200px; height: 23px;
	margin: 0px 0px 0px 15px; 
	padding: 7px 0px 0px 0px;
}

.breadcrumb-links {
	font-size: 11px;
	color: #FFF;
	text-align: right;	 
	word-spacing: 4px; 
	position: relative; top: 0px; left: 535px;
	width: 400px; height: 23px;
	margin: 0px; 
	padding: 7px 0px 0px 0px;
}
	
	.home-link a, .breadcrumb-links a { 
		font-weight: bold; 
		color: #FFF; 
		text-decoration: underline; 
	}
	
.home-link a:hover, .breadcrumb-links a:hover { color: #CFD8FD; }

/* header items on all pages */
#OSPO-header {
	position: relative;
	width: 950px; height: 105px;
	margin: 0px auto; 
}

/* dropdown box on all pages */
#dropdown-box {
	position: relative;
	width: 950px; height: 30px;
	margin: 0px auto;
	padding: 0px;
	background-color: #3D509E;	
}

	#dropdown-box-container {
		width: 800px;
		margin: 0px auto;
	}

/* search form */
#search-form { position: absolute; left: 760px; top: 3px;	}

	.inputtext {
		font-size: 10px;
		color: #666;
		width: 150px; height: 14px;
		border: none;
	}

	.search-icon {
		width: 17px; height: 14px;
		vertical-align: middle;
		border: none;		
	}

/* body wrapper on all pages */
#body-box {
	position: relative;
	width: 950px;
	margin: 0px auto;
	background-color: #FFF;
}

/* footer items on all pages */
#footer-box {
	position: relative;
	width: 950px; height: 105px;
	margin: 0px auto;
	background: url(../graphics/footer-back.png) repeat-x #AEB8CE;
}

#footer-text1, #footer-text2, #footer-text3 {
	text-align: left;
	position: absolute;
	width: 600px;
}

#footer-text1 {	margin: 25px 0px 0px 30px; }
#footer-text2 { margin: 45px 0px 0px 30px; }
#footer-text3 {	margin: 70px 0px 0px 30px; }

	.footer-links1 {
		font-size: 11px;
		color: #333;
	}
	
		.footer-links1 a {			
			color: #3D509E;
			font-weight:bold;
			text-decoration: none;
		}

	.footer-links2 { 
		font-size: 11px; 	
		color: #666;
	}
	
		.footer-links2 a {
			color: #6070AF;
			text-decoration: none;			
		}

			.footer-links1 a:hover, .footer-links2 a:hover {
				color: #940202;
				text-decoration: underline;			
			}		

	.footer-date {
		font-size: 11px;
		font-style: oblique;
		color: #454D6D;
	}

	#footer-logo {
		float: right;
		position: relative;
		width: 70px; height: 72px;
		margin: 25px 20px 0px 0px;
	}

/* centered image container */
.centered-image {
	text-align: center;
	position: relative;
	width: 950px;
	padding-bottom: 30px;
}

/* centered titles */
.header-centered {
	text-align: center;
	position: relative;
	margin: 0px auto; 
	padding: 10px 0px;		
}

	.header-centered h1 {
		font-size: 20px;
		color: #000;
	}

	.header-centered h3 {
		font-size: 14px;
		color: #000;
		font-weight: bold;
	}

/* padding top left bottom right */
.padding30 {
	padding: 5px 30px 5px 30px;
}


/* responsive table */

.table {
  margin: 5px 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 540px) {
  .table {
    display: block;
  }
}

.row {
  display: table-row;
  background: #f6f6f6;
}
.row:nth-of-type(odd) {
  background: #e9e9e9;
}
.row.header {
  font-weight: 900;
  color: #000000;
  background: #BDBDBD;
}

}
@media screen and (max-width: 540px) {
  .row {
    padding: 8px 0;
    display: block;
  }
}

.cell {
  padding: 10px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .cell {
    padding: 2px 12px;
    display: block;
}
  }
.data {
	border-style: none !important;
}