/*@charset "utf-8";*/

/* ------------------------------------------*** wrappers ***------------------------------------------ */

body {
	background: url('/global/graphics/sitebg.gif') top center repeat-y;
}
/* #pageWrapper layout - browser width, contains global header, #backgroundWrapper div, global footer */
#pageWrapper {
	width:100%;
	min-width:990px;
}
/* #backgroundWrapper layout - browser width, between the global header and footer, contains #siteWrapper div and non-global footer */
#backgroundWrapper {
	clear:both;
	background:#003;
}
#siteWrapper {
	width:990px;
	min-width:990px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.hideme, .hidden {
	height:0;
	width:0;
	font-size:0.0;
	overflow:hidden;
	position:absolute;
	z-index:-1000;
	visibility:hidden;}
/* body div#pageWrapper div#siteWrapper .hide {position: absolute; top: -1000%;} */
body div#pageWrapper div#siteWrapper .hide, .hide {
	height:0;
	width:0;
	font-size:0.0;
	overflow:hidden;
	position:absolute;
	z-index:-1000;
}
body div#pageWrapper div#siteWrapper .offScreen, .offScreen {
	overflow:hidden;
	position:absolute;
	z-index:-1000;
	top:-1000%;
}

ul.none	{ list-style:none; }
.tightenText {letter-spacing:-1px;}

/* ------------------------------------------*** header (non-global) ***------------------------------------------ */

/* #header layout - standard city header background image */
#siteHeader {height:176px;}
#siteHeader.narrowOneLine {
	background:url('/global/graphics/hnarrow1line.jpg') top left no-repeat;
}
#siteHeader.narrowTwoLines {
	background:url('/global/graphics/hnarrow2lines.jpg') top left no-repeat;
}
#siteHeader.wideOneLine {
	background:url('/global/graphics/hwide1line.jpg') top left no-repeat;
}
#siteHeader.wideTwoLines {
	background:url('/global/graphics/hwide2lines.jpg') top left no-repeat;
}
#siteHeader.extraWideTwoLines {
	background:url('/global/graphics/hwide2longlines.jpg') top left no-repeat;
}

/* ------------------------------------------*** contentWrapper ***------------------------------------------ */

/* #contentWrapper layout - under non-global header, contains all layout divs for main content; i.e. custom layout, 3col, 2col, single column */
#contentWrapper {
	clear:both; 
	float:left;
}
#siteWrapper.twoColumn #contentWrapper   { background:url('/global/graphics/bgTwoColumn.jpg')   top left repeat-y; }
#siteWrapper.threeColumn #contentWrapper { background:url('/global/graphics/bgThreeColumn.jpg') top left repeat-y; }
/* #leftSidebar layout - used in 3 column and 2 column layouts */
#contentWrapper #leftSidebar {
	width:220px;
	padding:10px;
	float:left;
}
/* #rightSidebar layout - used in 3 column layout #leftSidebar/#contentCenter/#rightSidebar */
#siteWrapper.threeColumn #contentWrapper #rightSidebar {
	width:200px;
	padding:10px;
	float:left;
}
 /* #sidebox */
div#contentWrapper div#leftSidebar #sidebox, div#contentWrapper div#rightSidebar #sidebox,div#contentWrapper div#leftSidebar div.sidebox, div#contentWrapper div#rightSidebar div.sidebox {
	border: 2px solid #d9e4f0;
	padding: 8px;
	text-align:left;
	clear:both;
	margin: 0 0 12px 3px;
}
div#contentWrapper div#leftSidebar #sidebox h4, div#contentWrapper div#rightSidebar #sidebox h4, div#contentWrapper div#leftSidebar #sidebox h5, div#contentWrapper div#rightSidebar #sidebox h5, div#contentWrapper div#leftSidebar div.sidebox h4, div#contentWrapper div#rightSidebar div.sidebox h4, div#contentWrapper div#leftSidebar div.sidebox h5, div#contentWrapper div#rightSidebar div.sidebox h5, div#contentWrapper div#leftSidebar div.sidebox p.boxTitle, div#contentWrapper div#rightSidebar div.sidebox p.boxTitle {
	margin:0 0 6px 0;
	padding:0;
	border-bottom: 1px solid #d9e4f0;
	font-size:1em;
	font-weight: 700;
}
div#contentWrapper div#leftSidebar #sidebox h6, div#contentWrapper div#rightSidebar #sidebox h6, div#contentWrapper div#leftSidebar div.sidebox h6, div#contentWrapper div#rightSidebar div.sidebox h6 {
	font-size:.9em;
}
div#contentWrapper div#leftSidebar #sidebox, div#contentWrapper div#leftSidebar div.sidebox {width: 190px;}
div#contentWrapper div#rightSidebar #sidebox, div#contentWrapper div#rightSidebar div.sidebox {width: 175px;}


