/**************************************************************************/
/* GENERAL Styling */
/**************************************************************************/

*
{
	margin: 0;
	padding: 0;
}

html
{
	width: 100%;
	height: 100%;
	background: #a0a7a3 url('/_image/common/bg_repeat.gif') repeat-y top center;	
}

body
{
	width: 894px;
	margin: 0 auto;
	font-size:0.7em;
	color: #444242;
	position: relative;
	font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
}

img
{
	border: 0 none;	
}

a
{
	color: #f6761d;	
}

a:hover
{
	text-decoration: none;
}

#vertical_title_bar
{
	float: left;
	width: 25px;	
}

#page_container
{
	float: left;
	width: 869px;
	padding-bottom: 70px;	
}

/**************************************************************************/
/* HEADER SECTION 							  */
/**************************************************************************/

div#header
{
	width: 100%;
	float: left;	
}

div#main_banner
{
	background: url('/_image/header/header.gif') no-repeat top left;
	width: 100%;
	min-height:	80px;
	float: left;
}

* html div#main_banner
{
	height: 80px;
}

div#main_banner ul
{
	float: right;
	list-style: none;
	margin-top: 35px;
	display: inline;
	margin-right: 70px;
}

div#main_banner ul li
{
	float: left;
	color: #686868;
}

div#main_banner ul li a
{
	color: #686868;
	text-decoration: none;
}

div#header img
{
	float: left;	
}

/* Main Navigation */

ul#main_nav
{
	list-style: none;
	float: left;	
}

ul#main_nav
{
	list-style: none;	
}

ul#main_nav li
{	
	float: left;
}

ul#main_nav a
{
	display: block;
	width: 108px;
	height: 35px;	
}

ul#main_nav a.home
{
	background: url('/_image/header/navigation/btn_01_home.gif') no-repeat top left;
        width: 108px;
}

ul#main_nav a.home:hover
{
	background: url('/_image/header/navigation/btn_01_home_active.gif') no-repeat top left;
}

ul#main_nav a.home_active
{
	background: url('/_image/header/navigation/btn_01_home_active.gif') no-repeat top left;
        width: 108px;
}

