/* -- screen-framework.css */
body {
background:url(../images/main-back.jpg) repeat-x top left #1a54a8;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size: 62.51%;
}

img {
border:none;
}


a:link, a:visited {
text-decoration:none;
color:#003366;
}

a:hover, a:active {
text-decoration:underline;
color:#003366;
}


#main {
padding:0 20px 20px 20px;
margin: 0 auto;
background-color:#ffffff;
width:887px;
}

#top {
background:url(../images/top.jpg) no-repeat left top;
height:216px;
clear:both;
}

#logo {
float:left;
width:136px;
height:79px;
}
#logo h1{
margin:0;
padding:0;
width:136px;
height:79px;
}
#logo a{
width:136px;
height:79px;
display:block;
background:url(../images/logo.gif) no-repeat 0 0;
text-indent:-999em;
}

#login {
background:url(../images/top4.jpg) no-repeat right top;
width:700px;
height:35px;
float:right;
padding-top:6px;
text-align:right;
font-size: 1.2em;
margin: 0 5px 0 0;
}

#login .loginLink:link, .loginLink:visited {
	text-decoration:none;
	color:#003366;
	font-weight: bold;
}

#login .loginLink:hover {
	text-decoration:underline;
	color:#0070E0;
	font-weight: bold;
}

#nav-top{
padding:0 0 0 0;
margin:0 0 0 0;
width: 886px;
font-size: 1.2em;
display: block;
}
#nav-top li{
float:left;
list-style:none;
padding:0;
margin:0;
background:#154288;
}
#nav-top li a{
color:#fff;
padding:8px 0px 10px 0;
text-align:center;
float:left;
display:block;
background:url(../images/top-menu.gif) no-repeat left top;
margin: 0;
}

.ie6 #nav-top li a, .ie7 #nav-top li a, .ff3 #nav-top li a{
padding-bottom:10px;
}

#nav-top li a:hover, #nav-top li.current a{
background:url(../images/top-menu_act.gif) no-repeat left top;
}

#nav-top li.home a{
background:url(../images/top-menu-first.gif) no-repeat left top;
}

#nav-top li.home a:hover, #nav-top li.homecurrent a{
background:url(../images/top-menu-first_act.gif) no-repeat left top;
}

#nav-top li.Careers a{
background:url(../images/top-menu-last.gif) no-repeat right top;
}

#nav-top li.Careers a:hover, #nav-top li.Careerscurrent a{
background:url(../images/top-menu-last_act.gif) no-repeat right top;
}

#nav-top li.home a{
width:102px;
}
#nav-top li.About-us a{
width:104px;
}
#nav-top li.Residents a{
width:103px;
}
#nav-top li.Looking-for-home a{
width:154px;
}
#nav-top li.Building-new-homes a{
width:166px;
}
#nav-top li.News-resources a{
width:144px;
}

#nav-top li.slicer {
width:1px;
height:33px;
background:url(../images/top-menu.gif) no-repeat left top;
}

#nav-top li.Careers a{
width:112px;
}

.leftcol {
float:left;
}


.top-table {
background:#f7f7f7;
}

.top4 {
background:url(../images/top4.jpg) no-repeat left top;
}

.topmenu {
height:34px;
background:url(../images/top-menu.gif) no-repeat left top #154288;
color:#FFFFFF;
font-size:70%;
}

.active {
background:url(../images/top-menu_act.gif) no-repeat left top #154288;
}

.first {
background:url(../images/top-menu-first.gif) no-repeat left top;
}

.first-active {
background:url(../images/top-menu-first_act.gif) no-repeat left top;
}

.last {
background:url(../images/top-menu-last.gif) no-repeat right top;
}

.last-active {
background:url(../images/top-menu-last_act.gif) no-repeat right top;
}



#breadsearch-container{
    float:left;
    width:660px;
    padding: 0;
    height: 30px;
}

#breadcrumb-container
{
    float: left;
    height: 30px;
    margin: 15px 0px 0px 10px;
    padding: 0;
    font-size: 1.1em;
}