/* #contentRight layout - main content used in 2 column layout with #leftSidebar/#contentRight */
#siteWrapper.twoColumn #contentWrapper #mainContent {
	width:730px;
	padding:5px 10px 10px 10px;	
	float:left;
}
/* #contentCenter layout - used in 3 column layout #leftSidebar/#contentCenter/#rightSidebar*/
#siteWrapper.threeColumn #contentWrapper #mainContent {
	width:510px;
	padding:5px 10px 10px 10px;
	float:left;
}
#contentWrapper #mainContent table {
    margin-bottom: 1em;
}
#siteWrapper.threeColumn #contentWrapper #endColumns {
	clear: both; 
	width: 100%; 
	height: 0px; 
	line-height: 0px; 
	font-size: 0px; 
	padding: 0; 
	margin: 0; 
	border: none;
}
#siteWrapper.twoColumn #rightSidebar {
	visibility:hidden;
}
div#mainContent table.contact {text-align:left;width:100%;}
div#mainContent table.contact th, div#mainContent table.contact tbody tr td:first-child {font-weight:bold;}
div#mainContent table.contact thead tr th {border-bottom:1px solid #000;}
div#mainContent table.contact tbody tr td {padding-top:.3em;}
div#mainContent table.contact tbody tr:first-child td {padding-top:.5em;}
div#mainContent table.contact tbody tr td {padding-bottom:.2em;}
div#mainContent table.shaded tr.rowOdd, div#mainContent table tbody.shaded tr.rowOdd, div#mainContent ol.shaded li.rowOdd, div#mainContent ul.shaded li.rowOdd {background-color:#E3EAF2;}
div#mainContent table.shaded tr.rowEven, div#mainContent table.shaded thead tr.rowOdd, div#mainContent table tbody.shaded tr.rowEven, div#mainContent ol.shaded li.rowEven, div#mainContent ul.shaded li.rowEven {background-color:#fff;}
#mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {clear: left;}
/* ------------------------------------------*** home page (non-global) ***------------------------------------------ */

#topLeft ul, #topRight ul, #modNews ul, #modLinks ul, #modHotLinks ul {margin-left: 17px;}
div#modContact.left {
	background: #dae4ee url('/global/graphics/infobgleft.jpg') top right no-repeat;
}
div#modContact.right {
	background: #dae4ee url('/global/graphics/infobgright.jpg') top left no-repeat;
}
div#modContact {
	float: left;
	width: 198px;
	height: 300px;
	padding: 10px;
	text-align: center;
}
div#modCarousel, div#modFeature {
	float: left;
	background: #D3E1F2 url('/global/graphics/featurebg.jpg') top left repeat-x;
	width: 772px;
	height: 320px;
	padding: 0;
	/*padding: 10px 0 10px 10px;*/
	position: relative;
}

div#feature {
	padding:10px;
	float: left;
	width:752px;
}
div#feature img {
	margin: 0 10px 0 0;
	padding: 0;
    border: 1px solid white;
	float: left;
}
#feature div.copy {float:left;width:276px;}
#feature div.copy ul {padding-left:20px;}
/* --------------- Photo Feature Archive Formatting ---- */
div#siteWrapper.threeColumn div.tmpSlide {
	border-bottom:#333 1px solid; padding-bottom:5px; margin-bottom:15px;
	display: block; margin-left: auto; margin-right: auto; width:461px;
}

