/* CSS Document */



* {

	margin:0;

	padding:0;

	/* [disabled]font-size:100%; */

	line-height:1.4em;

}



body{

	background:#000 url('images/body-bg.jpg') no-repeat -50px 0px;

	text-align:center; 

	min-width:1025px

}



#header-top { background:url('images/header-bg.png') no-repeat 0 0; }

#main { background:url('images/main-bg.jpg') no-repeat 0 0; }

#content-area, #content-area-index { background:#fff url('images/content-bg.jpg') no-repeat 0 0; }

#sidebar, #sidebar td {	

	color:#fff;

	font-size:14px;

}

#sidebar td { padding:2px;}

img {

	vertical-align:top;

}



invisi { 

	display:none; 

}



a img {

	border:0px none;

}



ul {

	list-style:none;

}





.left { 

	float:left;

}

.right {

	float:right;

}

.clear  {

	clear:both;

}

.alignright {

	text-align:right;

}

.alignleft {

	text-align:left;

}

.aligncenter {

	text-align:center;

}

.colsize {

	font-size:12px;

}



blockquote { margin-left:30px; }



html, input, textarea, td {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height:19px;

	color:#282828;

}



input, select {

	vertical-align:middle; 

	font-weight:normal;

}



a {

	color:#393939; 

	outline:none;

}

a:hover{

	text-decoration:none;

	color: #F00;

}

.news {

	text-decoration:none

}

.news:hover {

	text-decoration:underline;

}

.link {background:url('images/link-bg.gif') no-repeat 0 6px;

		padding-left:21px;

		text-decoration:none;

		color:#393939;

		font-weight:bold;

		display:inline-block

}

.link:hover {text-decoration:underline;}

p {

	padding-top:19px;

	font-family: Arial, Helvetica, sans-serif;

}

.p1 {padding-bottom:10px;}

.p2 {padding-bottom:19px;}

.p3 {padding-bottom:24px;}

.p4 {

	padding-bottom:24px;

	padding-left:10px;

	padding-right: 10px;

}



.push20 {margin-right:20px}



.top {padding-top:5px;}

.top1 {padding-top:14px;}

.top2 {padding-top:19px;}

.top3 {padding-top:23px;}

.top4 {padding-top:27px;}



.m1 {margin-bottom:10px;}

.m2 {margin-bottom:20px;}

.m3 {margin-bottom:30px;}

.m6 {margin-bottom:100px;}



.ind1 {margin-left: 35px; }

.ind2 {margin-left: 25px; }

.ind3 {margin-left: 135px; }

.ind4 {margin-left: 265px; }



.margin {margin-right:5px;}

.pad-col {padding-right:55px;}



.wrapper {

	width:100%;

	overflow:hidden;

}



.wrapper-bg1 {

	width:280px;

	overflow:hidden;

	background: #CCC url('images/wrapper-bg1.jpg') repeat-x top left;

	margin-left:0; margin-right:0; margin-top:0; margin-bottom:33px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px

}



.phone {

	display:inline-block;

	width:76px;

}

/* ============================= main layout ====================== */

h1 {

	font-size:29px;

	line-height:1.2em;

	color:#2b2b2b;

	letter-spacing:-1px;

	padding-bottom:0px;

}

h2 {

	font-size:27px;

	line-height:1.2em;

	color:#2b2b2b;

	letter-spacing:-1px;

	padding-bottom:0px;

}

h3 {

	font-size:22px;

	line-height:1.2em;

	color:#525252;

	letter-spacing:-1px;

	padding-bottom:0px;

}

h4 {

	font-size: 16px;

	font-weight: bold;

}

h5 {

	font-size:16px;

	line-height:1em;

	color:#2b2b2b;

	letter-spacing:-1px;

	padding-bottom:0px;

}

h6 {

	font-size:18px;

	line-height:1.0em;

	color:#525252;

	letter-spacing:-1px;

	padding-bottom:0px;

}

li {

	/*background:url('images/list-li-bg.gif') no-repeat 0 7px;*/

	padding-left:10px;
padding-right:10px;
	line-height:2.5em;
	

}

