/* moc_default.css for www.mochridhe.com */

body
{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #96a1d0;
}

div#page
{
	background-color: #96a1d0;
	width: 920px;
	margin: 0 auto 0 auto;
}

/* @group Header */


div#header_wrapper
{
	top: 0;
	width: 920px;
	height: 193px;
	margin: 0 auto 0 auto;
	background-color: #96a1d0;
	background-image: url('/_resources/interface/headernew.png');
	background-repeat: no-repeat;
}

div#header
{
	width: 800px;
	height: 96px;
	margin: 0 auto 0 auto;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/* @end */

/* @group Navigation */

div#navigation_wrapper
{
	width: 920px;
	height: 36px;
	margin: 0 auto 0 auto;
	padding: 157px 0 0 0;
}

div#navigation
{
	width: 960px;
	margin: 0 auto 0 auto;
}

div#navigation ul
{
	list-style: none inside none;
	margin: 0;
	padding: 0;
}

div#navigation ul li
{
	display: block;
	float: left;
	list-style: none inside none;
	margin: 0 8px 0 0;
	padding: 0;
}

div#navigation ul li a
{
	display: block;
	width: 124px;
	height: 36px;
	overflow: hidden;
	float: left;
	padding: 0 0 0 0;
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
	background-image: url('/_resources/interface/navigation_bar.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}


div#navigation ul li#home a
{
	width: 124px;
	height: 36px;
	background-position: 0 11px;
}

div#navigation ul li#home a:hover,
div#navigation ul li#home.selected a
{
	background-position: 0 -26px;
}

div#navigation ul li#media a
{
	width: 124px;
	height: 36px;
	background-position: -140px 11px;
}

div#navigation ul li#media a:hover,
div#navigation ul li#media.selected a
{
	background-position: -140px -26px;
}

div#navigation ul li#contact_us a
{
	width: 124px;
	height: 36px;
	background-position: -278px 11px;
}

div#navigation ul li#contact_us a:hover,
div#navigation ul li#contact_us.selected a
{
	background-position: -278px -26px;
}

div#navigation ul li#our_people a
{
	width: 124px;
	height: 36px;
	background-position: -418px 11px;
}

div#navigation ul li#our_people a:hover,
div#navigation ul li#our_people.selected a
{
	background-position: -418px -26px;
}

div#navigation ul li#our_services a
{
	width: 124px;
	height: 36px;
	background-position: -557px 11px;
}

div#navigation ul li#our_services a:hover,
div#navigation ul li#our_services.selected a
{
	background-position: -557px -26px;
}

div#navigation ul li#staff_and_stakeholders a
{
	width: 124px;
	height: 36px;
	background-position: -696px 11px;
}

div#navigation ul li#staff_and_stakeholders a:hover,
div#navigation ul li#staff_and_stakeholders.selected a
{
	background-position: -696px -26px;
}

div#navigation ul li#faq a
{
	width: 124px;
	height: 36px;
	background-position: -836px 11px;
}

div#navigation ul li#faq a:hover,
div#navigation ul li#faq.selected a
{
	background-position: -836px -26px;
}


/* @end */

/* @group Sub Navigation */

div#sub_navigation_wrapper
{
	clear: both;
	width: 920px;
	height: 30px;
	background-color: #c2c5be;
	margin: 5px 0 0 0;
}

div#page.var1_media div#sub_navigation_wrapper
{
	background-color: #00a4cd;
}

div#page.var1_contact_us div#sub_navigation_wrapper
{
	background-color: #5987ad;
}

div#page.var1_our_people div#sub_navigation_wrapper
{
	background-color: #53514e;
}

div#page.var1_our_services div#sub_navigation_wrapper
{
	background-color: #00a9b3;
}

div#page.var1_staff_and_stakeholders div#sub_navigation_wrapper
{
	background-color: #5987ad;
}

div#page.var1_faq div#sub_navigation_wrapper
{
	background-color: #ea5d25;
}

div#sub_navigation
{
	font-size: 12px;
	color: white;
	line-height: 1.5;
	padding: 5px 0 5px 24px;
}

div#sub_navigation a:link,
div#sub_navigation a:visited
{
	text-decoration: none;
	color: white;
}

div#sub_navigation ul
{
	
}

div#sub_navigation ul li
{
	display: inline;
	padding: 0 24px 0 0;
}

div#sub_navigation ul li a
{
	font-size: 12px;
}

div#sub_navigation ul li.selected a
{
	color: black;
}

div#sub_navigation a:hover
{
	color: black;
}


/* @end */



/* @group banner */

div#banner_wrapper
{
	height: 180px;
	float: left;
	margin: 5px 0 5px 0;
}

/* @end */

/* @group story banner */

div#story_banner
{
	width: 180px;
	height: 400px;
	overflow: none;
	background-color: #00a9db;
	margin: 5px 0 0 0;
	float: right;
}

div#quote_wrapper
{
	margin: 0 0 0 0;
}

div#quote
{
	
}

div#quote h3
{
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	padding: 10px 10px 0 10px;
	height: 80px;
}

div#quote p
{
	font: 12px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif, sans-serif;
	color: white;
	padding: 0 10px 10px 10px;
}

/* @end */



/* @group Content */

div#content_wrapper
{
	background-color: white;
	width: 550px;
	height: 400px;
	overflow: none;
	float: left;
}

div#content
{
	margin: 0 auto 0 auto;
	overflow: auto;
	height: 400px;
}

div#content h2
{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: black;
	padding: 15px 10px 10px 10px;
}

div#content h3
{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;
}

div#content h3.toggler
{
	color: black;
	padding: 0 0 0 10px;
}

div#content h3.toggler p
{
	margin: 0;
	padding: 0;
}

div#content p
{
	font-size: 15px;
	line-height: 1.5;
	padding: 10px;
}

div#content ul
{

}

div#content ul li
{
	font-size: 12px;
	line-height: 1.5;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 0 0 10px;
}

div#content img.staff
{
    float: right;
    margin: -40px 0 10px 10px;
  
    width: 160px;
    height: 160px;
}



/* @end */

/* @group News */

div#news_wrapper
{
	float: left;
}

div#news
{
	background-color: #ff7e40;
	width: 180px;
	height: 400px;
	overflow: none;
	margin: 0 5px 0 0;
}

div#news h2
{
	color: white;
	font: bold 20px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 10px 10px 0 10px;
}

div#news p
{
	color: white;
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 15px 10px 0 10px;
}

div#news span.more_information a
{
	color: #524743;
	font: italic 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding: 0 0 0 10px;
}

div#news_archive
{
	margin: 30px 0 0 0;
}

div#news_archive span.archive a
{
	color: white;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding: 0 0 0 10px;
}

/* @end */


/* @group Login */

div#login_wrapper
{
	float: left;
	margin: 5px 5px 5px 0;
	width: 180px;
	height: 180px;
	background-color: #c3c4be;
	font-size: 9px;
}

div#login_wrapper a
{
	color: black;
}

div#login
{
	padding: 10px;
}

div#login h3
{
	font-size: 12px;
}

div#login p
{
	
}

div#member_navigation_wrapper
{
	width: 180px;
	height: 180px;
	background-color: #c3c4be;
}

div#member_navigation ul
{
	padding: 10px 0 0 0;
}

div#member_navigation ul li
{
	padding: 0 0 0 10px;
}

div#member_navigation a:link,
div#member_navigation a:visited
{
	color: white;
	text-decoration: none;
	font: 12px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif, sans-serif;
}


/* @end */



/* @group Footer */

div#footer_wrapper
{
	width: 960px;
	height: 72px;
	clear: both;
	margin: 10px 0 0 0;
}


div#footer
{
	width: 960px;
	height: 72px;
	margin: 0 auto 0 auto;
}

div#footer p
{
	font-size: 10px;
	line-height: 1.5;
	color: white;
}

div#footer a.feed
{
	background: url('/_resources/interface/rssfeed.png') 0 0 no-repeat;
}

div#footer p.rss_feed a.feed
{
	padding: 0 0 0 20px;
	font-size: 10px;
	color: white;
	text-decoration: none;
}


/* @end */

/* @group Search */

div#search_wrapper
{
	background-color: #52514e;
	width: 180px;
	height: 180px;
	float: right;
	clear: both;
	margin: 5px 0 0 0;
}

div#search img
{
	margin: 0;
	padding: 0;
}

div#search h2
{
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	text-align: center;
	padding: 5px 5px 0 0;
}

div#search
{
	padding: 5px 0 30px 10px;
}

div#search span.field
{
	margin: 0 0 0 20px;
}

div#search input.submit
{
	margin: 0 0 0 75px;
}

div#content ul
{
	margin: 0 0 15px 0;
}

div#content ul li
{
}

div#content ul li a
{
	text-decoration: none;
	color: black;
}

div#content ul li a:hover
{
	color: red;
}


/* @end */

/* @group Style Switcher */

div#style_switcher
{
	width: 920px;
	height: 15px;
	text-align: right;
}

div#style_switcher a.default_style
{
	text-decoration: none;
	font-size: 12px;
	color: black;
}

div#style_switcher a.iphone_style
{
	text-decoration: none;
	font-size: 12px;
	color: black;
}

div#style_switcher a:hover
{
	text-decoration: underline;
}



/* @end */