div#modCarousel span.archive {
	position:absolute;
	bottom:6px;
	right:10px;
	font-size:10px;font-size:medium;font-size:0.75em;
	z-index:1000;
}
.whitetext, .whitetext a {color: #fff;}
p.phone {font-size: 1.5em;}
div#actionBar {
	clear: both;
	float: left;
	background:url('/global/graphics/stretcherbottom.gif') top left repeat;
	text-align:left;
	padding: 0 10px;
	width:970px;
	height: 44px
}
div#actionBar .label {
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #424242;
	margin: 10px 10px 12px 10px;
}
div#actionBar input, div#actionBar select {float: left; margin: 12px 0 12px 0;}
div#actionBar #stayConnected input.submit {margin: 9px 0 12px 0; padding-right:20px;}
div#actionBar #quicklinks input.submit {margin:0 0 12px 10px;}
div#actionBar div#dropDown select {margin:0 0 12px 3px;}
div#actionBar div#dropDown input.submit {
	font-size: 8pt;font-size:medium;font-size:1em;
	margin: 13px 5px 12px 5px;
	float: left;
}
div#actionBar div.dropDown {
	padding:14px 10px 12px 0;
	float:left;
}
div#actionBar div.dropDown select {
	margin:0 0 12px 4px;
}
div#actionBar div.dropDown label {
	margin:0;
	padding:2px 0 12px 0;
}
div#actionBar div.dropDown input {
	display: inline-block;
	cursor: pointer;
	border-style:outset;
	background-color:#D4D0C8;
	font-weight:normal;
	vertical-align: middle;
	height: 21px;
	margin: 0 0px 12px 7px;
	padding: 0px 7px;
	font-size: 13px;font-size:medium;font-size:1em;
	overflow: visible;
}
div#followUs {float: right;}
div#followUs img {margin:6px 0 0 5px; border:0;}
div#bottom {
	width: 980px;
	clear: both;
	float: left;
	padding: 10px 0 12px 10px;
	background-color: #dae4ef;
}
div#bottom.whitehr {
	background:#fff url('/global/graphics/bghorizontalgradient.gif') top left repeat-x;
	width:990px;
	padding:10px 0 0 0;
}
div#bottom.bluehr {
	background:#DAE4EF url('/global/graphics/bghorizontalgradient.gif') top left repeat-x;
	width: 980px;
}
div.white {
	background-color: #fff;
}
div#bottom ul li {margin-bottom: 6px;}
div#modLinks {
	float: left;
	width: 250px;
	padding: 0 10px 0 0;
}
div#modNews {
	float: left;
	width: 480px;
	padding: 0 10px 0 0;
	list-style-type:none;
}
div#top #modNews {
	width: 460px;
}
div#modHotButtons {
	float: left;
	width: 220px;
	padding: 0 10px 0 0;
	list-style-type:none;
	text-align:center;
}
div#leftSidebar #modHotButtons {padding:0;}
div#modHotLinks {
	float: left;
	width: 220px;
	padding: 0 10px 0 0;
}
div#bottom h2, div#modContact h2  {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #424242;
	text-transform: uppercase;
}
div#newsBox {
	float: left;
	margin: 0 0 10px 0;
}
div#newsBoxTopL {
	float: left;
	background:url('/global/graphics/newsbg.png') top left no-repeat;
	padding: 0 0 0 10px;
}
div#newsBoxTopR {
	float: left;
	width: 470px;
	background:url('/global/graphics/newsbg.png') top right no-repeat;
	padding: 10px 0 0 0;
}
div#top #newsBoxTopR {width: 450px;}
div#newsBoxTopR h2 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0 0 3px 0;
	margin: 0 10px 10px 0;
	color: #fff;
	border-bottom: 1px solid white;
}
div#newsBoxTopR ul {
	margin: 0 15px;
	padding: 0;
}
div#newsBoxTopR ul li {
	margin: 0;
	padding: 6px;
	color: #fff;
}
div#newsBoxTopR td ul li {
	padding: 0;
}
div#newsBoxTopR ul li a, div#newsBoxTopR table td a {
	/*margin: 0 0 6px 0;
	padding: 6px;*/
	color: #fff;
}
div#newsBoxTopR table {
	margin: 0 10px 0 0;
	padding: 0;
	width: 460px;
}
div#top #newsBoxTopR table {
	width: 440px;
}
div#newsBoxTopR table td {
	margin: 0;
	padding: 6px;
	color: #fff;
	vertical-align: top;
	text-align: left;
}
div#newsBoxBottomL {
	float: left;
	clear: both;
	background:url('/global/graphics/newsbg.png') bottom left no-repeat;
	padding: 0 0 0 10px;
}
div#newsBoxBottomR {
	float: left;
	width: 470px;
	height: 10px;
	background:url('/global/graphics/newsbg.png') bottom right no-repeat;
	padding: 0;
}
div#top #newsBoxBottomR {width: 450px;}
div#newsBoxTopR p.viewMore {margin: 6px 0; padding: 0;}
div#newsBoxTopR p.viewMore a.left {
	float: left;
	display: block;
	clear: none;
}
div#newsBoxTopR p.viewMore a.right {
	float: right;
	display: block;
	clear: none;
	margin-right: 10px;
}
#newsBox #noJavascriptNews {
	min-height:192px;
}
div#modNews div#newsBoxTopR ul li.lightshade, div#modNews div#newsBoxTopR table tr.lightshade td {background-color: #6a8eb6;}
div#modNews.archive table {width:630px;} 
div#modNews.archive td {padding:.5em; vertical-align:top;}
tbody.xml td {padding-bottom:1em; vertical-align:top;}
tbody.xml td ul {padding-bottom:0;}
tbody.xml td.date {width:65px; padding-right:10px;}
#modNews #newsBox.date tr td:first-child {width:50px; margin-right:10px;}
div#modHotButtons ul {list-style-type: none;}
div#modHotButtons ul li {float: left; padding: 0 0 6px 0; margin: 0;}
div#modHotButtons ul li a {
	float: left;
	display: block;
	padding: 0 7px;
	width: 206px;
	font-size:13px;font-size:medium;font-size:1em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	background: url('/global/graphics/tileblank.png') top left no-repeat;
}
div#rightSidebar div#modHotButtons, div.floatRight div#modHotButtons {
	width:190px;
}
div#rightSidebar div#modHotButtons ul li a, div.floatRight div#modHotButtons ul li a {
	padding: 3px 0;
	width: 200px;
	background: url('/global/graphics/bluebutton200.png') top left no-repeat;
}
div#modHotButtons ul li a.specialGold {
	background: url('/global/graphics/specialgold.png') top left no-repeat;
	color: #000;
}
div#modHotButtons ul li.oneline a {padding-top: 9px; height: 26px;}
div#modHotButtons ul li.twolines a {padding-top: 3px; height: 32px; line-height: 100%;}
div#modHotButtonsGold {
	float: left;
	width: 197px;
	padding: 0;
	list-style-type:none;
	text-align:center;
}
div#modHotButtonsGold ul {list-style-type: none;}
div#modHotButtonsGold ul li {float: left; padding: 0; margin: 0 0 6px 0;}
div#modHotButtonsGold ul li a {
	float: left;
	display: block;
	padding: 0 5px;
	width: 187px;
	font-size:13px;font-size:medium;font-size:1em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	text-decoration: none;
	background: url('/global/graphics/tileblankgold.png') top left no-repeat;
}
div#modHotButtonsGold ul li.oneline a {padding-top: 6px; height: 23px;}
div#modHotButtonsGold ul li.twolines {position: relative;}
div#modHotButtonsGold ul li.twolines a {height: 27px; font-size:10px;font-size:medium;font-size:1em;}
div#modHotButtonsGold ul li.twolines a span:hover {cursor:pointer;}
div#modHotButtonsGold ul li.twolines a span.top { position: absolute; top: 1px; left: 6px; width:188px;}
div#modHotButtonsGold ul li.twolines a span.bottom { position: absolute; top: 12px; left: 6px; width:188px;}
div#bottomFade {
	float: left;
	clear: both;
	width: 100%;
	height: 30px;
	background: #fff url('/global/graphics/bottomfade.jpg') top left repeat-x;
}
/* ********************************************* Style for small home template */
#siteWrapper.news #modContact {
	width: 228px;
	height: 340px;
}
#siteWrapper.news #modContact.left {
	padding-right:13px;
}
#siteWrapper.news #modContact.right {
	padding-left:13px;
}
#siteWrapper.news #top {
	float:left;
	width:729px;
	height:340px;
	padding: 10px 0 10px 10px;
	background-color:#DAE4EE;
}
#siteWrapper.news #top #modNews {
	width: 460px;
	height: 320px;
}
#siteWrapper.news #top #modLinks {
	width: 247px;
	height: 320px;
}
#siteWrapper.news #top #modLinks li {
	padding-bottom:5px;
}
#siteWrapper.news #modHotButtons {
	background:#fff url('/global/graphics/bottomfadehome.jpg') top left repeat-x;
	padding: 30px 0 0 20px;
	width:970px;
}
#modHotButtons.horizontal {
	padding: 15px 0 7px 0px;
	margin:0;
	width:990px;
}
#siteWrapper.news #modHotButtons ul li {
	float:left;
	width:220px;
	height:35px;
	margin:0 22px 5px 0;
}
#modHotButtons.horizontal ul li {
	float:left;
	width:220px;
	height:35px;
	padding:0 0 5px 22px;
	margin-bottom:5px;
}
/* ********************************************* VIDEO BOX SYTLES */
#modVideo {
  float:left;
  width:255px;
  text-align:center;
  background:url('/home/graphics/videobg.png') top left no-repeat;
  /*height:255px;*/
  color: #fff;
  padding-right:5px;
  }
