/*************************************
 * The index stylesheet contains     *
 * only the styles required for the  *
 * homepage. It should be added in   *
 * for that page in conjunction with *
 * screen.css.                       *
 *************************************/

/* =mast styles */
#index_mast {
  position: relative;
  height: 269px;
  margin: 0;
  width: 100%;
  clear: both;
  border-top: 1px solid #fff;
}

#index_mast a, #index_mast input { position: relative; z-index: 1000; }

/* =mast_main is the left hand box with the search, az, and browse */
#index_mast .mast_main {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#index_mast .mast_main_sleeve { /* sleeve needed to get around unclickable links in IE6 */
  background: url(/McmsHosting/UI/Sites/Council/Assets/Graphics/HomeMastLeft.png) no-repeat;
  width: 100%;
  height: 100%;
}

* html #index_mast .mast_main_sleeve { /* :hack: IE5.5&6 alpha loader for the PNG background */
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/McmsHosting/UI/Sites/Council/Assets/Graphics/HomeMastLeft.png', sizingMethod='image');
}

#index_mast .mast_main_sleeve div.headNav {
  width: 410px;
  padding-left: 20px;
  position: absolute;
  zoom: 1; /* :hack: IE hasLayout trigger */
}

#index h1 {
  font-size: 2.15em;
  color: #4b8037;
  margin-right: 170px;
  padding: 16px 20px;
}

#index_mast h2 {
  font-size: 1.3em;
  color: #45912c;
  margin: 0 .5em 5px 0;
}

#index_mast #search {
  position: absolute;
  padding-left: 20px;
  top: 70px;
}

#index_mast #search fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#index_mast #search * {
  vertical-align: middle;
}

#index_mast #search label {
  color: #fff;
  font-size: 1.3em;
  margin-right: 20px;
}

#index_mast #search input.text {
  width: 170px;
  font: 1em "Trebuchet MS", Tahoma, sans-serif;
  padding: 2px 3px;
  margin-bottom: 2px;
  border: 1px solid #000;
  background: #fff url(/McmsHosting/UI/Sites/Council/Assets/Graphics/InputTextBackground.gif) no-repeat 0 0;
}

#index_mast #az {
  top: 110px;
}

#index_mast #az ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font: .85em/1 Verdana, Arial, sans-serif;
  width: 28em;
}

#index_mast #az li {
  float: left;
  margin: 0 7px 4px 0;
}

#index_mast #az a, #index_mast #az span {
  display: block;
  border: 1px solid #629e52;
  padding: 2px 0;
  width: 1.3em;
  text-align: center;
  font-weight: bold;
}

#index_mast #az a {
  background: #629e52 url(/McmsHosting/UI/Sites/Council/Assets/Graphics/HomeAZBackground.gif) repeat-x top;
  color: #ffe863;
  text-decoration: none;
}

#index_mast #az .empty span {
  color: #629e52;
}

#index_mast #az a:focus, #index_mast #az a:hover, #index_mast #az .on span {
  border-color: #000;
  background: #ffe863;
  color: #000;
}

#index_mast #browse_by {
  top: 190px;
}

#index_mast #browse_by * {
  display: inline;
  vertical-align: middle;
}

/* =the image inbetween the left + right boxes */
#index_mast .index_mast_pic {
  position: absolute;
  top: 0;
  right: 155px;
  z-index: 1;
  width: 420px;
  height: 223px;
}

/* =the right hand maps box */
#index_mast .mast_maps {
  width: 277px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  color: #fff;
  font-size: .85em;
}

#index_mast .mast_maps_sleeve { /* sleeve needed to get around unclickable links in IE6 */
  background: url(/McmsHosting/UI/Sites/Council/Assets/Graphics/HomeMastRight.png) no-repeat top right;
  width: 100%;
  height: 100%;
  display: block;
}

* html #index_mast .mast_maps_sleeve { /* :hack: IE5.5&6 alpha loader for the PNG background */
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/McmsHosting/UI/Sites/Council/Assets/Graphics/HomeMastRight.png', sizingMethod='image');
}

#index_mast .mast_maps p {
  position: absolute;
  bottom: 143px;
  left: 125px;
  width: 125px;
  margin: 0;
  padding: 5px;
  background-color: #5954a6;
}

* html #index_mast .mast_maps p {
  bottom: 150px; /* :hack: IE5&6 incorrectly calculates certain heights */
}

#index_mast .mast_maps a {
  position: absolute;
  left: 200px;
  bottom: 118px;
}

* html #index_mast .mast_maps a {
  bottom: 125px; /* :hack: IE5&6 incorrectly calculates certain heights */
}

#index #main {
  margin-top: 7px;
}

#index .ad img {
  max-width: 100%;
  _width: 100%; /* :hack: max-width replacement for IE5&6 */
}

#index h3 {
  font-size: 1.5em;
  line-height: 1;
  margin: 0 0 5px 0;
}

#index .col1 h3 {
  font-size: 1.6em;
}

#index .col2 {
  margin-top: -25px;
  position: relative;
  z-index: 1000;
}

* html #index .col2 { margin-top /**/: 0; } /* :hack: IE5 doesn't show the heading if we don't do this */

#index .col2 h2 {
  /*color: #a7a7a7;*/
  color:#818181;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 0;
}

#index .item p {
  /*color: #666;*/
  color: #333333;
  line-height: 1.3;
}

#index p.more a {
  /*color: #a2a2a2;*/
  color: #444466;
}

/********* SGC ADDITIONS ***********/

.SGC_Console {
		border-collapse: collapse;
		background: white;
		border-color: black;
		border-style: solid;
		border-width: 1px;
		cursor: pointer;
		width: 250px;
	}
	.SGC_Console_ItemIcon {
		width: 22px;
		height: 18px;
		background-image: url(/McmsHosting/UI/Sites/Council/Assets/ConsoleIcons/IconBackBlue.gif);
		text-align: center;
	}
	.SGC_Console_ItemText {
		text-align: left;
	}
	
.accessibleBtn
{
	vertical-align:middle;
}