/* Basic Styles - H1-h6, P, inputs, etc. */
body{ background:#222; font-family:sans-serif; line-height:1.2em; }
input:active, input:focus{ outline:none; border:none; }
img { display: inline-block; vertical-align: middle; }
textarea { height: auto; min-height: 50px; }
select { width: 100%; }
p { font-size:0.875em; }
a{ text-decoration:none; color:rgb(128,0,0); }
a:active, a:visited, a:focus {
    outline: none;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* Specialty Styles
======================= */

/* Colorbox */
/* Colorbox Core Style:
   The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/media/1319198/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(/media/1319183/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/media/1319183/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/media/1319183/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/media/1319183/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(/media/1319183/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/media/1319183/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/media/1319178/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/media/1319178/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(/media/1319193/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/media/1319188/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/media/1319183/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/media/1319183/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/media/1319183/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
  Google Custom Search
*/
.gsc-resultsbox-visible .gsc-webResult.gsc-result.gsc-promotion {
	background:#e6e6e6;
	border:2px solid #ccc;
	padding:20px;
}
.gsc-resultsbox-visible .gsc-webResult.gsc-result.gsc-promotion:hover {
	background:#d6d6d6;
	border:2px solid #ccc;
	padding:20px;
}

/* Global Header Styles
----------------------- */
header{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.75); max-width:62.5em; margin: 0 auto; }

/*---------------- website survey button for header --------------------- */

.survey {
	position:relative;
	float:right;
	background:#222;
	padding:3px 10px;
	margin-top:12px;
	text-align:center;
	border-radius:3px;
	color:#ddd;
	border:1px solid #555;
	font:.75em sans-serif;
	transition:all .15s ease-in;
	line-height:1.5em;
	}
.survey:hover {
	background:rgb(93,80,70);
	border:1px inset #555;
	color:#fff;
	text-decoration:none;
		}
.survey span {
	
	display:inline-block;
	letter-spacing:normal;
	transition:all .3s ease-in-out;
	}
.survey:hover span {
	font-weight:bold;
	letter-spacing:0.1em;
	color:rgba(223,209,167, 0.6);
	
	}
.survey span:before {
	color:#fff;
	position:absolute;
	content:"<";
	left:0;
	opacity:0;
	transition:opacity .3s ease-in, transform .3s ease-in
}
.survey:hover span:before {
	font:bold 1em/1.4em sans-serif;
	transform:translateX(24px) rotate(180deg);
	opacity:1;
}
.survey span:after {
	color:#fff;
	position:absolute;
	content:">";
	right:0;
	opacity:0;
	transition:opacity .3s ease-in, transform .3s ease-in;
}
.survey:hover span:after {
	font:bold 1em/1.4em sans-serif;
	transform:translateX(-26px) rotate(-180deg);
	opacity:1;
}
.survey.popout {
	top:8px;
	padding-right:6px;
}
.survey.popout span {
	
	transform:translateX(-10px);
	display:inline-block;
	letter-spacing:-.633em;
	opacity:0;		
	transition:all .3s ease-in-out;
}
.survey.popout:hover span {
	margin-left:20px;
	letter-spacing:normal;
	opacity:1;
}
.survey.popout span:before, .survey.popout span:after {
	display:none;
}

@media only screen and (max-width:40.063em) { 

.survey { position:absolute; top:8px; left:100px; margin-top:0;}


}

	



.mainHeader{ background: rgb(128,0,0); }
.mainHeader .mainLogo{ /* max-width: 301px;*/ padding:18px 0 16px 13px; }
.mainHeader .search-box{ max-width:200px; float:right; padding-top:10px; }
.mainHeader .search-box input{ font-size:0.8rem; font-weight:normal; }
.mainHeader .search-box .go{ display:inline; border:none; padding:5px; color:#fff; font-weight:bold; font-size:10px; cursor:pointer; background:#222; width:auto; margin:3px 0 0; float:right; border-radius:3px; }
.mainHeader .search-box label{ font-size: 11px/12px; color:#fff; }
.mainHeader .search{ border:none; padding:3px 8px; border-radius: 3px; width:82%; margin:3px 0 0; display:inline; }
.mainHeader .search:focus{ box-shadow:0 0 10px #ccc inset; }

.quickLink{ float:right; clear:right; padding:10px 5px; }
.quickLink ul{ margin:0; padding:0; list-style:none; font: 11px/12px sans-serif; }
.quickLink ul li { display:inline; margin:0; padding:0px 5px; }
.quickLink ul li:not(:last-child) { border-right: solid 1px #333; padding-right:8px; }
.quickLink ul li a{ color:#fff; }



/* Emergency Notification Styles - Also located in UniversalNav.css (for phase 2 templates) */
.emergencyUpdate {
	background-color:#fff;
	color:#000;
	width:100%;
	font-family: sans-serif;
	box-sizing:border-box !important;
	box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
	padding-bottom:10px;
}
.emergencyUpdate a {
	color:#000;
	text-decoration:underline;
}
.emergencyUpdate p {
	padding:5px 10px;
	font-size:13px !important;
	line-height:17px !important;
}
.emergencyUpdate h1, .emergencyUpdate h2, .emergencyUpdate h3 {
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
	line-height:initial;
}
.emergencyUpdate .timestamp {
	margin:0 0 0 10px;
    background: #800000;
    display: inline-block;
    color: #fff;
	padding:2px 10px;
}

/* Global Body Styles --------------------------- */

#middlewrap { background:#fff; }
main { background: white; max-width: 62.5em; margin: 0 auto; }

main input[type=text], main input[type=password], main input[type=search]{
	font-size:0.8em; font-weight:normal;
	border:solid 1px #ccc; padding:3px 8px; border-radius: 3px; margin:0; display:inline;
	min-width:50%;
}
main .go{ display:inline; border:none; padding:5px; color:#fff; font-weight:bold; font-size:11px; cursor:pointer; background:#222; width:auto; margin:0; border-radius:3px; }

/* News item styles for news macro */
.featured-listings .listing { padding:15px; border-bottom:1px solid #ccc;
	background:#ddd; margin:10px 0px; border-radius:10px; width:100%;
}
.featured-articles .listing { padding:15px; border-bottom:1px solid #ccc; background:#ddd; 
	margin:10px 0px; border-radius:10px; width:95%;
}

#main-content-wrap {
	margin:0 20px;
}
.profile-text p:first-of-type {
	margin-top:0;
}
.profile-text p:last-of-type {
	margin-bottom:0;
}			
.profile-image {
	
	float:left;
	width:47%;
}
.profile-image:nth-child(odd) {
	margin-left:20px;
}
.profile-image:nth-child(even):after {
	display:block;
	content:"";
	clear:left;
	
}
.box {
	
	padding:15px;
    border:3px solid rgba(255,255,255,0.5);
    border-radius:5px;
	box-shadow: 0px 25px 15px -20px rgba(0,0,0,0.50);
	}
	
.tanBG {
	background:rgba(233,209,167,0.5);
}
.blueBG {
	
	background:rgba(79,117,139,0.5);
}
.profile-body {
	padding:25px;
}
.profile-body h2 {
	color:#800000 !important;
	
}
.profile-name {
	color:#4f758b;
	font-size:1.3em;
}

.prevNextWrap {
	text-align:right;
	margin:10px 0;
}
.prevNext {
	border-radius:3px;
	padding:3px 15px;
	font:bold .8em sans-serif;
	background:#4f758b;
	color:#fff;
	margin-left:5px;
	
	}
	
/* Global Navigation Styles
--------------------------- */
nav .toggle{ color:#fff; font-size:1.0rem; padding:12px 5px; margin: 0 10px; }
.universalNavBar{ background:#000; color:#fff; }
.nav { width: 100%; float:left; margin:0; padding:0; list-style:none;
	border-bottom:1px solid #000;
	border-top: 4px solid #fff;
	background: rgb(85,85,85);
	background: -moz-linear-gradient(top, rgb(30,87,153) 0%, rgb(85,85,85) 0%, rgb(45,45,45) 25%, rgb(0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(30,87,153)), color-stop(0%,rgb(85,85,85)), color-stop(25%,rgb(45,45,45)), color-stop(100%,rgb(0,0,0)));
	background: -webkit-linear-gradient(top, rgb(30,87,153) 0%,rgb(85,85,85) 0%,rgb(45,45,45) 25%,rgb(0,0,0) 100%);
	background: -o-linear-gradient(top, rgb(30,87,153) 0%,rgb(85,85,85) 0%,rgb(45,45,45) 25%,rgb(0,0,0) 100%);
	background: -ms-linear-gradient(top, rgb(30,87,153) 0%,rgb(85,85,85) 0%,rgb(45,45,45) 25%,rgb(0,0,0) 100%);
	background: linear-gradient(to bottom, rgb(25,25,25) 0%, rgb(93,80,70) 10%,rgb(45,45,45) 25%,rgb(45,45,45) 35%,rgb(35,35,35) 80%, rgb(0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 );
	font-size:12px;
	text-align:center;
}
.nav li{ float:left; }
.nav li a{ display:block; padding:7px 20px; text-decoration:none; color: #fff; 
	-moz-transition:background 500ms ease, border-color 500ms ease, box-shadow 500ms ease;
	-webkit-transition:background 500ms ease, border-color 500ms ease, box-shadow 500ms ease;
	-o-transition:background 500ms ease, border-color 500ms ease, box-shadow 500ms ease;
	transition:background 500ms ease, border-color 500ms ease, box-shadow 500ms ease;
}
.nav li:not(:first-child) a{ border-left: solid 1px rgb(93,80,70); }
.nav li a:hover{ background: rgb(93,80,70); box-shadow: inset 0 5px 10px rgba(0,0,0,0.55); }
.nav li:not(:first-child) a:hover { border-left: solid 1px rgba(0,0,0,0.75); }

.universalNavBar .search-box{ width:auto; display:none; margin:0 10px; }
.universalNavBar #search input[type=text]{ border:none; max-width:85%; display:inline; }

/* ----------------image hover buttons------------------------- */

.image-button {
opacity:1.0;
transition:opacity .25s ease-in-out;

}
.image-button:hover {
	opacity:0.65;
	
}

.button-darken {
	background:rgba(0,0,0,1.0);
	transition:background .25s ease-in-out;
}
	
.button-darken:hover {
	background:rgba(0,0,0,0.45);
	
}

/* CSS Buttons Grey, Blue, Red and Black are the current options */

a.button {
	padding:5px 15px;
	border-radius:6px;
	border:2px solid;
	text-align:center;
	text-shadow:1px 1px 1px #333;
	transition:all 350ms ease-in-out;
	-moz-transition:all 350ms ease-in-out;
	-webkit-transition:all 350ms ease-in-out;
	-ms-transition:all 350ms ease-in-out;
	text-decoration:none;
	box-shadow:0px 15px 8px -12px rgba(0,0,0, 0.75);
	-moz-box-shadow:0px 15px 8px -12px rgba(0,0,0, 0.75);
	-webkit-box-shadow:0px 15px 8px -12px rgba(0,0,0, 0.75);
	-ms-box-shadow:0px 15px 8px -12px rgba(0,0,0, 0.75);
	display:inline-block;
	
}
a.red{
	background: rgba(128,0,0,1.0);
	color:#f7f7ff;
	border-color:rgba(255,255,255, 0.6);
	border-style:inset;
	
}

a.red:hover{
	background:rgba(128,0,0,0.7);
	color:#fff;
	border-color:rgba(128,0,0, 0.5);
	border-style:inset;
	box-shadow:0px 8px 7px -4px rgba(0,0,0, 0.90);
	-moz-box-shadow:0px 8px 7px -4px rgba(0,0,0, 0.90);
	-webkit-box-shadow:0px 8px 7px -4px rgba(0,0,0, 0.90);
	-ms-box-shadow:0px 8px 7px -4px rgba(0,0,0, 0.90);
}


a.black{
	background: #444;
	color:#f7f7ff;
}
a.black:hover{
	background:#000;
	color:#fff;
}
a.grey, a.gray{
	background: #aaa;
	color:#fff;
}
a.grey:hover, a.gray:hover{
	background:#888;
	color:#fff;
}
a.blue{
	background: #b6c4d1;
	color:#f7f7ff;
}
a.blue:hover{
	background:#97a9bf;
	color:#fff;
}
a.button-text {
	font:11px/11px sans-serif;
	padding:2px 10px 2px 10px;
	background:#e5c4bf; /* fallback for IE 7 */
	background:rgba(128, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}
a.button-text:hover {
	background:#800000;
	background:rgba(128, 0, 0, 1);
	color:#fff;
}

/* Global Footer Styles
----------------------- */
footer { 
	max-width:62.5em; margin:0 auto; clear:both; color:#fff; padding-top:30px; box-shadow:0 3px 10px 5px rgba(0,0,0,0.75); position:relative; z-index:100; 
	background:#800000; padding-bottom: 2rem;
	background: -moz-linear-gradient(top, rgb(86,0,0) 0%, rgb(128,0,0) 35%, rgb(128,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(86,0,0)), color-stop(35%,rgb(128,0,0)), color-stop(100%,rgb(128,0,0)));
	background: -webkit-linear-gradient(top, rgb(86,0,0) 0%,rgb(128,0,0) 35%,rgb(128,0,0) 100%);
	background: -o-linear-gradient(top, rgb(86,0,0) 0%,rgb(128,0,0) 35%,rgb(128,0,0) 100%);
	background: -ms-linear-gradient(top, rgb(86,0,0) 0%,rgb(128,0,0) 35%,rgb(128,0,0) 100%);
	background: linear-gradient(to bottom, rgb(86,0,0) 0%,rgb(128,0,0) 35%,rgb(128,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#560000', endColorstr='#800000',GradientType=0 );
}
footer hr { border: 0; height: 1px; margin:20px 0; 
	background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); }
footer h3, footer h4{ font-size:0.875rem; color:#fff; text-shadow:.05rem .05rem .25rem #000; border-bottom:solid 1px rgba(255,255,255,.25); padding:.25rem; margin-top:0; margin-bottom:10px; }
footer p{ font-size:0.75rem; margin:0;}
footer:after{ content: " "; height:0; visibility:hidden; clear:both; display:block; }
footer ul{ margin:0; padding:0; list-style:none; font-size:0.75rem; }

footer img.logo{ background:#800000; padding:10px 0; border-radius:6px; display:block; }

footer address{ font-size:12px; font-style:normal; color:#666; }

footer a{ color:#fff; }
footer a:hover, .footer a:active{ text-decoration:underline; color:#fff; }

footer .colophon p{ font-size:0.75rem; color: #fff; margin-top:0; min-height:0; border:none; }

footer .quicklinks h3,footer .quicklinks h4 { display:none; }
footer .quicklinks ul{ margin:0; padding:0; }
footer .quicklinks ul li{ display:inline; list-style:none; padding:0 10px 0 8px; margin:0; }
footer .quicklinks ul li:not(:last-child){ border-right: solid 1px #fff; }
footer .quicklinks ul li:first-child{ padding-left:0;}
/* Media Queries 
----------------------- */


		
@media only screen and (max-width:60.9em) {

#main-content-wrap {
	margin:0 20px;
}
	
.universalNavBar ul li {
	width:33.3%;
	border-bottom: solid 1px rgba(255,255,255,.25);
	font-size:1.3em;
}
		
					
}
		

@media only screen and (max-width:40.063em) { /* mobile phone styles */
.universalNavBar .go { display:inline; border: none; padding:6px 10px; color:#fff; font:bold 11px/12px sans-serif; display:inline; cursor:pointer; background:#800000; width:auto; margin:0; float:right; border:none; }
.universalNavBar ul{ text-align:left; display:none; clear:both; margin-top:10px; background:#000;}
.universalNavBar ul li{ width:50%; float:left; display:block; border-collapse:collapse; border-bottom:solid 1px rgba(255,255,255,.25); font-size: 12px;}
.universalNavBar ul li:nth-child(even){ border-left:solid 1px rgba(255,255,255,.25); }
.universalNavBar ul li a{ display:block; border-radius:none; text-align:left; padding:10px; margin:0; border-radius:0; }
.universalNavBar input{ padding:2px 5px; }
.gs-webResult .gsc-table-result .gs-image-box { display:none; }
/* .survey { position:absolute; top:9px; left:100px; margin-top:0;}
*/
#main-content-wrap {
	margin:0 10px;
}
.box {
	padding-bottom: 10px;
}
.box .profile-text p:nth-child(1) {
	margin-top:8px !important;
}
.box p:first-of-type {
	display:inline-block;
	margin-top:0 !important;
}
.box p:last-of-type {
	margin-bottom:0 !important;	
}
.box p {
	display:block;
	float:none !important;
	margin:5px 0 !important;
}
.box img {
	display:block;
}
.profile-body {
	padding:25px 5px;
	font-size:1.3em !important;
	line-height:1.2em !important;
}
.profile-body h2 {
	color:#800000;
	font-size:.6em !important;
	line-height:1.1em !important;
}

}
































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.alignright + img, img.alignright {
float:right; margin:0 0 10px 25px;
}

.alignleft + img, img.alignleft {
float:left; margin:0 25px 10px 0;
}

.textright {
text-align:right;
}

.textleft {
text-align:left;
}

.textcenter {
text-align:center;
}

.hidden {
display:none;
}