#pre-footer li {

	background:url('images/list-li-bg.gif') no-repeat 0 7px;

	padding-left:20px;

	line-height:2.5em

}

li a {

	color:#666666;

}



.sub-menu {

	float:right;

	padding-top:36px;

	font-weight: bold;

}

.sub-menu li {

	display:inline-block;

	margin-left:14px;

	float:left;

	padding-right:10px;

	}

.sub-menu a {

	font-size:10px;

	line-height:1.2em;

	color:#818181;

	text-decoration:none; margin-left:6px;

	}

.sub-menu a:hover {text-decoration:underline;}	

.sub-menu .s1 {

	background:url('images/s1.gif') no-repeat 0 5px;

	}

.sub-menu .s2 {

	background:url('images/s2.gif') no-repeat 0 5px;

	}

.sub-menu .s3 {

	background:url('images/s3.gif') no-repeat 0 5px;

	}

.list li {

	background:url('images/list-li-bg.gif') no-repeat 0 6px;

	font-size:12px;

	line-height:19px;

	padding-left:18px

}

.list a {

	color:#0033FF;

	text-decoration:none;

}

.list a:hover {

	text-decoration:underline;

	}

	

.list_1 li {

	background:url('images/list-li-bg.gif') no-repeat 0 8px;

	font-size:12px;

	line-height:24px;

	padding-left:20px

}

.list_1 a {

	color:#676464;

	text-decoration:none;

}

.list_1 a:hover {

	text-decoration:underline;

	}	

	

.list_2 li {

	background:url('images/list-li-bg.gif') no-repeat 0px 3px;

	font-size:12px;

	line-height:1.2em;

	margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px

}

	

.list_2 a {

	color:#2b2b2b;

	text-decoration:none;

	font-size:12px;

	font-weight: bold;

}



.img-indent {

	margin:0 0 10px 20px;

	float:left;

}

.img-indent2 {

	margin:0 20px 10px 20px;

	float:left;

}

.img-indent3 {

	margin:6px 0 10px 5px;

	float:left;

}.img-indent3a {

	margin:6px 5px 10px 5px;

	float:left;

}

.img-indent-right {

	margin:0 0 10px 20px;

	float:right;

}



.img-border {

	border:1px solid #7d7d7d; 

	}	



.img-border-indent {

	margin:0 20px 10px 0;

	float:left;

	border:1px solid #7d7d7d;

}

.img-border-indent0 {

	float:left;

	margin:0px;

	border:1px solid #7d7d7d;

}

.img-border-indent1 {

	margin:10px 10px 10px 10px;

	border:1px solid #7d7d7d;

}

.img-border-indent2 {

	margin:0 20px 10px 20px;

	float:left;

	border:1px solid #7d7d7d;

}

.img-border-indent-right {

	margin:0 0 10px 20px;

	float:right;

	border:1px solid #7d7d7d;

}



.img-gallery {

	margin:0 8px 10px 8px;

	float:left;

	border:1px solid #7d7d7d;

}

.img-gallery-wrapper {

	float:left;

	text-align:center;

	margin-bottom: 10px;

}

.img-gallery-center {

	margin:0 8px 10px 8px;

	border:1px solid #7d7d7d;

}



.img-bumper { display:inline; float:left; margin-bottom:30px; }



.img-bumper-right { display:inline; float:right; margin-bottom:30px; }

strong {

	color:#2b2b2b;

}

/* ============================= header ====================== */

.logo {

	padding:0px 0px 0px 0px;

	float:left;

}

.menu-tail {

	background:url('images/nav-bg.jpg') no-repeat left top;

	}

.menu-left {

	/*background:url('images/menu-left.gif') no-repeat left top;*/

	}

.menu {

	/*background:url('images/menu-right.gif') no-repeat right top;*/

	height:21px;

	padding-left:7px; padding-right:0px; padding-top:5px; padding-bottom:4px

	}

.menu ul {float:left;}

.menu li, li2, li3 {

	
	background:none;

	float:left;

	font-size:12px;

	line-height:19px;
	
	font-weight: bold;

	}

