/* @override http://cleftline.dev/css/clp_layout.css */

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


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

BODY {
	background: #a18ccf url(../images/bg_gradient.gif) top left repeat-x;
	text-align: center; }
	
	#pageContainer {
		width: 780px;
		margin: 0 auto;
		text-align: left;
		background: transparent url(../images/bg_columns.gif) top left repeat-y;
		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: 181px;
	background: transparent url(../images/mst_logo2.jpg) top left no-repeat;
	position: relative; }
	
	#masthead H1,
	#masthead H2 {
		margin: 0;
		padding: 0;
		text-indent: -5000px; }
		
		#masthead H1 A {
			float: left;
			display: block;
			width: 200px;
			margin-left: 12px;
			height: 181px;
			text-decoration: none; }


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

#menu {
	background: transparent url(../images/menu.gif) 0 -36px no-repeat;
	width: 100%;
	height: 36px; }
	
	#menu UL { margin: 0; padding: 0; list-style: none; }
		
		#menu LI { margin: 0; padding: 0; float: left; }
			
			#menu A {
				text-indent: -5000px;
				display: block;
				height: 33px;
				text-decoration: none;
				background: transparent url(../images/menu.gif) 0 0 no-repeat; }
				
			#menu a:hover { background: none; }
			
#menu-home a			{ width: 68px; }
#menu-parents a			{ width: 167px;	background-position: -68px 0; }
#menu-healthcare_pros a	{ width: 185px;	background-position: -235px 0; }
#menu-who_we_are a		{ width: 94px;	background-position: -420px 0; }
#menu-what_we_do a		{ width: 94px;	background-position: -514px 0; }
#menu-how_to_donate a	{ width: 110px;	background-position: -608px 0; }
#menu-links a			{ width: 62px;	background-position: -718px 0; }


body.home #menu-home a						{ background: url(../images/menu.gif) 0 -72px !important; }
body.parents #menu-parents a				{ background: url(../images/menu.gif) -68px -72px !important; }
body.healthcare_pros #menu-healthcare_pros a{ background: url(../images/menu.gif) -235px -72px !important; }
body.who_we_are #menu-who_we_are a			{ background: url(../images/menu.gif) -420px -72px !important; }
body.what_we_do #menu-what_we_do a			{ background: url(../images/menu.gif) -514px -72px !important; }
body.how_to_donate #menu-how_to_donate a	{ background: url(../images/menu.gif) -608px -72px !important; }
body.support #menu-how_to_donate a			{ background: url(../images/menu.gif) -608px -72px !important; }
body.links #menu-links a					{ background: url(../images/menu.gif) -718px -72px !important; }



/*#menu-home A 	{ width: 60px; background-position: -12px 0; }
#menu-home A:hover					{ background-position: -12px -36px; }	
				
#menu-parents A { width: 172px; background-position: -72px 0; }
#menu-parents A:hover					{ background-position: -72px -72px; }
BODY.parents #menu,
BODY.parents #menu-parents A  			{ background-image: url(../images/menu_parents.gif); }
BODY.parents #menu-parents A:hover 	{ background-position: -72px 0; }	

#menu-healthcare_pros A { width: 192px; background-position: -244px 0; }
#menu-healthcare_pros A:hover					{ background-position: -244px -108px; }
BODY.healthcare_pros #menu,
BODY.healthcare_pros #menu-healthcare_pros A  			{ background-image: url(../images/menu_healthcarepros.gif); }
BODY.healthcare_pros #menu-healthcare_pros A:hover 	{ background-position: -244px 0; }

#menu-who_we_are A { width: 99px; background-position: -436px 0; }
#menu-who_we_are A:hover					{ background-position: -436px -144px; }
BODY.who_we_are #menu,
BODY.who_we_are #menu-who_we_are A  			{ background-image: url(../images/menu_whoweare.gif); }
BODY.who_we_are #menu-who_we_are A:hover 	{ background-position: -436px 0; }

#menu-what_we_do A { width: 100px; background-position: -535px 0; }
#menu-what_we_do A:hover					{ background-position: -535px -180px; }
BODY.what_we_do #menu,
BODY.what_we_do #menu-what_we_do A  			{ background-image: url(../images/menu_whatwedo.gif); }
BODY.what_we_do #menu-what_we_do A:hover 	{ background-position: -535px 0; }

#menu-features A { width: 75px; background-position: -635px 0; }
#menu-features A:hover					{ background-position: -635px -216px; }
BODY.features #menu,
BODY.features #menu-features A  			{ background-image: url(../images/menu_features.gif); }
BODY.features #menu-features A:hover 	{ background-position: -635px 0; }

#menu-links A { width: 58px; background-position: -710px 0; }
#menu-links A:hover					{ background-position: -710px -252px; }
BODY.links #menu,
BODY.links #menu-links A  			{ background-image: url(../images/menu_links.gif); }
BODY.links #menu-links A:hover 	{ background-position: -710px 0; }*/



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

#contentContainer {
	background: transparent url(../images/bg_content.gif) top left no-repeat;
	float: left;
	/*clear: left;*/
	width: 100%; }
	
	#content {
		width: 512px;
		float: left;
		clear: none;
		margin: 12px 0 0 25px; }


