/****************************************************************************************************
- Styles in this sheet are used for customising the layout of the site.
  Site-specific elements (horizontal rules, ordered/unordered lists, etc.) are also included here. 
  Heavy customisation needs to be done here.
****************************************************************************************************/

/********** global containers ***********/
#page_container {
	width: 990px;
	margin: auto;
	text-align: left;
}

#header {
	height: 49px;
	background-image: url('../im/header.jpg');
	background-repeat: no-repeat;
}

#main_nav_container {
	height: 97px;
	background-image: url('../im/logo.jpg');
	background-repeat: no-repeat;
	background-position: left;
}

#main_nav_container #main_nav {
	float: right;
	text-align: right;
	padding: 40px 50px 0px 0px;
}

#footer_container {
	clear: both;
	background-image: url('../im/bg_footer.jpg');
	background-repeat: repeat-x;
}

#footer {
	width: 990px;
	height: 106px;
	background-image: url('../im/footer.jpg');
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 18px;
	margin: auto;
	text-align: center;
}

#footer .padding {
	padding: 50px 25px 15px 25px;
}



/********** main page containers **********/
#main_page_skin {
	background-image: url('../im/bg_main_page.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
}

#main_page_banner {
	height: 322px;
	_margin-bottom: -23px;
}

#main_page_divider {
	height: 20px;
}

#main_page_sidebar_left {
	float: left;
	width: 380px;
	background-image: url('../im/vertical_divider.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

#main_page_sidebar_left .padding {
	padding: 25px 35px 25px 115px;
}

#main_page_content {
	float: left;
	width: 290px;
	background-image: url('../im/vertical_divider.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

#main_page_content .padding {
	padding: 25px;
}

#main_page_sidebar_right {
	float: left;
	width: 320px;
}

#main_page_sidebar_right .padding {
	padding: 25px;
}

#main_page_did_you_know {
	width: 244px;
	height: 200px;
	background-image: url('../im/bg_did_you_know.jpg');
	background-repeat: no-repeat;
	color: #ffffff;
}

#main_page_did_you_know .padding {
	padding: 20px 25px 20px 25px;
	font-style: italic;
}


/********** sub page containers ***********/
#sub_page_skin {
	background-image: url('../im/bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
}

#banner {
	height: 89px;
}

#sidebar {
	float: right;
	width: 315px;
}

#sidebar .padding {
	padding: 45px 0px 35px 0px;
}

#content {
	margin-right: 315px;
}

#content .padding {
	padding: 35px 35px 35px 115px;
}

#contact_us {
	background-color: #ffffff;
	text-align: left;
}

#contact_us .padding {
	padding: 25px;
}