.menu li a {

	text-decoration:none;

	color:#fff; 

	display:inline-block;

	text-transform:uppercase;

	margin-right:21px;

	}

.menu li a:hover, .menu li a.active {

	color:#8e8e8e;

	}

	

/*Submenu---tier 1---------------------------*/

.menu li .tier1, .tier2, .tier3 { /*Navigation submenu. Set the width for consistency and Opera fix.*/

	display: none; 

	width: 120px; /* Width to help Opera out */

	font-size: 0.9em;

	z-index:100;

}	

.menu li:hover .tier1, .tier2, .tier3 { /*Navigation submenu button hover attributes*/

	display: block;

	position: absolute;

	top:auto;

	left:auto;

	margin: 0 0 0 -20px;

	padding: 0; 

}

.menu li:hover li {/*Navigation submenu button attributes*/

	float: none; 	

}

.menu li:hover li a { /*Navigation submenu list item attributes*/

	color: #CCC;

	min-width: 120px; 

	background: none;

	background-color: #000000; 

	border-bottom: 1px solid #FF2F25;

	padding: 5px 10px 5px 15px;

	height: 1.7em;

}

.menu li li a:hover { /*Navigation submenu list item hover background color*/

	color: #FFF; 

	background-color: #333; 

}



/*---tier 2 ---------------------*/

.menu .tier2 {

	display: none;	

}

.menu .tier1 li:hover .tier2 {

	display: block;	

	margin: -29px 125px;

}

.menu .tier1 li:hover .tier2 li a{  /* set the colors of tier 2*/

	color: #FFF;

	background-color: #333; 

}

.menu .tier1 li:hover .tier2 li a:hover { /*tier 2 item hover background color*/

	color: #333; 

	background-color: #CCC; 

}



/*---tier 3 ---------------------*/

.menu .tier3 {

	display: none;	

}

.menu .tier2 li:hover .tier3 {

	display: block;	

	margin: -28px 125px;

}

.menu .tier2 li:hover .tier3 li a{  /* set the colors of tier 3*/

	color: #333;

	background-color: #CCC; 

}

.menu .tier2 li:hover .tier3 li a:hover { /*tier 3 list item hover background color*/

	color: #333; 

	background-color: #FFF; 

}



/*menu width adjustments-----------*/

.menu #about .tier1 li a {width: 190px; }



.menu #programs .tier1 li a {width: 220px; }

.menu #programs .tier2 li a {width: 240px; }

.menu #programs:hover .tier2 { margin: -28px 200px; } /*adjust offset for childmenu*/

.menu #public .tier1 li a {width: 200px; }

.menu #events .tier1 li a {width: 200px; }

.menu #resources .tier1 li a {width: 200px; }

.menu #contact .tier1 li a {width: 160px; }



/*	.menu #access .tier3 {width: 175px; }

/*	.menu #access:hover li a { width: 175px; }*/

	

/*	.menu #other .tier3 {width: 175px; }

/*	.menu #other:hover li a { width: 175px; }*/



/*===================================*/	

	

/* ============================= content ====================== */

.indent {padding:20px 23px 53px 17px;}



.box {

	background:#fff url('images/box-bg.gif') no-repeat left bottom;

	width:320px; 

	cursor:pointer; 

	color:#000; 

	font-size:18px;

	line-height:1.2em; 

	text-transform:uppercase; 

	float:left; 

	text-decoration:none

	}

.box strong {

	padding:9px 0px 12px 15px;

	display:block;

	}

.box2 {

	background:url('images/box2-bg.png') no-repeat top left;

	width:680px;

	float:left;

	margin: 5px 0 20px 0;

	padding:0 10px 0 10px;

	text-align:left;

	}

.box2 .title {

	padding:9px 0px 12px 5px;

	display:block;

	color:#fff;

	width:600px;

	text-align:left;

	}

