/* ==================== */
/* ===== main.css ===== */
/* ==================== */
a { color:#3d5c92; }
a:visited { color:#3d5c92; }
.spinner { 
	height: 100%;
	width: 100%;
	background: transparent url(/images/icons/ajaxspinner.gif) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
}
ul.documents { list-style: none; margin-bottom: 20px; }
ul.documents li { margin-bottom: 2px; }
.center {
	display: inline-block;
	width: 100%;
	text-align: center;
}

/* ===== HTML Elements ===== */
body { /* details specified in green.css and purple.css */
  margin: 0;
  padding: 0;
  font-family: tahoma, Arial, serif;
  font-size: 13px;
  background-image: url(/images/layout/main/test/background.gif);
}

/* ===== Header ===== */
#header	{ /* details specified in green.css and purple.css */
  width: 100%;
  height: 100px;
  border-bottom: 1px solid black;
  margin: 0;
  padding: 0;
  background-image:url(/images/layout/main/banner/heading.png);
}								
#header #headerlinks {
  text-align: center;
  position: relative;
  left: 77%;
  top: 4px;
  font-size: 12px;
  color: #FFFFFF;
  width: 166px;
}						
#main #header #headerlinks a { text-decoration: none;color: #FFFFFF; }						
#main #header #headerlinks a:hover { text-decoration: underline; }
#footer { clear:both; }
/* ==== Footer ===== */
#footer	{
  width: 800px;
  border-top: 1px solid #dcdce9;
  margin: 0;
  margin-top: 10px;
  padding: 10px 0;
  font-size: 8pt;
}
#footerleft	{ float: left;width: 580px;margin: 0 10px; }
#footerright { float: right;width: 180px;margin: 0 10px; }								
#footercenter { float: left;width: 550px;border: 1px solid green; }

/* ===== Top Navigation Bar ===== */
#topnavbar ul form.search	{ /* visibility: hidden; */ }
#topnavbar	{
  width: 100%;
  height: 22px;
  margin:0 0 10px 0;
  padding: 0;
  background-color: #FFFFFF;
  border-bottom: 3px double #ABABAB;
  border-top: 1px solid #ABABAB;
  font-size: 15px;
  background-image: url(/images/layout/main/topnavbkg.gif);
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
}
#topnavbar ul{ list-style: none;padding: 0;margin: 0; }
#topnavbar ul li, #topnavbar ul form.search	{
  float: right;
  height: 22px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  border-right: 1px dotted #ABABAB;
  color: #0d2474;
}							
#topnavbar ul li a, #topnavbar2 ul li a	{
  color: #0d2474;
  text-decoration: none;
  text-align: center;
  padding: 0 18px;
}								
#topnavbar ul li a:hover { background-color:#2E4977;color: #FFFFFF;display:inline-block; } /* details specified in green.css and purple.css */	
#topnavbar ul li.home a{
  background-repeat: no-repeat;
  background-position: left center;
  border-left:1px dotted #ABABAB;
}								
#topnavbar ul li.departments a { background-repeat: no-repeat;background-position: left center; }								
#topnavbar ul li.visitors a	{ background-repeat: no-repeat;background-position: left center; }								
#topnavbar ul li.residents a { background-repeat: no-repeat;background-position: left center; }
#topnavbar #toolbar { margin:0;padding:1px 0 0 0; }
#topnavbar #toolbar img { padding:2px 3px; }
#topnavbar #toolbar #toggleTheme { margin-right:5px; }
#topnavbar #toolbar #plusFont { margin-right:5px; }
/* Search Form Field */
#topnavbar ul form.search {
  background-image: url(/images/icons/search.gif);
  background-repeat: no-repeat;
  background-position: left center;
  width: 250px;
  height: 22px;
  border: 0;
  padding-left: 30px;
  float: right;
}		
#topnavbar ul form.search a, #topnavbar ul form.search a:visited	{
  text-decoration: none;
  float: right;
  padding: 0 2px;
  display: inline;
  color: #0d2474;
}								
#topnavbar ul form.search #searchboxset	{ margin:0;padding:0;border:none;float:right; }
#topnavbar ul form.search #searchboxset .searchinput {
  background: #FFFFFF; 
  font-family: helvetica, arial, sans-serif;
  float: right; 
  width: 155px; 
  height: 14px; 
  margin-top: 1px; 
  font-size: 13px;
}
#topnavbar ul form.search #searchboxset .searchgo { margin:0;float:right;border:none; }