#modVideo a:link, #modVideo a:visited, #modVideo a:hover, #modVideo a:active {color: #fff;}
#modVideo.YouTube{
  width:250px;
  }
#videoheader {
  float:left;
  clear: both;
  width:250px;
  margin: 0;
  padding:0;
  height: 10px;
  background: #dae4ef url('/home/graphics/videobg.png') top left no-repeat;
 }
#videoheader.title {
  height: auto;
  text-align: left;
  }
#videoheader.title p {padding: 0; margin: 5px 10px;}
#video p {
  font-weight:bold;
  margin:0;
  padding:5px 0 2px 10px;
  width:220px;
  color:#fff;
  }
#video a {
  color:#fff;
  }
#video a:hover {
  }
#videoPlayer {
 margin:0;
 padding:0;
 }
#videofooter {
  float:left;
  width:250px;
  margin: 0;
  padding:0 0 6px 0;
  background: #dae4ef url('/home/graphics/videobg.png') bottom left no-repeat;
 }
#videofooter p.viewMore {margin: 6px 0; padding: 0;}
#videofooter p.cityTV {
 float:right;
 margin:8px 5px 0 0;
 width:90px;
}
.clear {
 clear:both;
 }
/********************** VIDEO PLAYER *****/
div#wmvvideo {float: left; display: none;}
div#startvideo {float: left; padding: 0; margin: 0;}
div#startvideo img {border: none;}
#videoText {
        margin-top:10px;
        text-align:left;
}



