/* Custom */

h1 {text-align:center;}

body {
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: black;
	margin: 0;
	padding: 0;
}

a, a:link, a:active, a:visited {
	color: blue;
	text-decoration: none;
}

a:hover {
	color: #660000;
	text-decoration: underline;
}

p	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}

.nojavascripttext {
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

.dateandtime {
	font-size: 1em;
	margin-right: 1%;
	text-align: right;
}

.hitcounter {
	margin: 10px auto;
	text-align: center;
}

p.faqdesc {
	font-size: 1em;
	margin-bottom: 50px;
}

div.regshowimg {
	height: 69px;
	width: 103px;
	border: 10px ridge green;
}

p.regshowdesc {
	font-size: 1em;
	margin-bottom: 50px;
}

div.maintext {
	margin-left: 5%;
	margin-right: 5%
}

p.homedesc {
	font-size: 1em;
}

div.calendar {
	width: 800px;
	margin: 20px auto;
}

div.videobox {
	width: 640px;
	height: 504px;
	margin: 20px auto;
	background-color: red;
}

/* RSS feeds links */

.rssfeedlink {
	margin-left: 3px;
	padding: 0px;
}

.rssfeedlink a {
  	padding: 5px 15px 5px 35px;
  	background: url("http://www.cityofgadsden.com/Sites/S11/Images/GITN/feedicon.png") no-repeat 5px 50%;
}

/* Video Player */

div#videoplayer {
	width: 640px;
	margin: 40px auto;
}

/* Main Table */

.maintable {
	margin: 10px auto;
}

.maintable td {
	margin: 0px;
	padding: 0px;
}

.maintableslideshow {
	width:	660px;
}

.maintabletextticker {
	height: 122px;
	width: 300px;
}

.maintablegoogle {
	border: 5px ridge green;
	width:	300px;
}

.maintableweather {
	border: 5px ridge green;
	width:	300px;
	height: 250px;
}

/* JavaScript slideshow */

div#show {
background-color: #EFEFEF;
width: 640px;
margin: 0 auto;
border: 10px ridge green;
}

div#show table td {
height: 24px;
}

div#show table input {
outline: green outset thick;
}

/* Text Ticker */

div#homecontainer {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background-color: #FFFFE0;
	width: 290px;
	height: 112px;
	margin: 0px;
	border: 5px ridge green;
}

div#homecontainer a {
	color: blue;
	background-color: #FFFFE0;
}

/* City Council Meetings Table */

.ccmtable {
	margin: 10px auto;
	border: 4px solid black;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.ccmtable td {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	border: 2px solid black;
	padding: 10px;
}

/* Construction Table */

.underconstructiontable {
	margin: 20px auto;
	border: 10px ridge green;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.underconstructiontable td {
	font-weight: bold;
	font-size: 1.5em;
	padding: 25px;
}

/* Program Guide Date Table */

.programguidedatetable {
	margin: 10px auto;
	border: 5px ridge green;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.programguidedatetable td {
	font-weight: bold;
	font-size: 1.6em;
	padding: 5px;
}

/* Program Guide Table */

.programguidetable {
	margin: 10px auto;
	border: 4px solid black;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.programguidetable td {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	border: 1px solid black;
	padding: 10px;
}

.programguidetable td a {
	background-color: #FFFFE0;
	color: blue;
}

.programguidetable td a:hover {
	color: #660000;
}

/* Video Table */

.videotable {
	margin: 10px auto;
	border: 4px solid black;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.videotable td {
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid black;
	padding: 10px;
}

.videotable td a {
	background-color: #FFFFE0;
	color: blue;
}

.videotable td a:hover {
	color: #660000;
}

/* Program Table */

.programtable {
	margin: 10px auto;
	border: 4px solid black;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.programtable td {
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	border: 1px solid black;
	padding: 10px;
}

.programtable td a {
	background-color: #FFFFE0;
	color: blue;
}

.programtable td a:hover {
	color: #660000;
}

/* Regular Shows Table */

.regularshowstable {
	margin: 10px auto;
	border: 4px solid black;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.regularshowstable td {
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	border: 1px solid black;
	padding: 10px;
}

.regularshowstable td a {
	background-color: #FFFFE0;
	color: blue;
}

.regularshowstable td a:hover {
	color: #660000;
}

/* FAQ Table */

.faqtable {
	margin: 10px auto;
	border: 4px solid black;
	border-collapse: collapse;
	background-color: #FFFFE0;
	padding: 10px;
}

.faqtable td {
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid black;
	padding: 10px;
}

.faqtable td a {
	background-color: #FFFFE0;
	color: blue;
}

.faqtable td a:hover {
	color: #660000;
}

/* RSS Feed on the Webpage */

div#feed-control {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

/* News and Weather Table */

.newsweathertable {
	margin: 10px auto;
}

.newsweatherspace {
	width: 20px;
}

/* Header section */

.headertable {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	border: 0;
}

.headertable td{
	margin: 0;
	padding: 0;
	border: 0;
}

.headerbg {
	background-color: #990000;
}

.headertd {
	text-align: center;
}

.headerside {
	width: 380px;
}

.headerimg {
	border: 0;
}

/* Footer section */

.footertable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 50px;
	padding: 0px;
	border: 0px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
	background-color: #990000;
}

/* JavaScript Menu */

.ddsubmenustyleprogramming {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8125em;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyleprogramming ul {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyleprogramming li a {
display: block;
width: 140px; /*width of menu (not including side paddings)*/
color: black;
background-color: #FFFFE0;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

.ddsubmenustyleprogramming li li a {
width: 160px; /*width of menu (not including side paddings)*/
}

.ddsubmenustyleprogramming li a:hover {
background-color: black;
color: white;
}

.ddsubmenustylefaq {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8125em;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustylefaq ul {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustylefaq li a {
display: block;
width: 240px; /*width of menu (not including side paddings)*/
color: black;
background-color: #FFFFE0;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

.ddsubmenustylefaq li a:hover {
background-color: black;
color: white;
}

.downarrowpointer { /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer { /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim {
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

.mattblackmenu ul {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8125em;
font-weight: bold;
list-style-type: none;
border-bottom: 1px solid gray;
background: #660000;
overflow: hidden;
width: 100%;
}

.mattblackmenu li {
display: inline;
margin: 0;
}

.mattblackmenu li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #660000;
}

.mattblackmenu li a:visited {
background: #660000;
color: white;
}

.mattblackmenu li a:hover {
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected {
background: black; /*background of tab with "selected" class assigned to its LI */
}

/* CSS for the Google RSS Feed */

.gfg-root {
  width : 500px;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 1em;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 1em;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 1em;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */

.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url("http://www.cityofgadsden.com/Sites/S11/Images/GITN/garrow.gif");
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 1em;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 0.812em;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url("http://www.cityofgadsden.com/Sites/S11/Images/GITN/arrow_open.gif");
}

.gfg-collapse-closed {
  background-image : url("http://www.cityofgadsden.com/Sites/S11/Images/GITN/arrow_close.gif");
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}