/* --- font size selector --- */						
#topnavbar ul li.fontsize p {
  font-size:14px;
  position: relative;
  left: -2px;
}						
#topnavbar ul li.smalltext, #topnavbar ul li.mediumtext, #topnavbar ul li.largetext {
  border: none;
  padding: 0;
  margin: 0;
}
#topnavbar ul li.smalltext a:hover, #topnavbar ul li.mediumtext a:hover, #topnavbar ul li.largetext a:hover {
	padding:2px;
}								
#topnavbar ul li.smalltext a, #topnavbar ul li.mediumtext a, #topnavbar ul li.largetext a {
  padding: 2px;
  margin: 0 5px;
  display:inline-block;
}
#topnavbar ul li.largetext a { margin-right:20px; }
#topnavbar ul li a img {
  border:none;
}

/* ===== Side Navigation Bar ===== */
.navbar	{
  width:100%;
  border-top: 1px solid #ABABAB;
  border-right: 2px groove #ABABAB;
  border-bottom: 2px groove #ABABAB;
  border-left: 1px solid #ABABAB;
  text-align: left;
  font-size: 17px;
  overflow:hidden;
}
.navbar h3	{
  font-size: 1em;
  text-align: center;
  border-bottom: 1px solid #ABABAB;
  padding: 5px 0;
  margin: 0;
}
.navbar ul {
  font-size:1em;
  width:100%;
  padding-left: 0;
  margin: 0;
  background:url(/images/layout/main/navback.gif) repeat-y right center; /* First Level (first indent / root) */
}
.navbar ul li {
  line-height: 22px;
  word-spacing: -1px;
  list-style-type: none;
  /* color: #091c5a; */
}
.navbar ul ul { /* Second Level (first indent) */
  font-size: .87em;
  border-top: 3px double #9474d5;
  border-bottom: 1px solid #9474d5;
  background: url(/images/layout/main/navback2.gif) repeat-y right center;border-color:#C8C8C8; /* Second Level (first indent) */
}
.navbar ul ul ul { /* Third Level (second indent) */
	background: url(/images/layout/main/navback3.gif) repeat-y right center; /* Third Level (second indent) */
}
.navbar ul ul ul ul { /* Fourth Level (thrid indent) */
	background: url(/images/layout/main/navback4.gif) repeat-y right center; /* fourth Level (second indent) */
}
.navbar a, .navbar a:visited { text-decoration:none;display:block; }
/* commented out 12/21/09 .navbar a:hover { background:url(/images/layout/main/navselect.gif) no-repeat left center; } */
.navbar ul li a { color:#091c5a; }
.navbar > ul > li > a { padding-left:15px; }
.navbar > ul > li > ul > li > a { padding-left:25px; }
.navbar > ul > li > ul > li > ul > li > a { padding-left:35px; }
.navbar > ul > li > ul > li > ul > li > ul > li > a { padding-left:45px; }

.navbar > ul > li.select > ul,
.navbar > ul > li.select > ul > li.select > ul,
.navbar > ul > li.select > ul > li.select > ul >li.select > ul {  }

.navbar > ul > li a { background: url(/images/icons/nav_select_g.png) no-repeat -5px center }
.navbar > ul > li a:hover { background: url(/images/icons/nav_select_s.png) no-repeat -5px center; }
.navbar > ul > li > a.youarehere { background: url(/images/icons/icons/nav_select_s.png) no-repeat -5px center; }
.navbar > ul > li.select > a { background: url(/images/icons/nav_select_selected_g.png) no-repeat -5px center; }
.navbar > ul > li.select > a:hover { background: url(/images/icons/nav_select_selected_s.png) no-repeat -5px center; }

.navbar > ul > li.select > ul > li a { background: url(/images/icons/nav_select_g.png) no-repeat 5px center; }
.navbar > ul > li.select > ul > li a:hover { background: url(/images/icons/nav_select_s.png) no-repeat 5px center; }
.navbar > ul > li.select > ul > li.select > a { background: url(/images/icons/nav_select_selected_g.png) no-repeat 5px center; }
.navbar > ul > li.select > ul > li.select > a:hover { background: url(/images/icons/nav_select_selected_s.png) no-repeat 5px center; }
.navbar > ul > li.select > ul > li > a.youarehere { background: url(/images/icons/nav_select_s.png) no-repeat 5px center; }

.navbar > ul > li.select > ul > li.select > ul > li a { background: url(/images/icons/nav_select_g.png) no-repeat 18px center; }
.navbar > ul > li.select > ul > li.select > ul > li a:hover { background: url(/images/icons/nav_select_s.png) no-repeat 18px center; }
.navbar > ul > li.select > ul > li.select > ul > li.select > a { background: url(/images/icons/nav_select_selected_g.png) no-repeat 18px center; }
.navbar > ul > li.select > ul > li.select > ul > li.select > a:hover { background: url(/images/icons/nav_select_selected_s.png) no-repeat 18px center; }
.navbar > ul > li.select > ul > li.select > ul > li > a.youarehere { background: url(/images/icons/nav_select_s.png) no-repeat 18px center; }

.navbar > ul > li.select > ul > li.select > ul > li.select > ul > li a { background: url(/images/icons/nav_select_g.png) no-repeat 27px center; }
.navbar > ul > li.select > ul > li.select > ul > li.select > ul > li a:hover { background: url(/images/icons/nav_select_s.png) no-repeat 27px center; }
.navbar > ul > li.select > ul > li.select > ul > li.select > ul > li > a.youarehere { background: url(/images/icons/nav_select_s.png) no-repeat 27px center; }

.navbar > ul > li > a.youarehere, 
.navbar > ul > li > a:hover.youarehere,
.navbar > ul > li.select > ul > li > a.youarehere,
.navbar > ul > li.select > ul > li > a:hover.youarehere,
.navbar > ul > li.select > ul > li.select > ul > li > a.youarehere,
.navbar > ul > li.select > ul > li.select > ul > li > a:hover.youarehere,
.navbar > ul > li.select > ul > li.select > ul > li.select > ul > li > a.youarehere,
.navbar > ul > li.select > ul > li.select > ul > li.select > ul > li > a:hover.youarehere { /* details specified in green.css and purple.css */
  color:#4545FF;
}

/* ===== Quick Links ===== */
#quicklinks ul { list-style:none;padding:0;margin:0;text-align:center; }
#quicklinks ul li { padding:5px 0;padding-bottom:10px;border-bottom:1px dotted #C8C8C8;font-size:14px; }
#quicklinks ul li p { font-size:.8em; }
#quicklinks #links { 
  width: 98.2%;
  border-top: 1px solid #ABABAB;
  border-right: 2px groove #ABABAB;
  border-bottom: 2px groove #ABABAB;
  border-left: 1px solid #ABABAB;
  text-align: left;
  margin-top: 8px;
  font-size: 10pt;
}
#quicklinks #links h3 { text-align: center;border-bottom: 1px solid #ABABAB;padding: 4px 0;margin: 0;font-size:17px; }
#quicklinks #links ul { padding:4px;margin:0; }	
#quicklinks #links ul li { list-style-type:none;margin:0;padding:0;color:#fb5701; }
#quicklinks #links ul li a:link, #quicklinks #links ul li a:visited { color:#091c5a;text-decoration:none;display:block;margin:6px 0 6px 4px; }