.box2 a {color:#FFF; text-decoration:none; font-weight:bold; }

.slogon {

	font-size:29px;

	line-height:1.2em;

	color:#727272;

	letter-spacing:-1px;

	padding:10px 0 0px 17px;

	display:block;

}

.slogon strong {color:#2b2b2b;}

.definition {

	font-family:Georgia, "Times New Roman", Times, serif;

	margin: 0 0 15px 10px;

	text-decoration: none;

	font-style: italic;

	font-size: 16px;

	line-height: 1.8em;

}

.definition strong {color:#2b2b2b;}


.definition_small {

	font-family:Georgia, "Times New Roman", Times, serif;

	margin: 0 0 15px 10px;

	text-decoration: none;

	font-style: italic;

	font-size: 12px;

	line-height: 1.5em;

}

.columns { display: inline; float:left; padding:10px; margin:0px; min-width:100px; width:auto;}





.number {

	font-size:22px;

	line-height:1.2em;

	color:#636363;

	}

.text_1 {

	font-family:Verdana, Geneva, sans-serif; font-size:15px; line-height:21px; color:#383737; font-weight:bold; letter-spacing:-1px; display:block; padding-bottom:4px;

	}

.text_2 {

	font-size:22px;

	line-height:1.2em;

	color:#636363;

	}
	.text_3 {

	font-size:18px;

	line-height:1.0em;

	color:#636363;

	}



.color {color:#a4a4a4 !important;}

.social {

	width:112px; float:right; padding-right:58px; margin-top:-3px; padding-bottom:41px;

	}

.social img {margin-right:5px;}

.social .last {margin-right:0px;}



.border {border-bottom:1px solid #cccccc; padding-bottom:22px; margin-bottom:22px;}

.border-rt {border-right:1px solid #cccccc;}

/* ============================= footer ====================== */

#footer {}

#footer .row {

	}

#footer .main {	

	padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0;

	}

#prefooter {

	background: url('images/footer-bg.jpg') no-repeat top left;

	height: 25px;

	padding: 8px 10px 2px 10px;

	width: 1005px;

}

#footer-nav {

	background: url('images/nav-bg.jpg') no-repeat top left;

	padding:0px 5px 5px 5px;

	width: 1015px;

	height: 25px;

	

}



.footer-menu {padding:0px;

	}

.footer-menu ul {

	/*width:100%; 

	overflow:hidden;*/

	background: url('images/nav-bg.jpg') no-repeat top left;

	}

.footer-nav li {

	background:url('images/li-bg.gif') no-repeat 0px 12px; 

	float:left; 

	padding-left:17px; padding-right:18px; padding-top:0px; padding-bottom:0;

	margin-top:-3px;

	}

.footer-nav li.first {background:none;}

.footer-nav a {

	font-weight:bold;

	text-decoration:none;

	color:#d9d9d9;

	}

.footer-nav .active, .footer-menu a:hover {

	color:#000;

}

.privacy {

	font-size:13px;

	color:#a2a2a2;

	padding-left:17px;

	margin-top:8px;

	display:block;

	}

.privacy a {

	color:#a2a2a2;

	text-decoration:none;

	}

.privacy a:hover {

	text-decoration:underline;

	}



/* ============================= forms ============================= */

/* Form defaults */

input, select, textarea { 

	font-family:Arial, Helvetica, sans-serif;

	font-size:1em;

	vertical-align:middle;

	font-weight:normal;

	border:1px solid #CCC;

	outline:none;

	background-color:#FFFFFF;

	color:#666;

}

input[type="text"], textarea {

	background-color:#FFFFFF;

	padding:7px 9px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	position:relative;

	}

input[type="submit"], input[type="reset"] {

	position:relative;

	color:white;

	font-weight: bold;

	text-decoration:none;

	font-size:12px;

     background-color: #2054fc;

	border:none;

	height:31px;

	cursor:pointer;

	margin-right:4px;

	padding: 0px 8px 0 8px;

	}

input[type="submit"]:hover, input[type="reset"]:hover {

	background-color: #6a6a6a;

	color:black;

	}

input[type="image"] {

	border: none;

}



#ContactForm input[type="text"], textarea, select { color:#161616; }

#ContactForm input[type="text"], textarea {width: 170px; height:20px;

	background-color:#FFFFFF;

	padding:2px 3px;

	border-radius:0px;

	-moz-border-radius:0px;

	-webkit-border-radius:0px;

	position:relative;}

#ContactForm select {

	width: 225px;

}

