/*COLORS
Ivory: #FFFDE7
Dark Blue; #2c1c81
*/


body {
	margin:0;
	background:#F0F0F4 url('/images/bg_gradient.jpg') repeat-x;
	font-family:arial,verdana, helvetica, sans-serif;
}

A	{  color:#555; text-decoration: none}

A:hover	{   color:#aaa;/*red;*/ text-decoration: none;}

a.active {
	font-weight:bold;
	}

h1 {
	font-size:1.5em;
	font-weight:bold;
	color:#505091;
	}
	
div.login {
	border:inset #eee;
	background: #eeffff;
	width:80%;
	padding-left:5px;
}
	div.login a{
		display:block;
	}
	div.login span {
		font-size:x-small;
		color: green;
		font-style:italic;
		padding:2px;
		display:block;
		}

div#header {
		margin:auto;
		background:url(/images/header.jpg) no-repeat center;
		height:175px;
		width:1023px;
}
div#fadeshow1 {
	position:absolute;
	top:0px;
	left:681px;
	width:341px;
	height:175px;
}

div#pageHolder {
	margin:auto;
	width:1023px;
	position:relative;
	background:url('/images/bg_content.png') repeat-y center;
	
}

div#navbar {
	margin:auto;
	background:url('/images/nav-bar.jpg') no-repeat center;
	width:1023px;
	height:37px;
}

div#mainNav {
	position:absolute;
	top:185px;
	left:75px;
	width:950px;
	float:left;
	height:30px;
	z-index: 1 !important; 
	/*border:1px solid blue;*/
	
}

	div#mainNav a{
		color:darkblue;
		/*font-weight:bold;*/
		height:1.7em;
		display:block;
		float:left;
		/*width:10em;
		text-align:center;
		border:1px solid blue;*/
		padding:0 40px;
		background:none;
		text-decoration:none;
		font-size:1.0em;
		}
	div#mainNav a.active{
		background:#fff;
		border-top:1px #ddd solid;
		border-left:1px #ddd solid;
		border-right:1px #ddd solid;
		}
		
	div#mainNav a:hover{
		color:#ff0000;
		}
div#contentHolder {
	margin:0 30px;
	min-height:299px;
	/*border:1px solid red;*/
}

/* SIDE NAV */
div#sidenav {
	width:180px;
	float:left;
	border-right:1px solid #2c1c81;
}

	div#sidenav a{
		line-height:1.5em;
		/*padding-left: 15px;*/
		display:block;
		text-decoration:none;
		font-size:.80em;
		clear:left;
		background:url(/images/css/bullet2.jpg) left no-repeat;		
		}


	div#sidenav a:hover{
		color:#FFFDE7;
		background:#2c1c81;
		padding-left:2px;
		}
	div#sidenav a.active{
		color:#000000;
		font-weight:bold;
		/*background:url(/images/css/b-bullet.png) left no-repeat;
		font-size:1.0em;*/
		text-decoration:none;
		}

div#leftCol {
	float:left;
	width:180px;
}

div#centerCol {
	width:535px;
	margin-left:190px;
}

div#subContent {
	width:210px; 
	float:right;
	padding:5px;
}

	div#subContent.sidebar {
		margin-top:1em;
		border:double #737161;
		background-color:#f9f9f9;
	}
	div#subContent p, div#subContent h3 {
		margin:5px 5px 5px 10px;
		line-height:1.2em;
	}
	div#subContent p.special {
		font-family: times, serif;
		font-size:medium;
		font-style:italic;
		color:#30367B;
		margin-bottom:15px;
	}
	div#subContent p.contact {
			font-size:small;
	}

	div#subContent.sidebar li{
		margin-top:5px;
	}
	
div#footer {
	margin:auto;
	width:1023px;
	height:42px;
	background:url(/images/footer.jpg) bottom center no-repeat;
	clear:both;
}
	div#footer p {
		font-size:x-small;
		color:#36c9f0;
		text-align:center;
		padding-top:10px;
		}

	
