/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

BODY {
	background: #fff6dd url(../images/bg_gradient.jpg) top left repeat-x;
	text-align: center; }
	
	#pageContainer {
		width: 770px;
		margin: 28px auto 0;
		text-align: left;
		position: relative;
		/*border-top: 1px solid #3E5A6B;   Some weird Firefox thing where it won't push to the top without a top border */
		/*margin-top: -1px;   Now shift things up to push the extra border out of the viewport */ }


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	height: 333px;
	width: 357px;
	background: transparent url(../images/mst_logo.jpg) top left no-repeat; }
	
	#masthead H1 {
		margin: 0;
		padding: 0;
		text-indent: -5000px; }
		
		#masthead H1 A {
			float: left;
			display: block;
			width: 200px;
			height: 181px;
			text-decoration: none; }

	#masthead IMG,
	#masthead .address_print { display: none; }


/* ===============================
		::: MENU :::
=============================== */

#menu {
	float: left;
	display: inline;
	background: transparent url(../images/menu2.gif) -188px 0 no-repeat;
	margin: -149px 0 0 38px;
	width: 188px; }

	#menu UL {
		list-style: none;
		margin: 16px 0 25px;
		padding: 0; }

		#menu LI {
			margin: 0;
			padding: 0;
			list-style-image: none; }

			#menu A {
				display: block;
				width: 188px;
				height: 24px;
				text-indent: -5000px;
				text-decoration: none;
				background: transparent url(../images/menu2.gif) 0 0 no-repeat;
				margin: 0; }

			#menu LI A:hover,
			#menu LI LI A:hover {
				background-image: none !important; }

#menu-overview A { background-position: 0 -16px; }
#menu-approach A { background-position: 0 -40px; }
#menu-services A { background-position: 0 -64px; }
#menu-clients A { background-position: 0 -88px; }
#menu-staff A { background-position: 0 -112px; }
#menu-resources A { background-position: 0 -136px; }
#menu-clientaccess A { background-position: 0 -160px; }

/* Expanded Menu Defaults */
#menu LI UL { margin: 0 0 9px; padding: 0; }
#menu LI LI { margin: 0; padding: 0; }

/* Overview Menu */
BODY.overview #menu-overview A { background: transparent url(../images/menu2.gif) -376px -16px !important; }

/* Approach Menu */
BODY.approach #menu,
BODY.approach #menu A { background-image: url(../images/menu_approach.gif); }
BODY.approach #menu #menu-approach A { height: 21px !important; }
BODY.approach #menu #menu-guiding A {
	background-position: 0 -61px;
	height: 18px !important;
	line-height: 18px; }
BODY.approach #menu #menu-participatory A {
	background-position: 0 -79px;
	height: 18px !important;
	line-height: 18px; }
BODY.approach #menu-services A { background-position: 0 -106px; }
BODY.approach #menu-clients A { background-position: 0 -130px; }
BODY.approach #menu-staff A { background-position: 0 -154px; }
BODY.approach #menu-resources A { background-position: 0 -178px; }
BODY.approach #menu-clientaccess A { background-position: 0 -202px; }

/* Services Menu */
BODY.services #menu,
BODY.services #menu A { background-image: url(../images/menu_services.gif); }
BODY.services #menu-services A { height: 21px !important; }
BODY.services #menu-evaluation A {
	background-position: 0 -85px;
	height: 18px !important;
	line-height: 18px; }
BODY.services #menu-planning A {
	background-position: 0 -103px;
	height: 18px !important;
	line-height: 18px; }
BODY.services #menu-training A {
	background-position: 0 -121px;
	height: 18px !important;
	line-height: 18px; }
BODY.services #menu-clients A { background-position: 0 -148px; }
BODY.services #menu-staff A { background-position: 0 -172px; }
BODY.services #menu-resources A { background-position: 0 -196px; }
BODY.services #menu-clientaccess A { background-position: 0 -220px; }

/* Clients Menu */
BODY.clients #menu,
BODY.clients #menu A { background-image: url(../images/menu_clients.gif); }
BODY.clients #menu-clients A { height: 21px !important; }
BODY.clients #menu-types A {
	background-position: 0 -109px;
	height: 18px !important;
	line-height: 18px; }
BODY.clients #menu-selected A {
	background-position: 0 -127px;
	height: 18px !important;
	line-height: 18px; }
BODY.clients #menu-staff A { background-position: 0 -154px; }
BODY.clients #menu-resources A { background-position: 0 -178px; }
BODY.clients #menu-clientaccess A { background-position: 0 -202px; }

/* Staff Menu */
BODY.staff #menu-staff A { background: transparent url(../images/menu2.gif) -376px -112px !important; }

/* Resources Menu */
BODY.resources #menu-resources A { background: transparent url(../images/menu2.gif) -376px -136px !important; }

/* Client Access Menu */
BODY.clientaccess #menu-clientaccess A { background: transparent url(../images/menu2.gif) -376px -160px !important; }



/* ===============================
		::: CONTENT :::
=============================== */

#contentContainer {
	float: right;
	display: inline;
	width: 498px;
	margin: -275px 8px 0 0;
	background: #fff url(../images/content_bg_repeat.gif) 0 0 repeat-y;
	overflow: visible; }
	
#content {
	float: right;
	padding: 0 10px 0 27px;
	width: 461px !important;
	width /**/: 498px;
	background: transparent url(../images/content_bg_top.gif) top left no-repeat;
	overflow: visible;  }

	#content>P { margin-right: 10px; }

/* Min-height fix : http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php */
/* for Mozilla/Safari/Opera */
*>#content {
 padding-top: 500px;
 min-height: 1px;
}
*>#content H1 {
 margin-top: -491px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #content {
 height: 500px;
}
* HTML #content H1 { margin-top: 8px; }
/* end filter */

#address {
	float: left;
	display: inline;
	margin: 15px 0 0 62px;
	font-size: .9em;
	line-height: 1.4em; }

BODY.approach #address,
BODY.services #address,
BODY.clients #address { margin-top: 15px; }


/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	clear: both;
	float: right;
	display: inline;
	width: 498px;
	margin: 0 8px 0 0;
	background: #fff6dd url(../images/bg_footer.gif) top left no-repeat;
	height: 60px; }


/* ===============================
		::: HOMEPAGE :::
=============================== */

/* ===============================
		::: MISC :::
=============================== */

BODY.news #content UL {
	margin-left: 0; }

.success-stories-print { display: none; }

.success-stories {
	float: left;
	position: relative;
	display: inline;
	margin: 10px 30px 20px -240px;
	width: 265px;
	background: #fff url(../images/ss_bot.gif) bottom left no-repeat;
	font-size: 12px;
	font-style: italic;
	color: #666;
	padding: 20px; }

	.success-stories H2 {
		background: transparent url(../images/ss_hdr.gif) top left no-repeat;
		height: 57px;
		width: 305px;
		margin: -20px -20px 0 -20px;
		padding: 0;
		text-indent: -5000px; }

.printsite {
	padding-left: 24px;
	background: transparent url(../images/printer.gif) 0 0 no-repeat;
	height: 16px;
	line-height: 16px; }