#quicklinks img { border:none; }

/* ===== Content Layout ===== */
#main { /* Full page (contains header, footer, side nav bar and content section) */
  width: 800px;
  margin: 0 auto;
  padding: 0;
  background-color: #FFFFFF;
  border: 1px solid black;
}
#singlecol, #doublecol {
  width: 565px;
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
  background-color: #FFFFFF;
}
#rightcolumn {
  width: 200px;
  float: right;
  margin:0 14px 0 auto;
  padding: 0;
}	
#singlecol div.content_block {
  overflow:hidden;
  padding:0;
  margin-bottom:10px;
  border-top:1px solid #ABABAB;
  border-right: 2px double #ABABAB;
  border-bottom: 2px double #ABABAB;
  border-left: 1px solid #ABABAB;
}
#singlecol div.content_block .content { padding:5px 10px 20px 10px; }
#singlecol .sectionHeader { 
  font-size:17px;
  padding:5px 0;
  margin:0;
  overflow:hidden;
  text-align:center;
  border:none;
  width:100%; 
}

/* ===== multi-department pages ===== */
#department_hub {}
#department_links { font-size:12pt;text-align:center;margin-top:20px;padding-top:0;margin-left:10px; }
#department_links ul {
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
}
#department_links ul li {
	margin:4px 0 4px 10px;
	width:46%;
	text-align:left;
	float:left;
	border:1px solid #9999CC;
}
#department_links ul li a {
	text-decoration:none;
	padding: 5px 10px;
	display:block;
	background: #C5D1E7;
}
#department_links ul li a:hover {
	background: #3d5c92;
	color: #FFF;
}
/* ===== Global & Generic Styles ===== */
.hover { cursor:pointer;background-color:#C8C8C8; }
.color1, .sectionHeader	{ background-color:#2E4977;color:#FFFFFF; } /* details specified in green.css and purple.css */
.clear { clear:both; }
.pdf { background: url(/images/pdf-mini.gif) no-repeat left center; padding-left: 20px; }
.xls { background: url(/images/excel-mini.gif) no-repeat left center; padding-left:20px; }
#tinyMCEContent p { margin:0;padding:0; }
#tinyMCEContent ul, #tinyMCEContent ol { margin:0; border:1px solid red; }
blockquote { background:#F3F3F3 url(/images/global/openquote.png) no-repeat 1% 4%;padding-left:5%;border:2px solid #C8C8C8; }
blockquote > span { background:url(/images/global/closequote.png) no-repeat 99% 96%;padding:1%;padding-right:5%;display:block; }
/* Filter Select */
.quickform #categorySelect { width:300px;margin:auto;text-align:center; }
.quickform #categorySelect #category { border:1px solid #C8C8C8;background:#F3F3F3; }
.quickform #category-legend { font-weight:bold; }
.quickform #categorySelect .row { float:left;margin-right:.5em; }
.quickform #categorySelect #submit { border:1px solid black;background:#FFF;cursor:pointer; }
/* Data Tables */
table.data { border: 1px solid #C8C8C8; }
table.data thead { font-weight: bold; }
table.data thead td, table.data tbody tr td { padding: 5px 2px; text-align: center; }
table.bw thead { background: #C8C8C8; }
table.bw tbody { background: #F3F3F3; }

/* ===== Win Category Buttons ===== */
#win_category_buttons { border: 1px solid #C8C8C8; text-align: center; padding:5px; background: #F3F3F3; }
#win_category_buttons a { background: #C5D1E7; border: 1px solid #9999CC; margin: 5px; padding: 5px; display: inline-block; text-decoration: none; }
#win_category_buttons a:hover { background: #4774be; color: #FFF; }
#win_category_buttons a.selected { background: #3d5c92; color: #FFF; }

/* ===== Programs Listing ===== */
#win_programs {  }
#win_programs h3 { color: #3d5c92; border-bottom:1px solid #3d5c92;margin-bottom:10px;font-size:1.3em; }
#win_programs span.photo { float:left; margin-right:10px; }
#win_programs p { margin:0;padding:0; }

/* ===== Links Listing ===== */
#links { }
#links ul { list-style: none; }
#links li { margin: 4px 0; }

/* ===== Image Gallery ===== */
#gallery { text-align: center; float:left; text-align: center; width:100%; }
#gallery > a { display:block; margin: 10px 0; }
#gallery .photo { border: 1px solid #C8C8C8; display: -mox-inline-stack; display: inline-block; margin: 5px; padding: 10px;  vertical-align: top; zoom: 1; *display: inline; }
#gallery .photo .wrapper { display: table; height:100%; }
#gallery .photo a {  display: table-cell; vertical-align: middle; text-decoration: none;  }
#gallery .photo a > img { border: 0; }
#gallery .polaroid { display: inline-block; padding: 10px; margin: 10px; text-align: center; border: 1px solid #C8C8C8; border-right: 2px double #C8C8C8; border-bottom: 2px double #C8C8C8; zoom: 1; *display: inline; }
#gallery .polaroid img { border: 1px solid #C8C8C8; }
#gallery .polaroid  p { margin: auto; margin-top: 20px; width: 300px; }
#galleryControls { text-align: center; }
#galleryControls form { border: 1px solid #F3F3F3; display: inline-block; padding: 10px; }

/* ===== Contact Information ===== */
#contacts {
  text-align: center;
}
#contacts p {
  margin:auto;
  margin-bottom: 20px;
}
#contacts ul {
  list-style: none;
  padding: 0;
  margin:0;
  float:left;
}
#contacts li {
  float: left;
  width: 170px;
  min-height:70px;
  text-align: center;
  border:1px dashed #C8C8C8;
  margin:3px;
}
#contacts h5 { margin:10px 0 0 0; }
#contacts li a	{
  color: #4545FF;
  display: inline;
  text-decoration: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}
#contacts li a:hover	{
  color: #FFFFFF;
  background-color: #2E4977;
  text-decoration: underline;
}

