/* This file contains the styles only used on the main homepage */
body {
 width: 960px;
 text-align: center;
}

#content {
 text-align: left;
 width: 912px;
 position: relative;
 /*width: 95%;*/
 margin-left: auto;
 margin-right: auto; /* Setting both margins to auto centers the page */
}

/* Header image for home page only */
div#topBar {
 width: 960px;

 display: block;
 padding-top: 130px;
 margin-bottom: 0.5em;
 background: url(../images/layout/global/mainLogo.png) no-repeat;
}

div#topBar li {
 text-align: left;
}

/* News ticker bits - iFrame */
iframe {
 width: 913px;
 display: block;
 margin-left: auto;
 margin-right: auto; 
}

/*#newsTicker {
 background: #666 url(../images/layout/home/newsticker/newsTickerRight.png) no-repeat right top;
 height: 23px;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em;
 display: block;
 clear: both;
 font-size: 0.75em;
 color: #fff;
}

#newsTickerLeftCap {
 background: url(../images/layout/home/newsticker/newsTickerLeft.png);
 float: left;
 width: 114px;
 height: 23px;
 position: inherit;
}

#newsTickerHeadline{
 color: #333;
 line-height: 23px;
}*/

/* General stuff for both top boxes */
/* Layout */
.topBox {
 margin:0px auto 1em;;
 min-width:20em;
 color:#000;
 background: transparent no-repeat bottom left;
}

.topBox .header .corner,
.topBox .footer .corner {
 font-size:1px; /* ensure minimum height */
 height:14px;
}

.topBox .footer .corner {
 height:14px;
}

.topBox .header {
 background:transparent url(../images/layout/home/topbox/tl.gif) no-repeat 0px 0px;
}

.topBox .header .corner {
 background:transparent url(../images/layout/home/topbox/tr.gif) no-repeat right 0px;
}

.topBox .body {
 background:transparent url(../images/layout/home/topbox/ml.gif) repeat-y 0px 0px;
}

.topBox .body .corner {
 background:transparent url(../images/layout/home/topbox/mr.gif) repeat-y right 0px;
}

.topBox .body .corner .s {
 margin: 0 0 0 0;
 background: transparent;
 padding: 0em;
 height: 260px;
}

.topBox .footer {
 background:transparent url(../images/layout/home/topbox/bl.gif) no-repeat 0px 0px;
}

.topBox .footer .corner {
 background:transparent url(../images/layout/home/topbox/br.gif) no-repeat right 0px;
}


/* Styles */

.topBox h2 {
 /* header */
 font-size:1.5em;
 margin:0 0 1em 0;
 padding-left: 1em;
 color: #FE7013;
 line-height: 1em;
 text-transform: lowercase;
 font-weight: bold;
}

.topBox p {
 margin:0px 0px 0px 0px;
 padding:0px;
}

html>body .topBox pre {
 font-size:1.1em;
}

/* Stuff for the individual boxes */

#leftBox {
 float: left;
 width: 49%;
 background-image: url(../images/layout/home/topbox/cornerHouse.png);
}

#leftBox img {
 border:none;
}

/* This is temporary while the accommodation search is not live */
/* the old values were margin-left: 1em; and width: 200px; (07/01/09) */
#leftBox p {
 margin-right: 1em;
 margin-left: 10em;
 margin-bottom: 1em;
 width: 250px;
}
/* Temporary*/

#rightBox {
 float: right;
 width: 49%;
 background-image: url(../images/layout/home/whoarewe/yorkstreet.png);
}

#houseSearchForm {
 background-color: transparent;
 float: right;
 margin-right: 1em;
 margin-top: -1em;
}

#houseSearchForm form {
 display: inline;
}

#rightBox p {
 float: right;
 margin-right: 1em;
 margin-bottom: 1em;
 width: 260px;
 margin-left: 150px;
}

/* General stuff for both navigation boxes */
/* Layout */
.navBox {
 margin:0 auto 1em 0;
 width: 912px;
 color:#000;
 background: transparent no-repeat bottom left;
 clear: both;
}