/*********************************************************/
/* CLEAR FIX - used on the content div to make sure it expands 
/to contain all of it's floated content!*/
/*http://www.positioniseverything.net/easyclearing.html*/
/*********************************************************/
.clearfix:after {  
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.description {
	margin-right:20px;
	}

div.description a, div.description a:visited, div.answer a, div.answer a:visited {
	color:blue;
	text-decoration:none;
	}
div.description a:hover, div.answer a:hover {
	text-decoration:underline;
	}
	
/*IMAGE GALLERY*/

div#imageGallery {
	margin:0 0 0 0 ;
}
div#imageGallery ul {
	list-style-type:none;
	margin-left:5px;
	padding-left:5px;
}
div#imageGallery li {
	height:1%;
	float:left;
}
	div#imageGallery a {
		display:block;
		margin:5px 5px;
		text-decoration:none;
		text-align:center;
	}
	div#imageGallery a img {
		margin:0px;
		border:2px solid #611122;
	}
	div#imageGallery span {
		color:#611122;
		display:block;
	}

/*************************************
*  contacts              *
**************************************/
div.contact {
		font-size:small;
}
div.contact .contact_title {
		font-weight:bold;
		color:#611122;
}

div.contact p {
	margin-top:0;
	margin-bottom:0;
}

/*************************************
*  description               *
**************************************/
div.description {
		/*font-family:Times, TimesNewRoman, serif;*/
		font-size:small;
}

/*************************************
*  ITEM_LIST               *
**************************************/
div.item_list {
		float:right;
		width:50%;
		margin:0 15px;
		/*border: 1px solid red;*/
}
/*************************************
*  Media List              *
**************************************/
div#mediaList {
	margin-left:10px;
}
div#mediaList a {
		display:block;
		margin:10px 5px 0 0;
		text-decoration:none;
	}
	div#mediaList a img {
		margin:0px;
		border:0px;
	}

div#mediaList .caption {
	font-size:small;
	color:#000;
	}




/*************************************
*  MONTH DIVIDER                  *
**************************************/
	h2.monthDivider {
		background:#505091;
		display:block;
		color:#fff;
		line-height:1.5em;
		padding-left:5px;
		font-size:small;
		font-weight:bold;
		margin-top:2em;
		margin-bottom:10px;
		/*width:505px;*/
		/*clear:both;*/
	}
	
	h2.deptDivider {
		background:#FFFDE7;
		border-left:1px solid #2c1c81;
		border-bottom:1px solid #2c1c81;
		
		display:block;
		color:#2c1c81;
		line-height:1.5em;
		padding-left:5px;
		font-size:small;
		font-weight:bold;
		margin-top:2em;
		margin-bottom:10px;
		margin-right:20px;
		/*width:505px;*/
		/*clear:both;*/
	}
.listDivider {
		background:#FFFDE7;
		border-left:1px solid #2c1c81;
		border-bottom:1px solid #2c1c81;
		
		display:block;
		color:#2c1c81;
		line-height:1.5em;
		padding-left:5px;
		font-size:small;
		font-weight:bold;
	/*	margin-top:2em;
		margin-bottom:10px;
		margin-right:20px;
		width:505px;*/
		/*clear:both;*/
	}

	
div#eventDetail { 
	margin-bottom:10px;
	margin-left:175px;
	}
div#eventDetail img.main {
		margin:5px 20px 0 10px;
		float:right;
		border:3px solid #A4AC99;
	}
	div#eventDetail li {
		font-size:12px;
		margin:0;
		background:none;
		line-height:1.25em;
	}
div.eventDesc {
	width:500px;
	text-align:left;
	line-height:1.25em;
	}

div.confirmReg ul li {
	padding-bottom:5px;
}

div#glanceHolder {
	margin-bottom:10px;
	margin-top:5px;
	padding:5px;
	color:#333;
	width:500px;
	border: 1px double #2DC6EF;
}
	div#glanceHolder ul, div.glanceHolder ul {
		list-style-type:none;
		margin-bottom:10px;text-align:left;
		margin-left:0;
	}
	div#glanceHolder ul li, div.glanceHolder ul li{
		margin-bottom:5px;
		}
	div#glanceHolder li span, div.glanceHolder li span {
		font-weight:bold;
		color:#630434;
	}
	div#glanceHolder h3, div.glanceHolder h3 {
		line-height:1em;
		margin-bottom:5px;
		font-size:14px;
	}
	div#glanceHolder p, div.glanceHolder p {
		font-style:italic;
		font-size:small;
	}
	