/* ===== Announcements ===== */
.announcement { border:1px solid #C8C8C8; background: #F3F3F3; width: 90%; margin: auto; padding: 10px;margin-bottom:10px; }
.announcement .anmt_title { font-size: 1.3em; font-weight: bold; color: #3d5c92; border-bottom: 1px solid #C8C8C8; margin-bottom: 10px; }
.announcement .anmt_body {}
.announcement .anmt_body p { margin: 0; padding: 0; }
.announcement .title { margin: 5px; margin-bottom: 10px; font-size: 1.3em; font-weight: bold; color: #3d5c92; border-bottom: 1px solid #C8C8C8; }
.announcement .body { font-size: .9em; }

/* ===== CMS content ===== */
.CMS > .content { margin:5px 0; }
.CMS > .content p { margin:0;padding:0 0 0 10px;line-height:1.3em;} /*TinyMCE uses <p> as spaces. Need to cut down margin and padding as a result */
.CMS > .content h1, .CMS > .content h2, .CMS > .content h3,.CMS > .content h4, .CMS > .content h5 { color:#3d5c92; margin-top:15px; margin-bottom: 5px; }
.CMS > .content h1:first-child, .CMS > .content h2:first-child, .CMS > .content h3:first-child,.CMS > .content h4:first-child, .CMS > .content h5:first-child { margin-top:5px; }
.CMS > .content table { margin:auto; }
.CMS > .content table tr td { padding:2px; }
.CMS ul, .CMS ol { margin:0; }
.CMS > .content p.pdf { padding: 20px 0 0 0 !important; }

/* ===== Staff ===== */
#staff > img { float:left; margin-right:20px; margin-bottom:20px; }
#staff #staff_info h2, #staff #staff_info p { margin:0;padding:0; }
#staff #staff_info h4 { margin-bottom:5px; }
#staff #about { clear:both; }

/* ==== Granicus Page ===== */
#view-page-container {
	position: relative;
	width: 100%;
	min-height: 200px;
}
#granicus h1, #granicus h2, #granicus h3 {/* add header formatting here */	margin:0; }
#granicus img { border: none; margin: 0; padding: 0; }
#granicus p { margin-top:0px; }
#intro {/* Intro Only Styles here*/ }
/* Granicus Archive Styles */
.archive { /* entire archive */	margin:10px 0; }
.listingTable {/* listing table only */	width:100%;	border-collapse:collapse; }
.listingTable th {/* This class formats the listingTable table headers */
 color:#666;
 font-weight: bold;
 font-size:10px;
 text-decoration: none;
 text-align:left;
 padding:3px;
 border-collapse:inherit;
 border-bottom:2px solid #9999cc;
}
.listItem {	padding:3px; border-bottom:1px solid #9999cc; }
tr.odd { background-color:; }
tr.even { background-color:#f3f3f3; }
.hlt td {/* table row highlights */ background-color:#c5d1e7; color:; }
/* Archive table column widths */
#Video { width:60px; }
#Minutes { width:60px; }
#Agenda { width:60px; }
#Duration {	width:60px; }
#Date {	width:90px; }
/* Search/RSS Menu Controls */
#searchRss { padding:5px; }
#searchRssTable { border:1px solid #9999cc;	width:100%; }
#searchCell { padding:10px; border: 1px solid #C8C8C8; }
#rssCell { background-color:#f3f3f3; padding:10px; }
#RSS img { border:none; }
/* search result styles */
.searchSubItem { padding:3px; padding-left:10px; }
.searchResultSpacer { border-bottom:1px solid #9999cc; }
/* navigation box controls */
#nav { display:block; float:right; margin:10px 0px 10px 55px; padding:5px; background:#{$navBackground_and_trEvenBackground}; border:1px solid #9999cc; }
#nav h4 { margin:0 0 5px 0; }
#nav ul { margin:0; padding:0; }
#nav ul li { margin:0; padding:0 0 0 5px; list-style:none; }


/* Frequently Asked Questions */
#FAQ { padding:10px; padding-left:25px; }
#FAQ #categories { border: 1px solid #C8C8C8; padding: 10px; list-style: none; background: #F3F3F3; margin-bottom: 20px;text-align:center; }
#FAQ #categories label { font-weight: bold; display:block; }
#FAQ .question { margin: 20px 0; }
#FAQ h4 {
  color:#0066cc;
  font-size:1em;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  padding-left:10px;
  display:block;
  font-weight: normal;
  position: relative;
}
#FAQ h4 .image {
  width: 9px;
  height: 9px;
  overflow: hidden;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left:-10px;
  top: 4px;
  background: url(/images/expcol_imgs.png) no-repeat left -9px;
}
#FAQ h4 .expand {
  background-position: left -18px;
}
#FAQ .answer { 
  margin-left: 30px;
}