.search-container
{
    float: right;
    width: 218px;
    background-color: White;
    height: 30px;
    padding: 0;
    margin: 10px 0px 0px 0px;
    
    BACKGROUND: url(/shgweb/images/search-form-bg.png) no-repeat left top; 
    
    /*
    PADDING-LEFT: 32px;
    DISPLAY: block;
    PADDING-RIGHT: 4px;
    HEIGHT: 17px;
    PADDING-BOTTOM: 14px; 
    MARGIN: 0px; 
    WIDTH: 136px; 
    PADDING-TOP: 4px; 
    */
}

.search-container .input-text {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 1.5em; 
	FLOAT: left; 
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 135px; 
	HEIGHT: 15px; 
	BORDER-RIGHT-WIDTH: 0px;
    margin: 5px 13px 0px 35px;
    background-color: Transparent;
}
.search-container .form-submit {
	BORDER-TOP-WIDTH: 0px; 
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 24px; 
	CURSOR: pointer; 
	COLOR: #2c642a; 
	HEIGHT: 24px; 
	TEXT-ALIGN: right; 
	BORDER-RIGHT-WIDTH: 0px;
    margin: 3px 0px 0px 0px;
}

.hidden
{
    display: none;
}

#wrap{
float:left;
width:662px;
padding: 10px 7px 0 0;
}

#content{
float:left;
width:440px;
}



.col-left{
width:214px;
padding-right:10px;
float:left;
}
.col-left p{
padding:1px 0;
}
.ie6 .col-left p, .ie7 .col-left p{
padding:2px 0;
}

.col-right{
width:435px;
float:left;
}


#sidebar-left{
width:196px;
padding: 5px 20px 10px 0;
float:left;
}
#nav-left{
margin:0;
padding:0;
list-style:none;
float:left;
width:196px;
border-bottom:solid 1px #eff1f3;
font-size: 1.2em;
}
#nav-left li{
margin:0;
list-style:none;
border-top:solid 1px #eff1f3;
padding:0;
background:url(../images/arrow-right.gif) no-repeat 0 8px;
width:196px;
}




#nav-left li ul li{
margin:0;
padding:0;
background:url(../images/arrow-right.gif) no-repeat 16px 9px;
}

#nav-left li ul li li{
margin:0;
padding:0;
background:url(../images/arrow-right.gif) no-repeat 30px 5px;
}

#nav-left li a{
padding:4px 0 4px 10px;
display:block;
}
#nav-left li li a{
padding:4px 0 4px 25px;
display:block;
}
#nav-left li li li a{
padding:4px 0 4px 40px;
display:block;
}
#nav-left li ul{
padding:0;
margin:0;
}

.left-menu a:link, .left-menu a:hover , .left-menu a:active, .left-menu a:visited {
color:#174995;
}

.closed {
}



#nav-left li.current{
	background: url(../images/arrow-down.gif) no-repeat 0 10px;
}

#nav-left li ul li.current {
background: url(../images/arrow-down.gif) no-repeat 15px 10px;
}


.sideNav-active{
	background: #eff1f3;
}




#sidebar-right{
float:left;
width:218px;
padding: 10px 0 0 0;
}

#sidebar-right #btn-accessibility{
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	width: 218px;
	height: 38px;
}

#sidebar-right #btn-translations{
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 2px;
	width: 212px;
	height: 34px;
	
}


/* -- Go Straight To List -- */


#sidebar-right #block-goStraightTo {
width:212px;
margin:0 2px 0 2px;
padding:0;
border:#d6e0ef 1px solid;
background-color:#eef2f8;
display: block;
}

#sidebar-right #block-goStraightTo h2{
	font-size: 2.0em;
	border-bottom:3px solid #c7c7c7;
	padding: 8px 0 8px 5px;
	margin: 0 8px 0 8px;
	color: #174b97;
	font-weight: normal;
}

#list-goStraightTo{
	margin: 10px 0 10px 10px;
	padding:0;
	list-style:none;
}

#list-goStraightTo li{
	margin:0;
	list-style:none;
	font-size: 1.2em;
	padding: 12px 0 12px 35px;
}