.list_date	{
	FONT-FAMILY:verdana,helvetica,arial,sans-serif; 
	FONT-SIZE:8pt; 
	FONT-WEIGHT:normal; 
/*	COLOR:#911122;*/
	COLOR:#7878b0;
	}

/*********************************************************/
/* FAQ
/*********************************************************/
.question {
	/*COLOR:#737161;*/
	margin-top:1em;
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:large; 
	FONT-WEIGHT:bold; 
	COLOR:#585841;
	margin-right:20px;

}
.answer {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	margin-right:10px;
	margin-top:10px;
	margin-right:20px;
	FONT-SIZE:medium;
	padding-left:10px;	
}


/*************************************
*  EventListing                     *
**************************************/

div#eventListing {
	width:545px;
	margin-left:190px;
}
div#eventListing dt {
	margin-top:10px;
}
.Training {
	background:url(/images/css/b-bullet.png) left no-repeat;
	padding-left:15px;
}
div#eventListing dt span {
	font-size:small;
	color:#630434;
	margin-left:10px;
}
div#eventListing dd {
	font-size:small;
}

	/*top link*/
	div#eventListing h2 a {
		font-size:small;
		color:#fff;
	}

fieldset {
	border:none;
	margin:5px 0px;
	}
	
div.input_block {
	float:left;
	}
	div.input_block {
		margin-bottom:5px;
		}
.input_label {
	color:#585841;
	font-size:x-small;
	display:block;
	text-align:left;
	}
div.input_block input {
	margin-right:10px;
	}

div.radio_block input.radio {
		margin-right:3px;
		}
span.radio_label {
	margin-right:10px;
	font-size:small;
	color:#585841;
}	
span.app_question {
	font-size:small;
}

div.formSection {
	border:1px #f0f0f0 solid;
	padding:10px;
	margin-bottom:20px;
	}

div.formInstructions {
	COLOR:#630434;
	margin-right:5px;
	padding:5px;
	background:#FFFFEE;
	border:1px solid #630434;
}

div.formInstructions span.title {
	COLOR:#630434;
}
div.formInstructions dt {
	font-weight:bold;
	margin-top:5px;
}
div.formInstructions dd {
	margin-left:5px;
}
div.formInstructions dd ul {
	margin-left:5px;
	padding-left:15px;
}
.title_red {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:12pt; 
	FONT-WEIGHT:bold; 
	/*COLOR:#737161;*/
	COLOR:#990033;
}

/*************************************
*  CONTACT FORM              *
**************************************/

form.contact label {
	color:#585841;
	font-size:x-small;
	display:block;
	text-align:left;
	margin-bottom:0;
	}

/*************************************
*  FAQ List              *
**************************************/
div#centerCol li {
	margin-bottom:8px;
}
.handle {
	font-size:x-small;
	/*color:#630434;*/
	color:#7878b0;
	margin-left:10px;
	}
	ul#sort_faqs {
		margin-left:20px;
		padding-left:5px;
	}
	ul#sort_faqs li {
		margin-bottom:8px;
	}

/*************************************
*  Resources           *
**************************************/
dl.resourceList {
	margin-left:5px;
	}
	
dl.resourceList dt {
	margin-top:8px;
}	
dl.resourceList dt.doc a{
		background:url('/images/news_icon_sm.gif') no-repeat top left;
		padding-left:25px;
	}
dl.resourceList dt.pdf a{
		background:url('/images/pdf.gif') no-repeat top left;
		padding-left:25px;
	}
dl.resourceList dt.word a{
		background:url('/images/doc.gif') no-repeat top left;
		padding-left:25px;
	}
dl.resourceList dt.excel a{
		background:url('/images/xls.gif') no-repeat top left;
		padding-left:25px;
	}
dl.resourceList dt.link a{
		background:url('/images/link.png') no-repeat top left;
		padding-left:25px;
	}
dl.resourceList dt.page a{
		background:url('/images/news_icon_sm.gif') no-repeat top left;
		padding-left:25px;
		}
dl.resourceList  dd {
	font-size:small;
	/*color:#630434;*/
	color:#737161;
	}
	dl.resourceList  dd p,dl.refdocs dd div {
	margin:0;
	padding:0;
}

