/* LAYOUT "ID" STYLES */

#bodyDiv
{
	text-align: center;
	margin: 0 auto;
	background-color: #ffffff;
	height: 101%;
	min-height: 100%;
}

div#mainDiv
{
	width: 770px;
	text-align: center;
	margin: 0 auto;
	background: #FFF url(../../Images/200705/page_bdr.jpg) repeat-y top left;
	height: auto;
}

#headerDiv
{
	width: 770px;
	height: 91px;
	margin: 0 auto;
}

#headerBody
{
	width: 710px;
	height: 76px;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	background-image: url('../../Images/200705/hdr_strip.jpg');
	background-repeat: repeat-y;
}

* html #headerBody
{
	width: 770px;
}

#headerLogo
{
	width: 239px;
	height: 76px;
	float: left;
	background-image: url('../../Images/200705/NorthernHousinglogo.gif');
	background-repeat: no-repeat;
}

#headerButtons
{
	width: 458px;
	height: 37px;
	padding-top: 39px;
	margin-left: 13px;
	float: right;
}

* html #headerButtons
{
	width: 458px;
	height: 76px;
}

#headerBottom
{
	width: 770px;
	height: 15px;
	background-image: url('../../Images/200705/hdr_btm_bdr.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#contentDiv
{
	clear: both;
	width: 719px;
	text-align: left;
	margin-left: 24px;
	margin-right: 27px;
	padding-top: 10px;
}

* html #contentDiv
{
	padding-top: 5px;
}

#footerDiv
{
	clear: both;
	text-align: center;
	margin: 0 auto;
	width: 710px;
}

.footerRow
{
	clear: both;
	width: 710px;
	padding-top: 5px;
	text-align: center;
	margin: 0 auto;
}

.footerRow .left
{
	width: 33%;
	float: left;
	text-align: left;
}

.footerRow .center
{
	width: 33%;
	float: left;
	text-align: center;
}

.footerRow .right
{
	width: 33%;
	float: right;
	text-align: right;
}

.footerRow .leftSpan
{
	width: 49%;
	float: left;
	text-align: left;
}

.footerRow .rightSpan
{
	width: 49%;
	float: right;
	text-align: right;
}

#pageBottom
{
	clear: both;
	width: 770px;
	background-image: url("../../Images/200705/btm_bdr.jpg");
	background-repeat: no-repeat;
	height: 20px;
	margin: 0 auto;
}

#threeColMain
{
	clear: both;
	width: 719px;
}

#threeColMain #Left
{
	width: 141px;
	float: left;
}

#threeColMain #RightSpan
{
	width: 568px;
	margin-left: 10px;
	float: right;
	/* total width = 578px */
}

#threeColMain #Center
{
	width: 338px;
	padding-right: 10px;
	float: left;
	border-right: solid 1px #4b6b92;
	/* total width = 349px */
}

* html #threeColMain #Center
{
	width: 349px;
}

#threeColMain #Center #ServicesRow1
{
	width: 338px;
	margin-top: 10px;
}

#threeColMain #Center #ServicesRow1 #boxQOL
{
	width: 154px;
	height: 99px;
	float: left;
	background-image: url('../../Images/200705/qual_life.jpg');
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

* html #threeColMain #Center #ServicesRow1 #boxQOL
{
	height: 164px;
	width: 164px;
}

#threeColMain #Center #ServicesRow1 #boxQOP
{
	width: 154px;
	height: 99px;
	float: left;
	margin-left: 10px;
	background-image: url('../../Images/200705/qual_place.jpg');
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

* html #threeColMain #Center #ServicesRow1 #boxQOP
{
	height: 164px;
	width: 164px;
}

#threeColMain #Center #ServicesRow2
{
	clear: both;
	width: 338px;
	margin-top: 10px;
	text-align: left;
}

#threeColMain #Center #ServicesRow2 #boxPI
{
	width: 154px;
	height: 99px;
	float: left;
	background-image: url('../../Images/200705/perf_impr.jpg');
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

* html #threeColMain #Center #ServicesRow2 #boxPI
{
	height: 164px;
	width: 164px;
}

#threeColMain #Center #ServicesRow2 #boxIR
{
	width: 154px;
	height: 99px;
	float: left;
	margin-left: 10px;
	background-image: url('../../Images/200705/inv_res.jpg');
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

* html #threeColMain #Center #ServicesRow2 #boxIR
{
	height: 164px;
	width: 164px;
}

#threeColMain #Center #boxQOL ul, #threeColMain #Center #boxQOP ul, #threeColMain #Center #boxPI ul, #threeColMain #Center #boxIR ul
{
	margin: 0px;
	padding-left: 22px;
}

#threeColMain #Right
{
	width: 209px;
	padding-left: 10px;
	/*padding-right: 10px;*/
	float: left;
	/* total width = 219px */
}

* html #threeColMain #Right
{
	width: 219px;
}

#threeCol
{
	clear: both;
	width: 719px;
}

#threeCol #Left
{
	width: 141px;
	float: left;
}

#threeCol #RightSpan
{
	width: 568px;
	margin-left: 10px;
	float: right;
}

#threeCol #Center
{
	width: 213px;
	padding-right: 10px;
	float: left;
	/* total width = 224px */
	border-right: solid 1px #4b6b92;
}

* html #threeCol #Center
{
	width: 224px;
}

#threeCol #Right
{
	width: 324px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	/* total width = 344px */
}

* html #threeCol #Right
{
	width: 344px;
}

#twoCol
{
	clear: both;
	width: 719px;
}

#twoCol #Left
{
	width: 141px;
	float: left;
}

#twoCol #Right
{
	width: 568px;
	margin-left: 10px;
	float: right;
	/* total width = 578px */
}

#purpleBox
{
	margin-top: 10px;
	width: 118px;
	height: 302px;
	background-image: url('../../Images/200705/purple_box.jpg');
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

* html #purpleBox
{
	height: 332px;
	width: 138px;
}

/* MOVIE LINKS */
.movieLink
{
	width: 338px;
	height: 228px;
}

.movieLink a
{
	cursor: pointer;
}

.movieLinkInner
{
	width: 318px;
	height: 208px;
	background-repeat: no-repeat;
	text-align: left;
	padding: 10px;
}

* html .movieLinkInner
{
	width: 338px;
	height: 228px;
}

/* VIEWING MOVIE LINK MOVE */
#movieLink_div
{
	width: 480px;
	height: 300px;
	margin: 0 auto;
}

/* START NEWS SCROLLER CLASSES */

#newsScroller
{
	width: 209px;
	height: 160px;
}

#newsScrollerBody
{
	width: 209px;
	height: 160px;
	margin-top: 10px;
}

#newsScrollerDiv
{
	width: 209px;
	height: 160px;
	margin: 0 auto;
}

/* END NEWS SCROLLER CLASSES */

/* START NEWS SCROLLER CLASSES */

#upcomingEvents
{
	width: 209px;
	min-height: 270px;
}

* html #upcomingEvents
{
	height: 270px;
}

#upcomingEvents .upcomingEventRow
{
	width: 209px;
	padding-top: 10px;
}

#upcomingEvents .text
{
	padding-top: 3px;
}

/* END NEWS SCROLLER CLASSES */

/* START CONVERSATION LINK */
#conversationBox
{
	background-image: url('../../Images/200705/pink_box.gif');
	background-repeat: no-repeat;
	width: 209px;
	height: 100px;
	cursor: pointer;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
}

* html #conversationBox
{
	height: 110px;
}
/* END CONVERSATION LINK */

/* START PUBLICATION LINK */
#publicationsBox
{
	background-image: url('../../Images/200705/blue_box.jpg');
	background-repeat: no-repeat;
	width: 199px;
	height: 30px;
	margin-top: 50px;
	text-align: left;
	padding-left: 10px;
	cursor: pointer;
	padding-top: 30px;
}

* html #publicationsBox
{
	margin-top: 10px;
	height: 60px;
	width: 209px;
}
/* END PUBLICATION LINK */

/* START BROWSE ALOUD LINK */
#browseAloudBox
{
	background-image: url('../../Images/200705/BALogo2.jpg');
	background-repeat: no-repeat;
	background-position: right;
	width: 208px;
	height: 33px;
	margin-top: 5px;
	cursor: pointer;
	text-indent: -5000px;
}
/* END 	BROWSE ALOUD LINK */

/* START LEFT MENU CLASSES */
#leftMenu
{
	width: 141px;
}

#leftMenuTop
{
	width: 141px;
	height: 12px;
	background-image: url('../../Images/200705/menubox_top.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#leftMenuBody
{
	width: 133px;
	min-height: 270px;
	padding-left: 4px;
	padding-right: 4px;
	background-image: url('../../Images/200705/menubox_strip.jpg');
	background-repeat: repeat-y;
	background-position: top left;
}

* html #leftMenuBody
{
	height: 270px;
	width: 141px;
}

#leftMenuBottom
{
	width: 141px;
	height: 12px;
	background-image: url('../../Images/200705/menubox_bottom.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

/* END LEFT MENU CLASSES */