/* ------------------------------------------*** footer (non-global) ***------------------------------------------ */

#fixedWidthFooter {
	background-color:#FFFFFF;
	position:relative;
}
/* #footer layout - browser width, non-global text bases footer */
div#siteBottomNav {
	float: left;
	clear: both;
	width: 990px;
}
#siteWrapper.home #siteBottomNav {
	padding:35px 0 9px 0;
	background:#fff url('/global/graphics/bottomfadehome.jpg') top left repeat-x;
}
#siteWrapper.home #siteBottomNav.white {
	background:none;
	padding:15px 0px 9px 0px;
}
#siteWrapper.news #siteBottomNav {
	padding:5px 0 9px 0;
	background:#fff;
}
#siteWrapper.twoColumn #siteBottomNav {
	padding:35px 0 9px 0;
	background:#fff url('/global/graphics/bottomfade2col.jpg') top left no-repeat;
}
#siteWrapper.threeColumn #siteBottomNav {
	padding:35px 0 9px 0;
	background:#fff url('/global/graphics/bottomfade3col.jpg') top left no-repeat;
}

/* ------------------------gallery thumbnail default -------------------------*/
.thumb {
	width:160px;
	height:170px;
	float:left;
	margin:0 5px;
}
.thumb img {
	border:1px solid #cfdcef;
	padding:5px;
	margin-bottom:2px;
}
.thumb img:hover {
	border:1px solid #92aed2;
}
div.galleryThumb {
	float: left;
	width: 160px;
	margin-right: 20px;
}
div.galleryThumb p {
	font-size: 1.2em;
	text-align: center;
}
/* ------------------------gallery lightbox -------------------------*/
#mainContent #gallery #lightbox ul {
    list-style: none;
    padding-left: 0;
    overflow: hidden;
    width: 100%;
}

#gallery #lightbox li {
    width: 730px;
    padding: 0;
    margin-bottom: 10px;
    clear: left;
    float: left;
}

#gallery #lightbox li div {
    float: left;
    width: 323px;
    padding: 7px;
    border: 1px solid #eee;
    margin: 0 25px 0 0;
}

#gallery #lightbox li div p {
    padding-bottom: 0;
}

#gallery #lightbox li div span {
    display: block;
    padding: 0;
}

#gallery #lightbox li div:hover {
    background-color: #EDF6FF;
}

