/* "Voodoo Child" CSS Reset by Thom Stricklin. Based on W3C defaults, YUI and work by Shaun Inman. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,embed,object {
	padding: 0;	margin: 0; outline: 0; }
table,td,th { font-size: 1em; outline: 0; }
fieldset, img, abbr { border: 0; }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.50em; }
h3 { font-size: 1.17em; }
h4, h5, h6 { font-size: 1.0em; }
h1, h2, h3, h4, strong, b { font-weight: bolder; }
h5 { font-weight: bold; }
h6 { font-weight: normal; }
q:before, q:after {	content: ''; }
ins { text-decoration: none; }
sub { vertical-align: bottom; font-size: 0.67em; }
sup { vertical-align: top; font-size: 0.67em; }

/* Slight Return.  These settings are more likely to change from project-to-project. */
h1 { margin: 0.5em auto; }
h2 { margin: 0.67em auto; }
h3 { margin: 0.85em auto; }
h4,h5,h6,p,blockquote,ul { margin: 1em auto; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
ul, ol, blockquote, dd { margin-left: 5ex; }
.block-list, .inline-list { margin-left: 0px; }
.block-list li { list-style: none; }
.inline-list li { list-style: none; display: inline; }
label { display: inline-block; width: 12ex; }
fieldset.center { text-align: center; }
fieldset.center label { text-align: right; width: 12ex; }


/*************** Architeck Template 2.0 Layout ***************/

html { height: 100%; overflow-y: scroll; }

body { height: 100%; }

body, #ARCHITECK_body {
	margin: 0px ! important;
	background: #EEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#bg-tile { background: url('../images/bg-tile.png') top center repeat-y; }
#bg-bottom { background: url('../images/bg-bottom.png') bottom center no-repeat; padding-bottom: 15px; }
#bg-top { background: url('../images/bg-top.png') top center repeat-x; padding-top: 19px; }

.clear { clear: both; }

/* Zebra Striping */
.head { background-color: #CCC ! important; }
.odd { background-color: #E6E6E6 ! important; }
.even { background-color: #F7F7F7 ! important; }

a { color: #26B; }
a:hover, a:focus { color: #49D; }

/**** District brand *****/

	#mps-logo { margin: 0px; }
	#mps-logo a {
		display: block;
		height: 32px; width: 775px; margin: 0px auto;
		text-align: left; text-indent: -3000em; outline: none;
		background: #049 url('../images/mps-logo.png') top center no-repeat;
		border-bottom: 1px solid #FFF;
	}


/***** Header *****/

	#header {
		width: 775px; height: 120px;
		margin: 0px auto; overflow: hidden;
		background: #000;
	}
	#header h1 { margin: 0px; }
	#header img {
		width: 775px; height: 120px;
	}
	#header.xl, #header.xl img { height: 150px; }
	#header .vcard { display: none; }

/***** Primary Navigation *****/

	#navwrap { width: 775px; margin: 0px auto; overflow: hidden; }
	#nav {
		width: 775px;
		margin: 0px auto; padding: 3px 0px;
		text-align: center;
		display: table;
		background: #AAA;
	}
	#nav.equal-spacing { table-layout: fixed; }
	#nav li {
		text-align: center; vertical-align: middle;
		list-style: none; display: table-cell;
	}
	#nav td { padding: 3px 0px; }
	#nav a { color: #555; text-decoration: none; font-weight: bold; }
	#nav a:hover, #nav a:focus { color: #000; }

/***** Content wrapper (whitespace) *****/

	#contentwrap {
		width: 775px; margin: 0px auto;
		background: #FFF url('../images/content-shadow.png') top left repeat-x;
	}

/***** Sidebar *****/

	#sidebarwrap { float: left; width: 155px; }
	#sidebar {
		width: 145px; padding: 5px 5px 2px; margin-bottom: 5px; 
		background: #D5D5D5 url('../images/sidebar-corner.gif') bottom right no-repeat;
	}
	#sidebar h2 { margin: 0px 0px 4px; color: #777; font-size: 0.9em; font-weight: bold; }
	#sidebar ul { width: 145px; margin: 0px; font-size: 0.85em; line-height: 1em; overflow: hidden; }
	#sidebar li { list-style: none; padding-bottom: 0.4em; white-space: nowrap; }
	#sidebar a { text-decoration: none; color: #666; }
	#sidebar a:hover, #sidebar a:focus { color: #000; }
	#page-sharing {
		padding-bottom: 5px; text-align: center;
		font-size: 0.85em; line-height: 1.5em; color: #888;
	}
	#page-sharing a { color: #444; opacity: 0.67; }
	#page-sharing a:hover, #page-sharing a:focus { opacity: 1.0; }

/***** Content *****/

	#content { padding: 8px 12px; overflow: hidden; width: 750px; }
	#content.nowrap-sidebar { width: 595px; }
	#content h1, #content h2, #content h3 {
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif ! important;
	}
	#content > *:first-child { margin-top: 0px ! important; }

/***** Footer *****/

	#footwrap {
		width: 775px; margin: 0px auto;
		background: #AAA url('../images/foot-tile.png') top center repeat-y;
	}

	#footer {
		width: 755px; padding: 7px 10px 10px; text-align: center;
		color: #444; font-size: 0.85em; line-height: 1.5em;
		background: url('../images/foot-bottom.png') bottom center no-repeat;
	}
	#footer a { color: #444; }
	#footer a:hover, #footer a:focus { color: #000; }
	#footer-copyright { float: left; text-align: left; width: 53%; }
	#footer-search { float: right; text-align: right; width: 46%; }
	#footer-login { clear: both; }