.navBox .header .corner,
.navBox .footer .corner {
 font-size:1px; /* ensure minimum height */
 height:36px;
}

.navBox .footer .corner {
 height:14px;
}

.navBox .body {
 background:transparent url(../images/layout/home/navbox/ml.gif) repeat-y 0px 0px;
}

.navBox .body .corner {
 background:transparent url(../images/layout/home/navbox/mr.gif) repeat-y right 0px;
}

.navBox .body .corner .s {
 margin: 0px 0px 0px 0px;
 background: transparent;
 padding:0 0 0 1em;
 height: 80px;
 position: relative; /* just so the "more..." link sticks to the bottom-right" */
}

.navBox .footer {
 background:transparent url(../images/layout/home/navbox/bl.gif) no-repeat 0px 0px;
}

.navBox .footer .corner {
 background:transparent url(../images/layout/home/navbox/br.gif) no-repeat right 0px;
}


/* Styles */

.navBox h1 {
 /* header */
 font-size:1.5em;
 margin:0px;
 padding-left: 1em;
 color: #FE7013;
 line-height: 1em;
 text-transform: lowercase;
 font-weight: bold;
}

.navBox .body .corner .s .navBoxItem {
 width: 220px;
 display: block;
 float: left;
}

.navBox .body .corner .s .navBoxMoreLink {
 witdh: 10px;
 display: inline;
 position: absolute; bottom: 0em; right: 1em;
 font-size: 0.8em;
 font-weight: bold;
}

.navBox .body .corner .s .navBoxItem img {
 padding-right: 1em;
}

.navBox .body .corner .s .navBoxItem p {
 color: #666;
 font-size: 0.75em;
 padding-top: 0.2em; 
}

.navBox h3 {
 display: inline;
 font-size: 1.1em;
 text-transform: lowercase;
}

.navBox .header h2 a {
 color: #fff;
 text-decoration: none;
 position: absolute; 
 margin-left: 15px; 
 border: 0;
}

.navBox .header h2 a:hover {
 color: #0C70C0;
 text-decoration: none;
}

.navBox .header h2 a:visted {
 color: #fff;
 text-decoration: none;
}

/*.navBox .header img {
 position: absolute; 
 margin-left: 15px; 
 margin-top: 9px;
 border: 0;
}*/

.navBox .body .corner .s img {
 float: left;
}

.navBox p {
 margin:0px 0px 0px 0px;
 padding:0px;
}

html>body .navBox pre {
 font-size:1.1em;
}

/* Stuff for the individual boxes */

#studentBox .header {
 background:transparent url(../images/layout/home/navbox/tlOrange.png) no-repeat 0px 0px;
}

#studentBox  .header .corner {
 background:transparent url(../images/layout/home/navbox/trOrange.png) no-repeat right 0px;
}

#studentBox {
 float: left;
}

#landlordBox .header {
 background:transparent url(../images/layout/home/navbox/tlGrey.png) no-repeat 0px 0px;
}

#landlordBox  .header .corner {
 background:transparent url(../images/layout/home/navbox/trGrey.png) no-repeat right 0px;
}

#landlordBox {
 float: left;
}

#footerBar {
 width: 912px;
}

/* Top-right banner ad stuff */
#topImageBoxContainer {
 position: absolute;
 display: inline;
 background-color: Transparent;
 top: 3.5em;
 right: 5em;
 height: 65px;
 width: 935px;
 float: right;
}

#topRightBannerAdContainer {
 position: absolute;
 top: 3.5em;
 right: 5em;
 height: 59px;
 width: 487px;
 background: #194b7d;
 float: right;
}

#topRightBannerAdTag {
 background: url(../images/layout/content/advertTag.png) no-repeat;
 width: 23px;
 height: 59px;
 /*width: 23px;
 height: 59px;*/
 float: left;
}

#topRightBannerAd {
 border: 2px #194b7d solid;
 padding: 0;
 z-index: 99;
 float: right;
}

#topRightBannerAd img {
 border: 0;
 padding: 0;
}