#list-goStraightTo li.residents{
background:url(../images/right-block-1.gif) no-repeat left center;
}

#list-goStraightTo li.james-butcher{
background:url(../images/right-block-2.gif) no-repeat left center;
}

#list-goStraightTo li.south-wight{
background:url(../images/right-block-3.gif) no-repeat left center;
}

#list-goStraightTo li.repairs{
background:url(../images/right-block-4.gif) no-repeat left center;
}

#list-goStraightTo li.handbook{
background:url(../images/right-block-5.gif) no-repeat left center;
}

#list-goStraightTo li.rent{
background:url(../images/right-block-6.gif) no-repeat left center;
}

#list-goStraightTo li.involved{
background:url(../images/right-block-7.gif) no-repeat left center;
}

#list-goStraightTo li.publication{
background:url(../images/right-block-8.gif) no-repeat left center;
}


/* -- Home Page Content -- */


#home-content h2{
	color: #174b97;
	font-weight:normal;
	font-size: 2.2em;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

#home-content p{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 1.2em;
	color:#666;
	line-height: 1.3em;
}

#home-content p#text-intro{
	color: #000;
	font-weight: bold;
}

#home-content .col-left{
	width: 214px;
	padding: 0 10px 0 0;
	float:left;
	margin: 0;
}

#home-content .col-left h3{
	color: #cc3333;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	font-size: 1.6em;
}

#home-content .col-left h3 a{
	color: #cc3333 !important;
	text-decoration: none;
}

#home-content .col-left h3 a:hover{
	color: #cc3333 !important;
	text-decoration: underline;
}


#home-content .col-left img{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#home-content .col-left p{
	border-bottom:solid 1px #e5e5e5;
	padding: 0 0 3px 0;
}

#home-content .col-left p#last{
	border-bottom:solid 1px #fff;
}

.doted {
	background:url(../images/doted.gif) repeat-x left top;
	margin-top:5px;
	margin-bottom:0;
	padding: 0 0 0 0;
	display: block;
	height: 10px
}


#home-content .col-right{
	width:435px;
	float:left;
	padding: 0;
	margin: 0;
}

#home-content .col-right h3{
	color: #cc3333;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	font-size: 1.6em;
}

#home-content .col-right h3 a{
	color: #cc3333 !important;
	text-decoration: none;
}

#home-content .col-right h3 a:hover{
	color: #cc3333 !important;
	text-decoration: underline;
}


#home-content a:hover{
	color:#0070E0;
}


.widjet-list{
padding: 0 9px 15px 0;
width:139px;
float:left;
margin: 0;
}

* html .widjet-list{
	padding-bottom: 8px !important;
}

*:first-child+html .widjet-list{
	padding-bottom: 7px !important;
}

.widjet-list-last{
padding-right:0;
}

.widjet-list img{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#home-content .col-right h3 .highlight{
	color:#999;
}

.view{
	padding:0 0 0 0;
	clear:both;
	font-size: 1.2em;
	text-align: center;
}

.col-right .widjet{
padding-right:10px;
width:212px;
float: left;
}

.widjet{
padding-right:10px;
width:212px;
float: left;
}

.widjet-last, .col-right .widjet-last{
padding-right:0;
}

.widjet .f-right{
float:right;

}


#landingpage-content .widjet h3{
	color: #cc3333;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	font-size: 1.6em;
}

#landingpage-content .widjet h3 a{
	color: #cc3333 !important;
	text-decoration: none;
}

#landingpage-content .widjet h3 a:hover{
	color: #cc3333 !important;
	text-decoration: underline;
}


.bottom {
width:887px;
height:88px;
background:url(../images/bottom-back.gif) no-repeat top left;
clear:both;
padding: 0;
}

.bottom .f-left{
padding-left:10px;
padding-top:50px; float:left;
width:650px;
}

.bottom .f-left P{
	font-size: 1.1em;
	
}

.bottom .f-right{
float:right;
padding-top:20px;
}

.bottom .f-right img{
padding:0 20px 0 0;}