@charset "utf-8";
/* SUU Police - Screen Styles - Created by SUU Web Services, August 2007 */

/* ----  Container div for SUU Police site ---- */
#ps-container { 
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}
/* ----  Identification for SUU Police site ---- */
#ps-identity { 
	background: #000000;
	color: #FFFFFF;
	display: block;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
	#ps-identity h1 {
		background: url(../images/ban-police.gif) no-repeat;
		color: #FFFFFF;
		height: 50px;
		margin: 0px auto;
		padding: 0px;
		text-indent: -9999px;
		width: 760px;
	}
	#ps-identity h1 a {
		display: block;
		height: 50px;
		text-decoration: none;
		width: 330px;
	}
/* ----  Home page only welcome/quote banner ---- */
#ps-welcome { 
	background: #666666 url(../images/welcome-bkg.jpg) repeat-x;
	height: 149px;
	margin: 0px;
	padding: 0px;
}
	#ps-welcome #ps-welcome-contain {
		color: #FFFFFF;
		margin: 0px auto;
		padding: 0px;
		width: 760px;
	}
		#ps-welcome #ps-welcome-contain img {
			float: left;
		}
		#ps-welcome #ps-welcome-contain h3 {
			color: #FFFFFF;
			font-size: 1.1em;
			margin: 0px;
			padding: 30px 10px 0px 10px;
		}
		#ps-welcome #ps-welcome-contain blockquote {
			font-style: italic;
			font-size: 1.5em;
			margin: 0px;
			padding: 10px 0px 0px;
		}
/* ----  Container for navigation and body ---- */
#ps-main { 
	margin: 0px auto;
	padding: 0px;
	width: 760px;
}
	#ps-main #ps-nav {
		float: left;
		margin: 0px;
		padding: 20px 0px;
		width: 317px;
	}
		#ps-main #ps-nav ul {
			list-style-type: none;
			margin: 0px 65px 0px 52px;
			padding: 0px;
		}
		#ps-main #ps-nav li {
			background: #666666 url(../images/nav-li-bkg.jpg) no-repeat;
			color: #FFFFFF;
			font-size: 1.1em;
			font-weight: bold;
			height: 25px;
			margin: 0px 0px 2px;
			padding: 0px;
			text-align: center;
			vertical-align: middle;
			width: 200px;
		}
		#ps-main #ps-nav li a {
			color: #FFFFFF;
			display: block;
			height: 20px;
			padding: 4px 0px 0px;
			text-decoration: none;
			width: 200px;
		}
		#ps-main #ps-nav li a:hover {
			background: #990000;
			border-bottom: 1px solid #666666;
			color: #FFFFFF;
		}
	#ps-main #ps-content {
		float: left;
		width: 443px;
	}
		/* --- header styles --- */
		#ps-main #ps-content h2 {
			font-size: 1.5em;
			margin: 20px 0px 10px;
			padding: 0px;
		}
		#ps-main #ps-content h3 {
			color: #990000;
			font-size: 1.3em;
			margin: 0px 0px 3px;
			padding: 0px;
		}
		#ps-main #ps-content h4 {
			color: #666666;
			font-size: 1.3em;
			margin: 0px 0px 3px;
			padding: 0px;
		}
		#ps-main #ps-content h5 {
			color: #990000;
			font-size: 1.1em;
			margin: 0px;
			padding: 0px 0px 3px;
			text-transform: uppercase;
		}
		#ps-main #ps-content h6 {
			color: #666666;
			font-size: 1.1em;
			margin: 0px 0px 3px;
			padding: 0px;
			text-transform: uppercase;
		}
		/* --- text formatting --- */
		#ps-main #ps-content p {
			margin: 0px 0px 20px;
			padding: 0px;
		}
		#ps-main #ps-content .homefooter {
			font-size: 0.8em;
			text-align: right;
		}
		/* --- Pics --- */
		#ps-main #ps-content img {
			margin: 3px;
		}
		/* --- submenu --- */
		#ps-main #ps-content ul.submenu {
			border: 1px solid #CCCCCC;
			border-bottom: 0;
			float: right;
			font-size: 0.9em;
			list-style-type: none;
			margin: 5px 0px 5px 10px;
			padding: 0px;
			text-align: center;
			width: 175px;
		}
		#ps-main #ps-content ul.submenu li {
			background-color: #EEEEEE;
			border-bottom: 1px solid #CCCCCC;
			margin: 0px;
			padding: 2px;
		}
		#ps-main #ps-content ul.submenu li a {
			color: #333333;
			text-decoration: none;
		}
		#ps-main #ps-content ul.submenu li a:hover {
			color: #333333;
			text-decoration: underline;
		}
		/* --- table styles --- */
		#ps-main #ps-content table {
			border: 1px solid #CCCCCC;
			border-bottom: 0;
			border-collapse: collapse;
			margin: 0px 0px 10px;
			padding: 0px;
			width: 100%;
		}
			#ps-main #ps-content caption {
				font-size: 0.7em;
				font-style: italic;
				margin: 0px;
				padding: 0px;
				text-align: right;
			}
			#ps-main #ps-content th {
				background: #CCCCCC;
				font-size: 0.8em;
				padding: 3px;
				text-align: left;
				text-transform: uppercase;
			}
			#ps-main #ps-content td {
				border-bottom: 1px solid #CCCCCC;
				padding: 3px;
			}
		/* --- form styles --- */
		#ps-main #ps-content form { 
			margin: 5px 0px;
			width: 100%;
		}
		#ps-main #ps-content label {
			border-bottom: 1px dotted #eeeeee;
			display: block;
			margin: 2px;
			overflow: hidden;
			padding: 5px;
			width: 100%;
		}
		#ps-main #ps-content label span {
			display: block;
			float: left;
			padding: 0px 5px;
			text-align: right;
			width: 25%;
		}
		#ps-main #ps-content legend {
			color: #666666;
			font-size: 1.1em;
			margin: 0px;
			padding: 0px;
		}
		#ps-main #ps-content fieldset {
			border: 0px;
			border-top: 1px solid #666666;
			margin: 3px 0px;
			overflow: hidden;
			padding: 0px;
			width: 100%;
		}
		#ps-main #ps-content fieldset input {
			border: 1px solid #666666;
			float: left;
			width: 60%;
		}
		#ps-main #ps-content fieldset input:hover {
			background-color: #eeeeee;
		}
		#ps-main #ps-content fieldset textarea {
			border: 1px solid #666666;
			float: left;
			width: 60%;
		}
		#ps-main #ps-content fieldset textarea:hover {
			background-color: #eeeeee;
		}
		#ps-main #ps-content fieldset textarea:active {
			border: 1px solid #a9baaa;
		}
		#ps-main #ps-content form div {
			margin: 5px 0px;
			text-align: center;
		}
		#ps-main #ps-content form div input {
			background: #666666;
			border: 1px solid #666666;
			color: #FFFFFF;
			margin: 3px;
		}
		#ps-main #ps-content form div input:hover {
			background: #990000;
			color: #FFFFFF;
		}
