/*----------------------------------------------*/
/* Mayor's Council on Disability                */
/*----------------------------------------------*/
/*                                              */
/* Home Page Style Sheet                        */
/*                                              */
/*----------------------------------------------*/
/*-------------------------
 HTML ELEMENT STYLES     
-------------------------*/
html {
 padding: 0;
 margin: 0;
}
body {
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 80%;
	font-style: normal;
	line-height: 120%;
	background-color: #8B703D;
	background-image: url('/images/home_background.gif');
	background-repeat: repeat-x
}
table {
 margin: 0;
 margin-top: 0px;
 padding: 0;
 border-collapse: separate;
}
tr {
 margin: 0;
 padding: 0;
}
td {
 margin: 0;
 padding: 0;
 border-spacing: 2px;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #333333;
}

#page_header {
 margin: 0;
 margin-top: 5px;
 margin-bottom: 2px;
 margin-left: 0px;
 margin-right: 0px;
 padding: 0;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 10px;
 font-family: Arial, Sans-Serif;
 font-size: 170%;
 font-weight: bold;
 color: #0d3366;
 text-decoration: none;
 width: 100%;
}

#third_level_header {
 position: relative;
 margin: 0;
 margin-top: 2px;
 margin-bottom: 2px;
 margin-left: 10px;
 margin-right: 10px;
 padding: 0;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 10px;
 font-family: Arial, Sans-Serif;
 font-size: 16px;
 font-weight: bold;
 color: #ffffff;
 background-color: #4f7cac;
 width: 100%;
 height: 23px;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #111111;
	margin: 0;
 	padding: 0;
 	padding-left: 10px;
 	padding-right: 4px;
	padding-top: 24px;
	line-height: 26px;
}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #49568E;
	margin: 0;
 	padding: 0;
 	padding-left: 10px;
 	padding-right: 4px;
 	padding-top: 20px;
 	line-height: 18px;
}

select {
 position: relative;
 padding: 0;
 margin: 0;
 margin-top: 16px;
 margin-left: 20px;
 font-size: 10px;
}
form {
 margin: 0px;
 padding: 0px;
 border: 0px;
 vertical-align: top;
}
input {
 margin: 0px;
 padding: 0px;
 border: 0px;
}
img {
 border-style: none;
}


/*-------------------------
 BLUE BAR AREA
-------------------------*/
td.blueBarArea {
	margin: 0;
	padding: 0;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #49568E;
}
*>.blueBarArea {
 height: 26px;
}

/*-------------------------
 MAIN CONTENT AREA
-------------------------*/
#mainContentArea {
 position: relative;
 
 padding: 0;
 
 width: 760px;
 height: 350px; /*IEs own stupidity can't read min height*/
 min-height: 350px;
 
 left: 50%;
 margin-left: -380px;
  
 border-style: none;
  
 background-image: url('/images/home_middle_back.gif');margin-right:0; margin-top:0; margin-bottom:0
}
*>#mainContentArea { 
 height: auto;
}

/*-------------------------
 TABLE AREA (3 COLUMNS)
 -------------------------*/
#table_column1 {
	width: 158px;
	vertical-align: top;
	
}
#table_column2 {
	width: 438px;
	font-size: 80%;
	vertical-align: top;
	background-color: white;
}
#table_column3 {
 width: 158px;
 font-size: 80%;
 vertical-align: top;
}

/*-------------------------
 COLUMN 1 CONTENT
 -------------------------*/
#column1Area 
 
#left_menu {
 position: relative;
 margin-top: 20px;
 margin-left: 20px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight: bold;
 line-height: 200%;
 color: #ffffff;
}
#left_menu a {
	color: #003366;
	text-decoration: none;
}
#left_menu a:hover {
 color: #ffffff;
 text-decoration: none;
}

#column1_tab_image {
 position: relative;
 margin: 0;
 padding: 0;
 margin-top: 50px;
}
p.column1_bottom_text {
 position: relative;
 color: #ffffff;
 margin: 0;
 margin-top: -37px;
 padding: 0;
 padding-left: 25px;
 padding-right: 4px;
}
#column1_logo_image {
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: -50px;
	margin-left: 0px;
}

/*-------------------------
 COLUMNS 2
 -------------------------*/
p.table_column_text {
	color: #333333;
	margin: 0;
	padding: 0;
	padding-left: 14px;
	padding-right: 4px;
}
 
p.table_column_text a, p.table_column_text a:visited {
   color: #3366CC;
 }
 
 p.table_column_text a:hover {
  color: #83B5FA;
 }
 
.table_column_title {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  margin-top: 18px;
}
.popup_links {
 position: relative;
 top: -2px;
 left: 0;
}



*>#table_column2 {
 width: 436px;
}
#column2Area {
 width: 403px;
 margin: 0;
 padding: 0;
 margin-top: 24px;
 margin-left: 16px;
 font-weight: normal;
 color: #333333; 
}
#contentMayorArea {
	position: relative;
	margin: 0;
	padding: 0;
	margin-left: 0px;
	height: 111px;
	background-color: #F7F7F2;
}

#content_MayorPic {
	position: static;
	left: 0;
	top: 0;
	margin: 8px;
	padding: 0;
	height: 111px;
	width: 133px;
	float: left;
	color: #333333;
	margin-right: 12px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 4px;
	padding-top: 14px;
	text-align: center;
}
p.column2_Mayor {
	color: #333333;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 4px;
	padding-top: 0px;
	text-align: left;
}
/*-------------------------
 COLUMN 2
 -------------------------*/

p.column2 {
 color: #333333;
 margin: 0;
 padding: 0;
 padding-left: 10px;
 padding-right: 4px;
 padding-top: 14px;
}
p.column2 a, p.column2 a:visited {
   color: #3366CC;
}
 
p.column2 a:hover {
  color: #83B5FA;
}



/*-------------------------
 COLUMN 3
 -------------------------*/
#column3_top_photo {
	position: relative;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	text-align: center;
}

#column3_image {
	position: relative;
	margin: 0;
	padding: 0;
	left: 20px;
	top: 10px;
	text-align: center;
}

#right_column_bottom_photo {
 position: relative;
 margin: 0;
 padding: 0;
 left: 30px;
 top: 30px;
 z-index: 40;
 text-align: center;
}
p.column3 {
	color: #333333;
	margin: 0;
	padding: 0;
	width: 100%; 
	/*padding-left: 24px;
   padding-right: 4px;
   padding-top: 14px;*/
	text-align: center;
}

p.column3 a, p.column3 a:visited {
	color: #003366;
}
 
p.column3 a:hover {
	color: #49568E;
}
/*-------------------------
 FOOTER
 -------------------------*/
#footer {
 position: relative;
 margin: 0;
 padding: 0;
 
 width:760px;
 height: 23px;
 
 left: 50%;
 margin-left: -380px;
 border-style: none;
}