/***** Google Search Box *****/

	form#cse-search-box { margin: 0px; text-align: right; }
	#cse-search-box .search-sites { font-size: 0.9em; }

/***** Form Input Styles *****/

textarea { overflow: auto; font-family: Arial, Helvetica, sans-serif; }
input[type='text'], input[type='password'],.input-rounded,textarea {
	font-size: 1em;
	border: 1px solid #999; margin: 1px; padding: 2px;
	-moz-border-radius: 0.33em; -webkit-border-radius: 0.33em;
	background: #FFF url('../images/input-bg.jpg') top center repeat-x;
	outline: none;
}
select.input-rounded { padding: 1px; background-image: none; }
input[type='text']:focus, input[type='password']:focus,.input-rounded:focus,textarea:focus {
	border: 2px solid #49D ! important; margin: 0px; padding: 1px auto;
	background: #FFF url('../images/input-bg-hover.jpg') top center repeat-x;
}
input[type='text'][disabled], input[type='password'][disabled],.input-rounded[disabled],textarea[disabled] {
	color: #666; background-image: none; background-color: #DDD; border-color: #999;
}

input[type='button'], input[type='submit'], .button-rounded {
	font-size: 1em;
	color: #333; background: url('../images/button-bg.jpg') #EEE center center repeat-x;
	border: 1px solid #666; padding: 1px 1ex 2px; margin: 1px;
	-moz-border-radius: 0.33em; -webkit-border-radius: 0.33em;
	outline: none;
}
.button-rounded { text-align: center; }

/* Wow, a Firefox hack. */
input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner { border: none; }

input[type='button']:hover, input[type='button']:focus,
input[type='submit']:hover, input[type='submit']:focus, .button-rounded:hover, .button-rounded:active, .button-rounded:focus {
	color: #000; background-image: none; background-color: #BDF; margin: 0px; border: 2px solid #49D;
}
input[type='button'][disabled], input[type='submit'][disabled], .button-rounded.disabled {
	background-color: #DDD; background-image: none; color: #BBB;
	border: 1px solid #BBB; padding: 1px 1ex 2px; margin: 1px;
}

/***** Browser-specific rules *****/

html.ie	#page-sharing a { color: #666; opacity: 1.0; }
html.ie #page-sharing a:hover, #page-sharing a:focus { color: #444; }

html.ie6 #nav, html.ie7 #nav { display: block; }
html.ie6 #nav li, html.ie7 #nav li { display: inline; }
html.ie6 #content { width: 750px; }
html.ie6 #content.nowrap-sidebar { float: left; width: 595px; }

/***** Media display rules *****/

@media screen { div#ARCHITECK_toolbar_wrapper { overflow-y: scroll ! important; } }

@media print {
	#header, #header img { width: 650px; height: 100px; }
	#header.xl, #header.xl img { height: 125px; }
	
	#mps-logo, #navwrap, #nav, #sidebar, .noprint { display: none ! important; }

	#contentwrap { width: 650px; margin: 0px auto; }
	#content { padding: 1.5em 0px 0px; width: auto; overflow: visible; }

	#footwrap, #footer { width: 650px; overflow: hidden; }
	#footer { padding: 7px 0px 0px; }
	#footer-copyright { float: none; text-align: center; }
	#footer, #footer a { color: #AAA ! important; }

	#bg-tile, #bg-bottom, #bg-top, #contentwrap, #footwrap, #footer {
		background: transparent ! important; background-image: none ! important;
	}
}

/***** Best Practices Style Enforcement *****/

#content * { font-family: Arial, Helvetica, sans-serif ! important; }

html.do-bp.basic-_index #content table,
html.do-bp.basic-_index #content tr,
html.do-bp.basic-_index #content th,
html.do-bp.basic-_index #content td,
html.do-bp.basic-_index #content table {
	background-image: none ! important; background-color: transparent ! important;
}

#content a span, html.basic-_index #content span { font-size: 1em ! important; }
#content a span { text-decoration: inherit ! important; }
html.ie6 a span, html.ie7 a span { text-decoration: underline ! important; }

/***** Miscellaneous *****/

html.all-login #page-sharing,
html.all-login #footer-search,
html.all-login #footer-login {
	display: none; }

a.recaptcha_icon {
	display: inline-block;
	width: 14px; height: 14px;
	font-size: 14px; line-height: 14px;
	text-indent: -1000em;
}

.recaptcha_refresh a { background-image: url('../../../_global/img/refresh.gif'); }
.recaptcha_do_audio a { background-image: url('../../../_global/img/audio.gif'); }
.recaptcha_do_image a { background-image: url('../../../_global/img/captcha.gif'); }

/* Stupid hack because people are stupid */

html.header-93px #header, html.header-93px #header img { height: 93px; }

/* Mobile Compatibility */

html.mobile body { background: #444; }
html.mobile #bg-top { padding-top: 0px; }
html.mobile #bg-bottom { padding-bottom: 0px; }

html.mobile #mps-logo a { height: 60px; background-image: url('../images/mps-logo-mobile.png'); }

html.mobile #nav { padding: 0.5em 0px; -webkit-text-size-adjust: 133%; }
html.android #nav, html.android #sidebar { font-size: 1.33em; }
html.mobile #sidebar { -webkit-text-size-adjust: 133%; }
html.mobile #sidebar li { padding: 0.33em; }

html.mobile #page-sharing { display: none; }
html.mobile #footer { background-image: none; -webkit-text-size-adjust: 225%; }
html.android #footer { font-size: 2.25em; }
html.mobile #footer-copyright, html.mobile #footer-search { float: none; width: 100%; text-align: center; }
html.mobile #footer-copyrignt { line-height: 1em; }
html.mobile #footer-search { margin: 1em auto 0.5em; }