/*  
Version: 1.0
Author: Community Health Network
Author URL: http://www.eCommunity.com
*/

@import url("global.css");
@import url("navigation.css");

@media screen, projection {

/* CONTAINERS: =container
----------------------------------------------- */
	#mainContent		{ margin: 0 auto; background: #FFFFFF url(../images/contentBackground.gif) repeat-y; width: 781px; padding: 0 0 10px 0; }

	#leftSide			{ float: left; }
	#rightSide			{ float: left; width: 148px; margin: 0 0 0 28px; }

	#contentHeader		{ width: 576px; height: 137px; background: #BDD4EF; margin: 0 0 0 10px; }

/* SUBNAVIGATION: =subNavigation
----------------------------------------------- */
	#subNavigation			{ width: 135px; height: 137px; background: #7BAADF url(../images/sub_background.gif) no-repeat; float: left; }

	#subNavigation ul		{ list-style-type: none; font-size: 10px; padding: 7px 10px 0 0; }
	#subNavigation ul li	{ text-align: right; line-height: 17px; }

	#subNavigation ul li a				{ color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; }
	#subNavigation ul li a:hover		{ color: #444343; text-decoration: none; }
	#subNavigation ul li.activeLink a	{ color: #444343; text-decoration: none; background: url(../images/sub_arrow.gif) no-repeat 0 2px; }

	/* Header Image */
	#contentHeader img	{ float: left; }

/* BREADCRUMB: =breadCrumb
----------------------------------------------- */
	#breadCrumb		{ font-size: 10px; color: #7070A9; padding: 5px 0 0 33px; }

	#breadCrumb ul			{ list-style-type: none; }
	#breadCrumb ul li		{ display: inline; }
	#breadCrumb li a		{ color: #7070A9; text-decoration: none; }
	#breadCrumb li a:hover	{ text-decoration: underline; }

/* LEFT CONTENT: =leftContent
----------------------------------------------- */
	#leftContent		{ width: 543px; padding: 0 0 0 33px; color: #474747; }
	#leftContent h2		{ font-size: 16px; font-weight: bold; padding: 10px 0 10px 0; }
	#leftContent h3		{ font-size: 14px; font-weight: bold; padding: 10px 0 10px 0; }
	#leftContent h4 a		{ font-size: 14px; font-weight: bold; padding: 10px 0 0 0; text-decoration:none; color: #474747 }
	#leftContent h4 a:hover		{ font-size: 14px; font-weight: bold; padding: 10px 0 0 0; text-decoration:underline; color: #808080; }
	#leftContent h4.location		{ font-size: 14px; font-weight: bold; padding: 10px 0 0 0; }
	#leftContent p		{ font-size: 12px; line-height: 16px; padding: 0 0 10px 0;}

	#leftContent p a		{ color: #0099FF; text-decoration: underline; }
	#leftContent p a:hover	{ text-decoration: none; }

	#leftContent dt		{ font-size: 11px; padding: 0 0 3px 0; }
	#leftContent dd		{ font-size: 11px; padding: 0 0 0 10px; line-height: 16px; background: url(../images/dd_bullet.gif) no-repeat 3px 7px; }

	/* Unordered Lists */
	#leftContent ul		{ list-style-type: none;  padding: 0 0 10px 0; }
	#leftContent ul li	{ font-size: 12px; padding: 0 0 3px 10px; line-height: 16px; background: url(../images/bullet.gif) no-repeat 3px 7px; }

	#leftContent ul li a		{ color: #0099FF; text-decoration: underline; }
	#leftContent ul li a:hover	{ text-decoration: none; }

	/* Ordered Lists */
	#leftContent ol		{ padding: 0 0 10px 30px; }
	#leftContent ol li		{ font-size: 12px; padding: 0 0 3px 5px; line-height: 16px; }

	#leftContent ol li a		{ color: #474747; text-decoration: none; }
	#leftContent ol li a:hover	{ text-decoration: underline; }

<!--	#leftContent img			{ margin: 5px 5px 5px 5px; }-->

	/* Images */
	#leftContent img.left		{ float: left; margin: 4px 10px 6px 0; }
	#leftContent img.right		{ float: right; margin: 4px 0 6px 10px; }

	#leftContent div.left		{ float: left; margin: 4px 10px 6px 0; }
	#leftContent div.right		{ float: right; margin: 4px 0 6px 10px; }

	#leftContent table.left		{ float: left; margin: 4px 10px 6px 0; }
	#leftContent table.right	{ float: right; margin: 4px 0 6px 10px; }

/* RIGHT CONTENT: =rightContent
----------------------------------------------- */
	#rightContent		{ width: 148px; }

	/* myCommunity */
	#widgetCommunity { background: url(../images/widget_community_background.gif) no-repeat; margin: 0 0 10px 0 !important; position: relative; width: 148px; height: 62px; text-indent: -9999px; }

	#widgetCommunity p#communityWhat,
	#widgetCommunity p#communityWhat span	{ background: url(../images/widget_community_what.gif) no-repeat; width: 99px; height: 10px; text-indent: 0 !important; text-indent: -9999px; z-index: 1000; }
	#widgetCommunity p#communityWhat		{ position: absolute; left: 10px; top: 25px; }

	#widgetCommunity p#buttonLogin,
	#widgetCommunity p#buttonLogin span	{ background: url(../images/widget_community_login.gif) no-repeat; width: 36px; height: 13px; text-indent: 0 !important; text-indent: -9999px; }
	#widgetCommunity p#buttonLogin		{ position: absolute; left: 10px; top: 42px; }

	#widgetCommunity p#buttonJoin,
	#widgetCommunity p#buttonJoin span	{ background: url(../images/widget_community_join.gif) no-repeat; width: 32px; height: 13px; text-indent: 0 !important; text-indent: -9999px; }
	#widgetCommunity p#buttonJoin		{ position: absolute; left: 50px; top: 42px; }

	/* Take the Tour */
	#widgetTour h3			{ background: url(../images/widget_tour.jpg) no-repeat; width: 148px; height: 134px; margin-bottom: 10px; text-indent: -9999px; }

	/* Presenting Sponsor */
	#widgetSponsor			{}

	/* Menu Right */
	#menuRight				{ width: 148px; background: #EFEFF5; }

	#menuRight p				{ font-style: italic; font-size: 16px; font-weight: normal; line-height: 23px; color: #280057; text-align: center; margin: 0 0 10px 0; padding: 16px 0 0 0; }

	#menuRight ul				{ list-style-type: none; width: 120px; margin: 0 0 0 10px; padding: 0 0 10px 0; }
	#menuRight ul li			{ background: url(../images/right_menu_bullet.gif) no-repeat 0 8px; padding: 0 2px 4px 10px; line-height: 15px; }

	#menuRight ul li a			{ font-family: Arial, Helvetica, sans-serif; color: #C50033; font-size: 11px; text-decoration: none; }
	#menuRight ul li a:hover		{ text-decoration: underline; }

}