#gallery #lightbox a {
    text-decoration: none;
    font-size: .8em;
}

#gallery #lightbox img {
    display: block;
    padding-bottom: 5px;
}


/* ------------------------ CD staff photo -------------------------*/ 
div.staff {	width:80px;
	float:left; 
	text-align:center; 
	padding: 3px 3px 12px 3px;
	margin: 0 50px 0 0; }
div.staff img {
	border: 1px solid #b0c8e2; 
	padding:2px; 
	margin: 0 0 5px 0;
}
div.staff a {text-decoration:none;}
div.staff a span {
	text-decoration:underline;
}
div.staffLarge {
	width: 104px; 
	float: left; 
	padding: 0;
	margin: 0 10px 25px 12px;
}
div.staffLarge img {
	border: 1px solid #b0c8e2; 
	padding: 2px; 
	margin-right:10px;
	float: left;
}
p.staffLargeTxt {font-size: 1.2em;}
p.staffLargeTxt a {text-decoration:none;}
p.staffLargeTxt span {
	font-weight: 700; 
	text-decoration:underline;
}
div.staffContainer {
	float:left; 
	border-bottom: solid 1px #b0c8e2; 
	margin: 0 0 15px 0; 
	padding: 0 0 0 0;
}
div.staffBio {
	width: 80px; 
	float: left; 
	padding: 0;
	margin: 0 15px 0 0;
}
div.staffBio img {
	border: 1px solid #b0c8e2; 
	padding: 2px; 
	margin: 0;
}
div.staffBioTxt {
	width: 625px; 
	float:left; 
	margin:0; 
	padding:0;
}
div.staffBioTxt span {
	font-size: 1.2em;
	font-weight:700;
}
ul#staffList li {padding-bottom: 6px;}
br.clearBoth { clear:both; }


/* ------------------------ tables with XML content layout style -------------------------*/ 
#contentWrapper .imgfloatleft {
    float: left;
    margin: 0 10px 5px 0;
    padding: 2px;
    border: 1px solid #666;
}
#contentWrapper .imgfloatright {
    float: right;
    margin: 0 0 5px 10px;
    padding: 2px;
    border: 1px solid #666;
}
img.photoLeft{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	clear:left;
	}
img.photoRight{
	float:right;
	padding-left:10px;
	padding-bottom:10px;
	clear:right;
	}
#mainContent table.leftDatePadding tr td {
	padding-bottom:10px;
}
#mainContent table.leftDatePadding tr td:first-child {
	padding-right:25px;
	vertical-align:top;
}

#mainContent table.leftDatePadding ul {
	padding-bottom: 0;
}

#mainContent table.leftDatePadding img {
	padding:5px 0 5px 5px;
	float: right;
}
#mainContent table.leftDatePadding ul li {
    padding-top: 0;
}

#modNews table.newsTable tr td:first-child {
	padding-right:20px;
}
#modNews table.newsTable ul li {
	padding-top:0;
}

span.rssTile {float:right; margin:0 0 10px 10px;}
#modNews.rss span.rssTile {margin:0 10px 5px 10px;}
#modNews.rss #newsBoxTopR h2 {margin:0 50px 10px 0;}

#mainContent div.newsLeft {
	clear: left;
	float: left;
	width:320px;
    border-right: 1px solid #dcdcdc;
    padding-right: 20px;
}
#mainContent div.newsRight {
	float: left;
	width:320px;
    border-left: 1px solid #dcdcdc;
    padding-left: 20px;
    margin-left: -1px;
}
#mainContent div.hr {
    float: left;
    width: 729px;
    background: url('/global/graphics/bottomstretcher.gif') left top repeat-x;
    height: 15px;
    margin: 10px 0 0 0;
}
#mainContent div.hr hr {
    clear: both;
    width: 729px;
    text-align: left;
    display: none;
}
ul.buildListNoDate li {
	padding-bottom: 12px;
}
/* ---------------"Stay Connected" styles 5/19/10 mariem --------------- */
/* ---------------"Stay Connected" horizontal action bar, home page ---- */

