/* @override http://www.vivalapixel.com/mhra/css/mhra.css */

/*------------------------------------------------------
Manchester Housing and Redevelopment Authority - screen.css

designed and developed by:
http://www.vivalapixel.com

Defines Layout and style for screen media.
------------------------------------------------------*/

/*------------------------
REDEFINE HTML TAGS
------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	line-height: 120%;
	background-color: #d08c2c;
	color: #000;
	padding: 0;
	margin: 0;
}

/*----------------------------------------------
Headers
----------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, sans-serif;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}

/*----------------------------------------------
REDEFINE HTML TAGS -  END
----------------------------------------------*/

/*----------------------------------------------
General Link Selectors
----------------------------------------------*/

a {
	
}

a:visited, a:link, a:active {
	
}

a:hover {
	
}

/*----------------------------------------------
CUSTOM CSS FOR WEBSITE
----------------------------------------------*/

/* container-home removes the tiled background image from the home page */

#container-home {
	margin: 0px auto 0px auto;
	width: 713px;
	background-color: #bfc656;
	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: #013488;
}

#container {
	margin: 0 auto 0 auto;
	width: 713px;
	background: #bfc656 url(../images/content-bg-tile.gif) repeat-y left top;
	border-width: 0px 3px 0px 3px;
	border-style: solid;
	border-color: #013488;
}

#content {
	width: 463px;
	float: right;
	background-color: #fff;
	padding: 10px;
}

#content h1 {
	font-size: large;
	font-weight: normal;
	color: #013488;
	border-bottom: 1px solid #013488;
	margin: 5px -10px 0px -10px;
	padding: 0px 0px 3px 10px;
}

#content h2 {
	font-size: large;
	font-weight: bold;
	color: #D85D18;
	border-left: 6px solid #D1D86D;
	padding: 0px 0px 0 5px;
}

#header {
	margin: 10px auto 0px auto;
	width: 713px;
	height: 74px;
	border-width: 14px 3px 3px 3px;
	border-style: solid;
	border-color: #013488;
	background-color: #fff;
}

#footer {
	text-align: center;
	font-size: x-small;
	color: #fff;
	margin: 0 auto 0 auto;
	padding: 15px 0 5px 0;
	width: 713px;
	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: #013488;
	background-color: #013488;
}

#footer img {
	margin: -5px 20px 5px 0;
	float: right;
}

#footer li {
	display: inline;
	list-style-type: none;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

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

#footer ul {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

#copyright {
	font-size: x-small;
	text-align: center;
	margin: 5px auto 0px auto;
	width: 713px;
}

#home-nav {
	float: left;
	width: 200px;
	margin: 40px 0px 0px 0px;
}

#nav {
	float: left;
	width: 200px;
	margin: 40px 0px 0px 0px;
}

#slideshow {
	float: right;
}

strong {
	font-family: Georgia, Times, sans-serif;
	font-size: 15px;
	display: block;
	margin: 0 0 5px 0;
	color: #002B62;
}

.board {
	margin: 20px 0 5px 0;
}

.board img {
	float: left;
	border: 1px solid #B8CCEE;
	padding: 2px;
	margin: 0px 10px 5px 0;
}

#content li {
	margin: 0 0 10px 0;
}

img.left {
	float: left;
	border: 1px solid #B8CCEE;
	padding: 2px;
	margin: 4px 8px 5px 0;
}

img.right {
	float: right;
	border: 1px solid #B8CCEE;
	padding: 2px;
	margin: 4px 0 5px 8px;
}

/*---------------
   Tables
 ---------------- */

table {
	border: 0px solid #999;
	padding: 3px;
	width: 100%;
}

tr {
	background-color: #F2F4D4;
}

td {
	border: 1px solid #fff;
	padding: 5px;
	text-align: center;
}

#titles td {
	background-color: #D1D86D;
	border: 0 solid #555;
	line-height: 140%;
	font-weight: bold;
	color: #002B62;
}

/*---------------
   Gallery
 ---------------- */

#gallery {
	float: right;
	margin: 10px 0 5px 5px
}

/*---------------
	Properties
 ---------------- */

#property-bottom {
	margin: 5px 0 0 0;
	padding: 10px;
	border: 0;
}

.property {
	margin: 5px 0 0 0;
	padding: 10px;
	border-bottom: dotted 1px #D1D86D;
}

.property em , #property-bottom em {
	color: #333;
	display: block;
	margin: 0 0 5px 0;
}

.description {
	line-height: 160%;
	float: left;
	margin: 10px 0 0 0;
	width: 210px;
	font-size: 12px;
}

.gallery {
	float: right;
	margin: 0;
}

/*---------------
 Home Navigation 
 ---------------- */

#home-nav li {
	width: 220px;
	font-family: Sans-Serif;
	font-size: 12px;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
	background-color: #d1d86d;
	list-style: none;
	border-bottom: solid 1px #9aa224;
}

#home-nav ul {
	margin: 0;
	padding: 0;
}

#home-nav li a {
	text-decoration: none;
	color: #013488;
	font-weight: bold;
}

#home-nav li a:hover {
	text-decoration: underline;
}

/*--------------
   Slashdot NAVIGATION
----------------*/

.sdmenu {
	width: 230px;
	font-family: Sans-Serif;
	font-size: 12px;
	padding-bottom: 10px;
        margin: 35px 0 0 0;
	background: #bfc656 url(bottom.gif) no-repeat  right bottom;
	color: #013488;
}

.sdmenu .title, .sdmenu .titlehidden {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	color: #013488;
	background: #d1d86d;
}

.sdmenu .title {
	border-bottom: 1px solid #9aa224;
}

.sdmenu .arrow {
	margin-left: 7px;
	margin-right: 6px;
}

.sdmenu .titlehidden {
	border-bottom: none;
	margin: 0px 0px 10px 0px;
}

.sdmenu #top {
	background: url(toptitle.gif) no-repeat;
	background-color: #d1d86d;
}

.sdmenu .submenu {
	overflow: hidden;
}

.sdmenu .submenu a {
	padding: 5px 0;
	text-indent: 10px;
	display: block;
	color: #012663;
	text-decoration: none;
	text-indent: 23px;
}

.sdmenu .submenu a:hover {
	background: #d1d86d url(linkarrow.gif) no-repeat right center;
	color: #012663;
}