div.cat_list {
	float:left;
	margin-right:20px;
	}
/*************************************
*  LinkList           *
**************************************/
dl.linkList dt {
	margin-top:8px;
}	
dl.linkList dt a{
		background:url('/images/link.gif') no-repeat top left;
		padding-left:20px;
	}
dl.linkList dd {
	font-size:small;
	/*color:#630434;
	color:#737161;*/
	}
	dl.linkList dd p,dl.refdocs dd div {
	margin:0;
	padding:0;
}

/*************************************
*  Staff List              *
**************************************/
div#staffList {
	margin-top:20px;
	}

div#staffList ul {
	margin-left:5px;
	padding-left:0px;
	list-style-type:none;
	margin-top:5px;
	}
div#staffList ul li .handle {
	font-size:small;
	color:#630434;
	margin-left:10px;
	}

div#staffList ul li{
	margin-left:0px;
	}

p#mission {
	font-style:italic;
	padding:2px;
	color:#666;
	}

.bio_name {
	font-weight:bold;
	color:#7878b0;
	padding-top:10px;
	margin-left:10px
	}
.bio_title {
	font-size:small;
	font-style:italic;
	font-weight:normal;
	}
.bio_block	{
	margin-left:10px;
	font-size:small;
	color:#666;
	margin-top:10px;
	margin-bottom:30px;
	}

/*************************************
*  IMAGE WRAPPERS                    *
**************************************/
div.leftImageWrapper, div.rightImageWrapper {
	border:2px solid #611122;
	background:#fff;
	margin:5px 10px;
	float:left;
}
span.centerImageWrapper {
	border:2px solid #611122;
	background:#fff;
}
	div.leftImageWrapper img, div.rightImageWrapper img, div.centerImageWrapper img {
		margin:3px;
	}
	div.leftImageWrapper span, div.rightImageWrapper span, div.centerImageWrapper span {
		display:block;
		text-align:center;
		color:#333;
	}