/* --------------- override template layout.css ------------------------
------------------ to tighten up spacing between label and input box---- */
div#actionBar .label {
	margin: 14px 2px 0 10px;
}
#actionBar #stayConnected {
	float:left;
}
#actionBar #stayConnected form {
	float:left;
}
#actionBar #stayConnected input[name="action"] {
	margin:13px 0 0 5px;
}
#actionBar #stayConnected input[name="email"] {
	padding:0;
	margin:12px 0;
}
#actionBar #stayConnected input, #actionBar #stayConnected label {
	display:inline;
	float:left;
}
#actionBar #stayConnected label.radioTxt {
	padding:16px 0 0 3px;
	font-size: 11px;font-size:medium;font-size:0.8em;
}
#actionBar #stayConnected label.label {
	/*margin-top:14px; */
}
#actionBar #stayConnected .followUs {
	float:right;
}
#actionBar #stayConnected span.label {
	margin-top:15px;
}
#actionBar #stayConnected .submit {
	float:left;
	padding:2px 0 0 10px;
}
#actionBar #stayConnected .followUs img {
	margin-top:7px;
}
/* ----------------"Stay Connected" vertical box ------------------------ */
#leftSidebar #stayConnected {
	float:none;
	border:2px solid #d8e4f0;
	padding:8px;
	width:185px;
}
#leftSidebar #stayConnected label {
margin:0 0 0 -5px;
padding:0;
}
#leftSidebar #stayConnected label.label {
	font-weight:700;
    margin-left:0;
	margin-bottom:10px;
	display:block;
border-bottom:1px solid #d9e4f0;
}
#leftSidebar #stayConnected input#email {
/*	margin-bottom:10px;*/
}
#leftSidebar #stayConnected input[name="email"] {
        margin-bottom:2px; 
	width:170px;
}
#leftSidebar #stayConnected input.submit {
	margin-top:10px;
}
#leftSidebar #stayConnected div.followUs {
	float:none;
	margin:9px 0;
    padding-top:11px;
	position:relative;
border-top:1px solid #d9e4f0;
}
#leftSidebar #stayConnected div.followUs span.label {
	float:none;
	position:relative;
	top:-10px;
	left:0;
}

/* ---------------"Quick Links" horizontal action bar, home page ---- */
#actionBar .quicklinks {
	float:left;
}
#actionBar .quicklinks input.submit {
	margin-left:10px;
	height:22px;
	width:29px;
	text-align:center;
}

/* --------------- row-striping, home page newsTable; 5/21/2010 mariem ---- */
#modNews #newsBox tr.alt, #modNews #newsBox li.alt {
 background:#6a8eb6; 
 }

/* --------------- Automatic Background Images for Filetypes ---- */

.videoIcon {
background:url(/global/graphics/videobutton.png) no-repeat center right;
padding-right:20px;
}
.youtubeIcon {
background:url(/global/graphics/youtubelogo41x16.png) no-repeat center right;
padding-right:41px;
}
/* --------------- Bio Photo and Staff Photo Formatting ---- */
img.biopic {
 float:left;
 margin:0 10px 10px 0;
}
div#mainContent div.councilrep img,
div.staffPhoto img,
table.cd7CenterBgTxt td a img,
div#leftSidebar p.staffPhoto img,
img.biopic {
 border: 1px solid #4778A9;
 padding:2px;
}
div.staffPhoto img, div.staffPhoto p {
 float:none;
}
div.photoBlock {
text-align:center;
clear:both;
float:left;
width:115px;
background:#dbdbdb;
border:2px solid #0f3b5f;
margin-right:10px;
margin-bottom:1em;
padding:5px 0 3px 0;
}
div.photoBlock img {
border:1px solid #000033;
margin-bottom:2px;
}
div.photoBlockRight {
	margin-left:125px;
}
div#mainContent div.councilrep {
	float: right;
	padding: 0;
	width: 150px;
	text-align: center;
	margin: -38px 0 10px 10px;
}
div#mainContent div.councilrep h4 {font-size: 1.1em;}
div#mainContent div.councilrep img, div.staffPhoto img, table.cd7CenterBgTxt td a img, div#leftSidebar p.staffPhoto img, img.biopic {border: 1px solid #4778a9; padding: 2px;}

/* --------------- Home page subscribe form --------------------*/

div#actionBar div#subscribeform {float: left; position: relative;}
div#actionBar div#subscribeform * {float: left;}
div#actionBar div#subscribeform legend {font-weight: bold; margin: 12px 0 0 -10px; padding: 0;}
div#actionBar div#inputwrapper {position: absolute; top: 12px; left: 155px; width: 600px;}
div#actionBar div#inputwrapper input {margin: 0 5px 0 0;}