/* ===============================
		::: SUBMENU :::
=============================== */

#submenu {
	float: left;
	clear: left;
	display: inline;
	margin-left: 12px;
	width: 203px;
	background: #e3edf7 0 0 no-repeat;
	font-size: 13px; }
	
	#submenu H2 {
		margin: 0 0 6px;
		padding: 0;
		text-indent: -5000px;
		height: 69px;
		width: 100%; }
	
	#submenu UL {
		margin: 0 0 2em;
		width: 100%;
		list-style: none;
		background-color: #e3edf7; }
		
		#submenu LI {
			height: 26px;
			margin: 0;
			color: #fff;
			background: transparent url(../images/submenu_bullet.gif) top left no-repeat; }

		#submenu LI.selected,
		#submenu LI.subitem {
				background: #ccdef0 url(../images/submenu_hl2.gif) top left no-repeat;
				border-top: 1px solid #aebdcc;
				border-bottom: 1px solid #aebdcc; }

				#submenu LI.subitem {
					border: 0;
					background-position: 1em 0;}
			
			#submenu LI A {
				text-decoration: none;
				color: #5a428a;
				display: block;
				padding: 4px 0 0 30px; }
				
			#submenu LI A:hover {
				color: #008282; }

	#quicklinks {
		position: relative;
		top: -68px;
		margin: 0 0 -18px 10px; }

		#quicklinks FORM {
			width: 180px !important;
			border: 1px solid #f90; }

		#quicklinks SELECT {
			width: 175px; }
			
		body.home #quicklinks { top: -15px; margin-bottom: 14px; }


/* Deal with Min-Height Junk
	 http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php */
/* for Mozilla/Safari/Opera */
*>#submenu {
 padding-top: 250px;
 min-height: 1px;
}
*>#submenu H2 {
 margin-top: -250px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #submenu {
 height: 250px;
}
/* End Min-Height Junk */


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

#footer {
	clear: both;
	background: #a18ccf url(../images/bg_footer_color.gif) top left no-repeat;
	padding: 16px 0 0 96px;
	font-size: 10px;
	line-height: 1.4em;
	height: 100px; }

	#footer ADDRESS {
		float: left;
		font-style: normal; }

	#footer .copyright {
		float: right;
		text-align: right;
		display: inline;
		margin: 40px 26px 0 0; }


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

BODY.home #content {
	margin: 0 0 0 6px;
	width: 548px; }

BODY.home #content H2 {
	background: transparent url(../images/welcome.gif) 0 0 no-repeat;
	text-indent: -5000px;
	height: 68px;
	margin: 0 0 8px -6px; }

BODY.home .mission {
  margin: 0 15px 1.5em;
  font-weight: bold;
  color: #008282;
}

BODY.home #forparents,
BODY.home #forhealthcarepros {
	float: left;
	padding-left: 20px;
	width: 252px !important;
	width /**/: 272px;
	height: 148px;
	background: transparent url(../images/home_forparents.gif) 0 0 no-repeat; }

BODY.home #forhealthcarepros {
	background: transparent url(../images/home_forhealthcarepros.gif) 0 0 no-repeat;
	float: right; }

	BODY.home #forparents H3,
	BODY.home #forhealthcarepros H3 {
		text-indent: -5000px;
		height: 40px;
		margin: 0; }

	BODY.home #forparents UL,
	BODY.home #forhealthcarepros UL { margin-left: .3em; margin-top: 4px; color: #fff }

	BODY.home #forparents A,
	BODY.home #forhealthcarepros A {
		color: #fff;
		text-decoration: none; }

		BODY.home #forparents A:hover,
		BODY.home #forhealthcarepros A:hover { text-decoration: underline; }
	

/* News */
BODY.home #news {
	float: left;
	clear: left;
	width: 320px;
	margin: 12px 0 0 3px;
	line-height: 1.4em;
	font-size: 1em;
	background: transparent url(../images/bg_content.gif) -5px 27px repeat-x; }

	BODY.home #news H2 {
		background: transparent url(../images/cleftlinenews.gif) 0 0 no-repeat;
		border-bottom: 1px solid #ccc; 
		height: 27px;
		margin: 0; }

BODY.home #features {
	float: right;
	clear: right;
	border-top: 1px solid #ccc;
	background: transparent url(../images/bg_content.gif) -5px 0 repeat-x;
	width: 221px;
	margin: 39px 4px 0 0;
	padding-top: 20px }

	BODY.home #features IMG {
		margin: 0 0 4px 12mpx; }
		
.home img.skeach { margin-left: -10px !important; margin-right: -10px !important; }

/* Submenu/Testimonials */

BODY.home #submenu {
	color: #5a428a;
	line-height: 1.4em;
	font-size: 1em; }

	BODY.home #submenu * {
		margin-left: 10px;
		margin-right: 10px; }

	BODY.home #submenu * * {
		margin-left: 0;
		margin-right: 0; }

	BODY.home #submenu H2 {
		margin-left: 0;
		margin-right: 0; }

	BODY.home #submenu IMG {
		margin: 0;
		position: relative;
		left: 0; }


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

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

.last_updated { font-size: .91em; color: #999; font-style: italic; }