#ContactForm textarea {

	height:65px;

	width: 215px;

}



	

#SearchForm {

	text-align:right !important;  padding:1px 8px 0 0; float:right;

	}

#SearchForm label {

	background:url('images/input-bg.gif') no-repeat right top; display:inline-block; vertical-align:top; margin-right:2px

	}

#SearchForm .input {

	width:122px; border:none; padding:2px 5px 2px 10px; font-size:10px;  vertical-align:top; color:#696256;  background:none; line-height:12px;

}

#SearchForm input {vertical-align:top;}



#Form {padding:7px 0px 26px 0;}

#Form label {

	display:block; vertical-align:top;  height:33px;

	}

#Form .label-1 {

	background:url('images/input1-bg.gif') no-repeat left top; width:95px; float:left

	}

#Form .label-1 .input {

	width:74px; padding:1px 5px 2px 7px;

}

#Form .label-2 {

	background:url('images/input2-bg.gif') no-repeat left top; width:164px; float:left

}

#Form .label-2 .input {

	width:150px; padding:1px 5px 2px 4px;

}

#Form .input {

	border:none; font-size:10px;  vertical-align:top; color:#a4a4a4;  background:none; line-height:12px;

}

#Form input {vertical-align:top;}

#Form a {font-size:10px; color:#5c5c5c; margin-right:15px;

}



#Form1 {padding:7px 0px 26px 0;}

#Form1 label {

	display:block; vertical-align:top;  height:33px;

}

#Form1 .label-3 {

	background:url('images/input3-bg.gif') no-repeat left top; width:111px; float:left

}

#Form1 .label-3 .input {width:97px; padding:1px 5px 2px 4px;}

#Form1 .label-4 {

	background:url('images/input4-bg.gif') no-repeat left top; width:146px; float:left

}

#Form1 .label-4 .input {

	width:137px; padding:1px 5px 2px 4px;

}

#Form1 .input {

	border:none; font-size:10px;  vertical-align:top; color:#a4a4a4;  background:none; line-height:12px;

}

#Form1 input {

	vertical-align:top;

}

#Form1 a {

	font-size:10px; color:#5c5c5c; margin-right:15px;

}

/*#ContactForm {

	padding-top:19px;

}

#ContactForm label {

	height:47px; 

	display:block;

}

#ContactForm .link {

	margin:14px 0px 0px 16px;

	

}

#ContactForm .column1 {

	float:left;

	width:290px;

}

#ContactForm .column2 {

	float:left; 

	width:310px;

}

#ContactForm .input {

	width:237px;

	border:1px solid #c6c5c3;;

	padding:2px 0 1px 3px;

	font-size:12px;

	line-height:14px; 

	background:#fff; 

	color:#a4a4a4;

}

#ContactForm textarea {

	width:308px; 

	height:111px; 

	border:1px solid #c6c5c3;

	background:#fff;

	padding:2px 0 0 3px; 

	overflow:auto; 

	font-size:1em; 

	color:#a4a4a4;

}*/



.sub-nav { 
	display:block;
	background: #7d7d7d url('images/submenu-bg.jpg') no-repeat top left; padding-left:4px; 
	padding-right:4px; padding-top:4px; width:100%;  padding-bottom:0px; background-size:cover; height:auto;}
}

.sub-nav li {

	display:inline;

	height:auto;

	width:auto;

	background:#CCC url('images/subnav-bg.jpg') repeat-x top left;

	line-height: 1em;

	padding: 4px 8px 4px 8px;

	margin-top: 2px;

	border-right:2px solid #777;

}

.sub-nav .selected {background:#CCC url('images/subnav-bg-selected.jpg') repeat-x top left; padding-left: 10px;

padding-right: 10px;

background-size: contain;}