ul#main_nav a.project-overview
{
	background: url('/_image/header/navigation/btn_02_projectoverview.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.project-overview:hover
{
	background: url('/_image/header/navigation/btn_02_projectoverview_active.gif') no-repeat top left;	
}

ul#main_nav a.project-overview_active
{
	background: url('/_image/header/navigation/btn_02_projectoverview_active.gif') no-repeat top left;
        width: 109px;
}

ul#main_nav a.planning
{
	background: url('/_image/header/navigation/btn_03_planning.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.planning:hover
{
	background: url('/_image/header/navigation/btn_03_planning_active.gif') no-repeat top left;	
}

ul#main_nav a.planning_active
{
	background: url('/_image/header/navigation/btn_03_planning_active.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.community
{
	background: url('/_image/header/navigation/btn_08_community.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.community_active, ul#main_nav a.community:hover
{
	background: url('/_image/header/navigation/btn_08_community_active.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.faqs
{
	background: url('/_image/header/navigation/btn_04_faqs.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.faqs:hover
{
	background: url('/_image/header/navigation/btn_04_faqs_active.gif') no-repeat top left;	
}

ul#main_nav a.faqs_active
{
	background: url('/_image/header/navigation/btn_04_faqs_active.gif') no-repeat top left;
        width: 109px;
}

ul#main_nav a.project-update
{
	background: url('/_image/header/navigation/btn_05_projectupdate.gif') no-repeat top left;
        width: 109px;
}

ul#main_nav a.project-update:hover
{
	background: url('/_image/header/navigation/btn_05_projectupdate_active.gif') no-repeat top left;	
}

ul#main_nav a.project-update_active
{
	background: url('/_image/header/navigation/btn_05_projectupdate_active.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.news
{
	background: url('/_image/header/navigation/btn_06_news.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.news:hover
{
	background: url('/_image/header/navigation/btn_06_news_active.gif') no-repeat top left;	
}

ul#main_nav a.news_active
{
	background: url('/_image/header/navigation/btn_06_news_active.gif') no-repeat top left;	
        width: 109px;
}

ul#main_nav a.contact-us
{
	background: url('/_image/header/navigation/btn_07_contact.gif') no-repeat top left;
        width: 107px;
}

ul#main_nav a.contact-us:hover
{
	background: url('/_image/header/navigation/btn_07_contact_active.gif') no-repeat top left;	
}

ul#main_nav a.contact-us_active
{
	background: url('/_image/header/navigation/btn_07_contact_active.gif') no-repeat top left;	
        width: 107px;
}

/* hide the css fallback span */
ul#main_nav a span
{
	display: none;	
}

/*---------------- Sub navigation -----------------*/
ul#sub_nav
{
	list-style: none;
	float: right;
        margin: 50px 0px 100px 30px;
}

ul#sub_nav li
{
	margin-bottom: 5px;	
}

ul#sub_nav a
{
	display: block;
	width: 155px;
	height: 51px;	
}

ul#sub_nav a.planning-strategy
{
	background: url('/_image/innerpage/subnav/btn_planningstrategy.gif') no-repeat top left;
}

ul#sub_nav a.planning-strategy:hover, ul#sub_nav a.planning-strategy_active
{
	background: url('/_image/innerpage/subnav/btn_planningstrategy_active.gif') no-repeat top left;
}

ul#sub_nav a.structure-plan
{
	background: url('/_image/innerpage/subnav/btn_structureplan.gif') no-repeat top left;
}

ul#sub_nav a.structure-plan:hover, ul#sub_nav a.structure-plan_active
{
	background: url('/_image/innerpage/subnav/btn_structureplan_active.gif') no-repeat top left;
}

/* hide the css fallback span */
ul#sub_nav a span
{
	display: none;	
}


/**************************************************************************/
/* CONTENT SECTION 							*/
/**************************************************************************/

div#content
{
	width: 100%;
	float: left;
	background-color: #676767;
}

div#banner_area
{
	float: left;
	background-color: #dadcdb;
}

div.inner_banner
{
	border-left: 1px solid #c3c7c4;
	border-bottom: 1px solid #c3c7c4;	
}

div#banner_area h2
{
	float: left;
	margin-top: 1px;
}


div#banner_area img
{
	float: left;
}

div#map
{
	float: left;
	margin-right: 1px;
	display: inline;	
}

div#text_content_area
{
	float: right;
	width: 868px;
	border-left: 1px solid #c3c7c4;
}

div#doc_download_module
{
	width: 221px;
	float: left;
	background-color: #676767;
	margin-left: -222px;
	position: relative;
	display: inline;
	padding-bottom: 50px;
}

div#doc_download_module h2
{
	float: left;	
}

div#doc_download_module ul
{
	list-style: none;
	float: left;
}

div#doc_download_module ul li
{
	background: url('/_image/common/left_pdf_icon.gif') no-repeat center left;
	background-position: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 20px;
	background-color: #757575;
	margin-bottom: 1px;
}

div#doc_download_module ul li a
{
	color: #FFFFFF;
	font-size: 0.9em;
}

div#main_content
{
	float: right;
	width: 646px;
	background-color: #FFFFFF;
	min-height: 260px;
	border-left: 1px solid #c3c7c4;
}

* html div#main_content
{
	height: 260px;
}

div.editable_text_content
{
	padding-top: 30px;
	padding-bottom: 20px;
}

div.editable_text_content ul
{
	margin-left: 60px;
	margin-bottom: 15px;
	margin-right: 100px;
}

div#main_content p
{
	margin-bottom: 15px;
	margin-left: 40px;
	margin-right: 100px;
}

div#main_content h1
{
	color: #c7302b;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom : 25px;
}

div#main_content h3
{
	color: #444242;
	padding-left: 40px;
	margin-bottom: 15px;
	padding-right: 100px;
	font-size: 1em;
}

div#footer
{
	width: 100%;
	float: left;
}

div#footer img
{
	float: left;
}

/* MU TRADEMARK */


div#mu_trademark
{
	float: right;
	margin-top: 5px;
	display: inline;
}

div#mu_trademark a
{
	color: #33393d;	
	text-decoration: underline;
}

div#mu_trademark a:hover
{
	color: #444242;
font-weight: bold;
}

div#mu_trademark a span
{
	color: #ebf92a;
	font-weight: bold;
}