/* CSS formatting for Neighborhoods Plan Pages */

#main,
#main #nav_menu {
	border-color: #999999;
}

ul#sub_nav li {
	background-color:#ffffff;
}

ul#sub_nav li a {
	background-color: #ffffff;
	color: #000000;
}

ul#sub_nav li a:hover {
	background-color: #999999;
	color: #ffffff;
}

ul#sub_nav li li {
	background-color: #FFFFFF;
	color: #000000;
}

ul#sub_nav li li a:hover {
	background-color: #aaaaaa;
	color: #FFFFFF;
}

/*This is for when we get the neighborhood issues tab back */
ul#sub_nav li.home { width: 87px; }
ul#sub_nav li.home a { width: 75px; }

ul#sub_nav li.planning { width: 155px; }
ul#sub_nav li.planning a { width: 143px; }
ul#sub_nav li.planning ul, ul#sub_nav li.planning li { width: 153px; }
ul#sub_nav li.planning li a { width: 143px; }

ul#sub_nav li.meeting { width: 105px; }
ul#sub_nav li.meeting a { width: 93px; }
ul#sub_nav li.meeting ul, ul#sub_nav li.meeting li { width: 120px; }
ul#sub_nav li.meeting li a { width: 110px; }

ul#sub_nav li.about { width: 195px; }
ul#sub_nav li.about a { width: 183px; }
ul#sub_nav li.about ul, ul#sub_nav li.about li { width: 215px; }
ul#sub_nav li.about li a { width: 205px; }

ul#sub_nav li.studies { width: 130px; }
ul#sub_nav li.studies a { width: 118px; }

ul#sub_nav li.issues { width: 175px; }
ul#sub_nav li.issues a { width: 163px; }

ul#sub_nav li.espanol { width: 113px; }
ul#sub_nav li.espanol a { width: 101px; }

/*This is without the neighborhood issues tab*/
ul#sub_nav li.home { width: 117px; }
ul#sub_nav li.home a { width: 105px; }

ul#sub_nav li.planning { width: 184px; }
ul#sub_nav li.planning a { width: 172px; }
ul#sub_nav li.planning ul, ul#sub_nav li.planning li { width: 184px; }
ul#sub_nav li.planning li a { width: 174px; }

ul#sub_nav li.meeting { width: 134px; }
ul#sub_nav li.meeting a { width: 122px; }
ul#sub_nav li.meeting ul, ul#sub_nav li.meeting li { width: 134px; }
ul#sub_nav li.meeting li a { width: 124px; }

ul#sub_nav li.about { width: 224px; }
ul#sub_nav li.about a { width: 212px; }
ul#sub_nav li.about ul, ul#sub_nav li.about li { width: 224px; }
ul#sub_nav li.about li a { width: 214px; }

ul#sub_nav li.studies { width: 159px; }
ul#sub_nav li.studies a { width: 147px; }

ul#sub_nav li.espanol { width: 142px; }
ul#sub_nav li.espanol a { width: 130px; }


/***********************************
   	   GRAY TITLE
************************************/
.title_gray .what_is_this {
	display: block;
	float: right;
	margin-right: 5px;
	padding-top: 1px;
	font: bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	text-transform: none;
}


/***********************************
   		BANNER IMAGE OVERLAY
************************************/
/*.columnSingle div.banner_overlay { background: url(/bikeMadison/images/bannerSingle.jpg) no-repeat 3px 3px; }*/
.columnSingle div.banner_overlay { 
  text-transform: none;
}
.columnDouble div.banner_overlay { background: url(/bikeMadison/images/bannerDouble.jpg) top left no-repeat; }
.columnHalf div.banner_overlay { background: url(/bikeMadison/images/bannerHalf.jpg) top left no-repeat; }
/*.columnTriple div.banner_overlay { background: url(/bikeMadison/images/bannerTriple.jpg) top left no-repeat; }*/
.columnTriple div.banner_overlay {
  color: #222;
  padding-left: 0;
  text-transform: none;
}
.columnFull div.banner_overlay { background: url(/bikeMadison/images/bannerFull.jpg) top left no-repeat; }
div.banner_overlay a {
  color: #336699;
  text-align: left;
  padding-left: 5px;
  text-decoration: none;
}
div.banner_overlay a:hover {
  color: #003366;
}

/***********************************
    WHAT'S NEW
************************************/
.whats_new {
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	clear: both;
}

.whats_new ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	border-width: 0px 1px 0px 1px;
}

.whats_new li {
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
}

.whats_new h3 {
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px;
}

.whats_new a {
    text-decoration:none;
}



/* Link List Widths */
/*
.columnSingle .link_list a { width: 204px; }
.columnDouble .link_list a { 462px; }
.columnQuarter .link_list a { width: 211px; }
.columnHalf .link_list a { width: 448px; }
*/

/* Link List Banner Styles (Border/Padding) */
.columnDouble .link_list, .columnHalf .link_list, 
.columnTriple .link_list, .columnThreeQuarter .link_list { 
	border: 0; 
}

.columnDouble .link_list img, .columnHalf .link_list img, 
.columnTriple .link_list img, .columnThreeQuarter .link_list img { 
	padding: 0; 
	border: 0; 
}

.columnDouble .link_list ul, .columnHalf .link_list ul, 
.columnTriple .link_list ul, .columnThreeQuarter .link_list ul { 
	border: 1px solid #CCCCCC; 
	border-width: 1px 1px 0 1px; 
}

#breadcrumb {
	font-size:11px;
	padding-bottom:3px;
	border-bottom:2px solid #e0e0e0;
	margin-bottom:10px;
}

#breadcrumb a {
	text-decoration:none;
}

.RequiredLabel {
  color: #b94a48;
  text-align: left;
  padding-bottom: 10px;
}
/* Neighborhood Update Form Updates */
form .headerRow {
  padding-top: 24px;
  padding-left: 0;
  background-color: transparent;
  color: #222;
  font-size: 16px;
}
form .fieldName {
  padding-left: 0;
}
form #submit {
  background-color: #065d8c;
  width: auto;
  height: auto;
  font-size: 16px;
  margin-top: 15px;
  padding: 10px 18px;
  border: none;
  cursor: pointer;
}
form #submit:hover,
form #submit:focus {
  background-color: #043d5b;
}

form .formOutline {
  border: none;
  padding: 0;
}

form .rowShade {
  background-color: transparent;
}

/* Stack the form fields */
form .fieldName,
form .fieldInput,
form .rowShade {
  float:none;
  padding-left: 0;
  clear: both;
  width: auto;
}
form .fieldSet {
    text-align: left;
}
form .fieldName label {
  font-size: 14px;
}
form .fieldInput input {
  padding: 8px;
  font-size: 14px;
}

/* Change content widths */
#main #content .columnTriple {
  width: 65%;
}
#main #content .columnSingle {
  width: 32%;
}

.columnTriple .outline_box_banner .body {
  border: none;
}
.columnSingle .link_list {
  border: none;
}
.columnSingle .link_list a {
  padding: 8px;
  font-size: 14px;
}
.columnSingle .link_list .banner_overlay {
  border-bottom-width: 2px;
  width: auto;
  height: auto;
}
.columnSingle .link_list .banner_overlay a {
  padding: 0 8px;
  font-size: 18px !important;
}