div.rightImageWrapper {
	float:right;
}
.dashImageWrapper {
	border:2px solid #00bbec;
	background:#fff;
	margin-left:10px; 
}
div.imgDept {
	margin-left:0px;
}
.instructions {font-family:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:normal; COLOR:#630434;}


A.foot		{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:gray; text-decoration: none}
A.foot:hover	{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:red; text-decoration: none}

A.dir		{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:blue; text-decoration: none}
A.dir:hover	{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:red; text-decoration: none}

A.foot2		{font-family: verdana,helvetica,arial,sans-serif; font-size:x-small; color:#cccccc; text-decoration: none}
A.foot2:hover	{font-family: verdana,helvetica,arial,sans-serif; font-size:x-small; color:#EACD7C; text-decoration: none}
A.sidebar, a.sidebar:hover {
		font-size:small;
}
a.admin {
	background-color:#EEEEEE;
	color:black;
	font-weight:bold;
	border:1px outset;
	padding:2px;
	font-size:xx-small;
	}
a.admin:hover {
	background-color:#FFF;
	border:1px inset;
	}



div.showcase_image_list { 
   padding: 0 0.50em; 
   background: #eee; 
   border-left: thin solid #aaa; 
   border-bottom: thin solid #aaa; 
   border-top: thin solid #777; 
   border-right: thin solid #777; 
   width:200px;
   margin-top:10px;
   margin-bottom:10px;
}
img.photos { 
   border: 2px solid black; 
	vertical-align: middle;
}
span.caption {
	display:block;
	font-size:small;
	color:#666;
	margin-bottom:10px;
}
div.showcase_image_list ul {
	margin-left:5px;
	padding-left:0px;
	list-style-type:none;
	}
div.showcase_image_list ul li{
	margin-left:0px;
	}
.odd {background:#eee;
	}
.even {	background: #FFF;/*eeffff*/
	}

/***********************
* FEATURE BOX 
***********************/
div.featureBox {
	font-size:x-small;
	width:250px;
	float:left;
	margin-right:30px;
	}
	div.featureBox div.head {
		/*background:url(images/css/boxtop.png) top no-repeat;*/
		width:250px;
		height:50px;
		margin:0px;
		border:0px;
		
	}
	div.featureBox div.head div {
		padding-top:15px;
		padding-left:15px;
		font-size: small;
		font-weight: bold;
		display:block;		
		position:relative;
		}
	div.featureBox div.content {
		/*background:url(images/css/boxmiddle.png) top repeat-y;*/
		width:250px;
		margin:0px;
	}
	div.featureBox div.content ul {
		margin-top:0px;
		margin-bottom:0px;
		margin-right:10px;
		}
	div.featureBox div.content form {
		margin-left:25px;
		margin-bottom:0px;
		padding-top:10px;
		}
	div.featureBox div.content li {
		margin-bottom:5px;
		}
	div.featureBox div.content p {
		margin:0 0 0 15px;
		}
	div.featureBox div.bottom {
		/*background:url(images/css/boxbottom.png) top no-repeat;*/
		width:250px;
		height:58px;
		margin:0px;
	}
	
	div.fbh4 {
		background:url('/images/event_header.jpg') no-repeat top;
		}
	div.fbc4 {
		background:url('/images/event_content.jpg') repeat-y top;
		}
	div.fbb4 {
		background:url('/images/event_footer.jpg') no-repeat top;
		}

/****************
* EVENTITEM (HOME PAGE CALENDAR)
****************/
div.eventItem {
	margin-left:10px;
	margin-right:10px;	
	padding:10px 5px;
	/*background:#eee;*/
	border-top: 1px solid #aaa;
	clear:both;
}
	div.eventItem div.eventDate {
		float:left;
		text-align:center;
		width:4em;
		border-right:1px solid #aaa;
	}
		div.eventItem div.eventDate div.eventDay {
			font-size:2em;
		}
		div.eventItem div.eventDate div.eventMonth {
			font-size:1.25em;
		}
	div.eventItem div.eventBlurb {
		float:left;
		width:150px;
		margin-left:5px;
	}
	div.eventItem div.eventTitle {
		display:block;
		font-weight:bold;
	}
	div.eventItem div.eventDesc {
		width:150px;
	}	
/****************
* homeCenter
****************/
div.homeCenter {
	float:left;
	width:300px;
	margin-top:-1.5em;
	font-size:90%;
}
/****************
* councilCenter
****************/
div.councilCenter {
	float:left;
	width:250px;
	/*margin-top:-1.5em;*/
	font-size:90%;
}

/**********************
* JOBS
***********************/
div.jobs {
	margin-left:25px;
	width:500px;
	}

div.jobs div.meta {
	width:125px;
	margin-left:20px;
	float:right;
	background:#ffffee;
	border-right:1px dotted darkgreen;
	border-left:1px dotted darkgreen;
	padding:5px;
	}
div.jobs div.meta p{
	font-size:small;
	}

div.dlink a{
	color:blue;
	font-size:small;
	padding-left:20px;
	display:block;
	}
div.dlink a:hover{
		color:red;
	}

div.add a{
	background:url('/images/plus2.png') left no-repeat;
	}
div.remove a{
	background:url('/images/minus3.png') left no-repeat;
	height:20px;
	float:right;
	margin:5px 0 5px 0;
	}
	
div.rightcol {
	margin-left:10px;
	}
	
	div.rightcol a{
		color:blue;
		}
	div.rightcol a:hover{
		color:red;
		}

	table tr.evenrow {background-color: white; }
	table tr.oddrow {background-color: #EEE; }
	
div.email_list {
	background:#ffffee;
	border:1px solid #cccccc;
	font-size:small;
	padding:1em;
}
/**********************
* INTERVIEWED
***********************/
.interviewed {
	font-weight:bold;
	}
li.no_hire a{
	color:red;
	}
a.admin2 {
	background-color:#EEEEEE;
	color:black;
	border:1px outset;
	padding:1px;
	font-size:xx-small;
	}
a.admin2:hover {
	background-color:#FFF;
	border:1px inset;
	}


/**********************
* SCAFFOLD
***********************/

.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
  color:white;
}

#errorExplanation {
  width:400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


/**********************
* SORT
***********************/

.pretty th .current {  
  padding-right: 12px;  
  background-repeat: no-repeat;  
  background-position: right center;  
}  
.pretty th .asc {   
  background-image: url(/images/up_arrow.png);   
}  
  
.pretty th .desc {   
  background-image: url(/images/down_arrow.png);   
}