.sub-nav li a { text-decoration: none; color:#161616; font-weight: bold; font-size: 12px; }

.sub-nav li a:hover {font-weight:bold; }



.address{

	width:205px; float:right;

}

	.address img{

		float:left;

		margin:5px 10px 10px 0;

	}

	.address p{

		padding:0;

	}

	.phone{

		display:inline-block;

		width:70px;

	}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



.blue {color:#039}

.red {color:#900}

.special { color:#900; font-size:18px; font-weight:bold;}



	

.rss { float:left; margin:2px 10px 15px 10px; }



#twitterfeedrssdiv a { color:#2E92BC; }

div .twittercol-2item {

	padding-top:5px;

	padding-bottom:5px;



}



.gfc-title { font-weight:bold; font-size:14px; }

.gf-snippet {font-size:9px; }



.img-menu {

	float: left;

	margin-top: 10px;

	margin-right: 30px;

	margin-bottom: 10px;

	margin-left: 10px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	text-align:center;

}



.img-menu-link { margin: 10px; }

.img-menu-link a { font-size: 11px; text-decoration:none; }

.img-menu-link a:hover { text-decoration:underline; }

.b1 {

	font-weight: bold;

	color: #ce050b;

}

.linebreak {

	display: block;

	clear: both;

	height: 1px;

	width: 80%;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #727272;

}

.note {

	font-size: 10px;

	line-height: 1em;

}

.fineprint {

	font-size: 9px;

}

#catalog td {

	font-size: 10px;

	padding: 4px;

	margin: 10px 0;

	background: #CCC url('images/catalog-bg.jpg') repeat-y;

	border: 1px solid #999;

}

#catalog p { line-height:2em }

#catalog strong { font-weight:bold; font-size:11px; }

#catalog .section-header, .section-header-214 {

	font-size: 12px;

	font-weight: bold;

	color: #CCC;

	background-color: #161616;

	display: block;

	padding: 4px 8px;

}

#catalog .section-header-214 {

	width: 214px;	

}

.text_3 {

	font-size: 16px;

	font-weight: bold;

}



/* Looped Slider */

	#loopedSlider .container{

	width:718px;

	height:325px;

	overflow:hidden;

	position:relative;

	cursor:pointer;

	z-index:50;

	}

	.slides { position:absolute; top:0; left:0; z-index:50;}

	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; z-index:50;}

	.slides .div, ul.slides li { position:absolute; top:0; width:718px; display:none; padding:0; margin:0; z-index:50;}

	

	#loopedSlider{

	margin:0 auto;

	width:718px;

	position:relative;

	clear:both;

	z-index:50;

	}

	

	#loopedSlider img{

	border:none;

	}.smallText1 {
	font-size: 10px;
}

.smallText2 {
	font-size: 11px;
}
.smallText3 {
	font-size: 12px;
}.block1 {
	background-color: #eee;
	padding: 8px;
	border: thin solid #CCC;
}.block2 {
	background-color: #fff;
	padding: 8px;
	border: thin solid #CCC;
}


/* OUW Mods 12/6/2017 */

/*body {
	background: #fff;
}

#content-area, #content-area-index {
	background: #fff;
}

#header .main #header-top {
	display: none;
}

#content #main .wrapper .sub-nav {
	display: none;
}

#header .main .menu-tail {
	background: none;
}

#header .main .menu-tail .menu-left .menu .wrapper .main #header-top {
	display: block;
	background: none;
}

#header .main .menu-tail .menu-left .menu .wrapper .main #header-top .right {
	display: none;
}

#footer .main .footer-menu #prefooter {
	background: none;
}

#header .main .menu-tail .menu-left .menu .wrapper .main .menu-tail {
	background: url('images/nav-bg.jpg') no-repeat left top;
}*/





/* Last Update 1-3-18 */

#programs ul li:nth-child(5), #programs ul li:nth-child(7), li#public, #AutoNumber3, li#events, #catalog {
	display: none;
}
#resources ul li:nth-child(1), #resources ul li:nth-child(3), #resources ul li:nth-child(4), #contact ul li:nth-child(3), #contact ul li:nth-child(4) {
	display: none;
}


.sub-nav ul li{float:left !important; border-right:1px solid #dbdbdb;}