/* base styles */
	* {
		font-family: Arial, Sans-Serif;
		margin: 0px;
		padding: 0px;
	}

	/* global link styles */
	a { color: #25B7D1; }
	a:hover { text-decoration: none; }
	a img {
		border: none;
	}
	a.date_link {
		font-size: 13px;
	}

	/**
	 * This style is used when text that is replaced by 
	 * images could still be available for screen readers
	 * or users that have disabled images.
	 */
	.hide_this {
		display: none;
	}
	/**
	 * This style is used to clear floating elements when needed
	 */
	.clear_this {
		display: none;
	}

	/* global margin helpers */
	div.remove_left_margin { margin-left: 0px; }
	div.remove_right_margin { margin-right: 0px; }


	/**
	 * layout
	 */
	html, body
	{
		height: 100%;
	}
	body {
		text-align: center;
		background-color: #f3663b;
	}

	#page {
		margin: 0px auto;
		width: 760px;
		text-align: left;
		background-color: #fff;
	}
	#page_table {
		height: 100%;
		margin: 0 auto;
		background-color: #fff;
	}
	#page_table td {
	}

	/* Header */
	/* see header.css */

	/* Navigation */
	/* see navigation.css */

	#blue_divider {
		clear: both;
		width: 758px;
		height: 25px;
		background-color: #25b7d1;
		position: relative;
		top: 2px;
		left: 1px;
		color: #fff;
	}
	#blue_divider p {
		position: relative;
		font-size: 12px;
		top: 5px;
		left: 20px;
	}
	#blue_divider p a { color: #fff; }

	/**
	 * page title and page image
	 */
	#title_box {
		float: left;
		width: 465px;
		height: 122px;
		background-color: #f3c40e;
		color: #fff;
		position: relative;
		top: 1px;
		left: 1px;
	}
	#title_box.long {
		width: 758px;
	}

	#title_box h1 {
		background-repeat: none;
		position: relative;
		top: 78px;
		margin-left: 20px;
	}

	#page_image {
		float: left;
		width: 292px;
		height: 122px;
		background-color: #ccc;
		position: relative;
		top: 1px;
		left: 2px;
	}


	/**
	 * all content layouts have the same margin, so this is defined here
	 */
	div#content {
		font-size: 13px;
		line-height: 18px;
		margin: 18px 12px !important;
		margin: 18px 8px; /* IE 6 only */ 
		background-color: #fff;
	}

	div#content h1, 
	div#content h2, 
	div#content h3, 
	div#content h4, 
	div#content h5, 
	div#content h6 {
		margin: 20px 10px 0px 10px;
	}

	div#content h1 {
		color: #B7D224;
		font-size: 18px;
		font-weight: bold;
		margin: 10px 10px 15px 10px;
	}

	div#content h2 {
		font-size: 14px;
		color: #25B7D1;
	}


	div#content p,
	div#content blockquote,
	div#content address {
		font-size: 13px;
		line-height: 18px;
		margin: 0px 10px 15px 10px;
	}
	div#content blockquote {
		margin: 10px 25px 10px 25px;
		font-style: italic;
	}

	div#content ul, 
	div#content ol {
		margin: 20px 20px 20px 50px;
	}

	div#content ul {
		list-style-type: disc;
	}

	div#content ol {
		list-style-type: decimal;
	}

	/**
	 * Two column layout
	 */
	div#content div#left_column {
		float: left;
		width: 425px;
		margin-left: 10px;
	}

	div#content.one_column div#left_column {
		float: left;
		width: 625px;
		margin-left: 10px;
	}

	div#content div#right_column {
		float: left;
		width: 260px;
		margin-left: 15px;
	}

	div#content #left_column p.more_link_seperate {
		padding-top: 40px;
	}
	div#content #left_column p.more_link  {
		margin-bottom: 15px;
		line-height: 11px;
	}
	div#content #left_column p.more_link a {
		font-size: 11px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		color: #25B7D1;
		background-image: url(../images/arrows/arrow_ltblue_on_white.gif);
		background-repeat: no-repeat;
		background-position: right 1px;
		padding-right: 15px;
	}
	div#content #left_column p.more_link a:hover {
		color: #b7d224;
		background-image: url(../images/arrows/arrow_green_on_white.gif);
	}
	div#content #left_column p.more_link a.orange {
		color: #25B7D1;
		background-image: url(../images/arrows/arrow_ltblue_on_white.gif);
		background-position: right 1px;
		padding-left: 0px;
		padding-right: 15px;
	}
	div#content #left_column p.more_link a.orange:hover {
		color: #f90;
		background-image: url(../images/arrows/arrow_orange_on_white.gif);
	}

	/**
	 * blue box styles
	 * Blue boxes that appear in the main content with image titles similar to portlets
	 */
	#left_column .blue_box {
		width: 390px;
		background-image: url(../images/blue_box_bg.gif);
		background-repeat: repeat-y;
		border-bottom: 2px solid #d3f6fc;
		margin: 10px 10px 15px 10px;
	}

	#left_column .blue_box h2 {
		width: 390px;
		height: 17px;
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0px;
	}
	
	#left_column .blue_box p, #left_column .blue_box table  {
		font-size: 11px;
		line-height: 14px;
		margin: 10px 12px;
	}
	#left_column .blue_box table td  {
		padding-top: 4px;
		padding-bottom: 6px;
	}

	#left_column .blue_box p.arrow_link  {
		font-size: 11px;
		margin-bottom: 15px;
	}
	#left_column .blue_box p.arrow_link a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		color: #25B7D1;
		background-image: url(../images/arrows/arrow_ltblue_on_ltblue.gif);
		background-repeat: no-repeat;
		background-position: right 1px;
		padding-right: 15px;
	}
	#left_column .blue_box p.arrow_link a:hover {
		color: #f90;
		background-image: url(../images/arrows/arrow_orange_on_ltblue.gif);
	}

	.blue_box input,
	.blue_box select {
		width: 190px;
		margin-right: 13px;
	}
	.blue_box input {
		margin-right: 10px;
		padding: 1px 3px;
	}

	.blue_box span.form_button {
		color: #25B7D1;
	}

	.blue_box span.form_button a.grn {
		color: #a2cb22;
		background-image: url(../images/arrows/arrow_green_on_ltblue.gif);
	}
	.blue_box span.form_button a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		color: #25B7D1;
		background-image: url(../images/arrows/arrow_ltblue_on_ltblue.gif);
		background-repeat: no-repeat;
		background-position: right 1px;
		padding-right: 15px;
		text-align: left;
		font-size: 11px;
	}
	.blue_box span.form_button a:hover {
		color: #00539B;
		background-image: url(../images/arrows/arrow_blue_on_ltblue.gif);
	}

	.blue_box span.form_button_lt {
		margin-left: 15px;
		color: #25B7D1;
	}

	.blue_box span.form_button_lt a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		color: #25B7D1;
		background-image: url(../images/arrows/arrow_ltblue_on_ltblue.gif);
		background-repeat: no-repeat;
		background-position: right 1px;
		padding-right: 15px;
	}
	.blue_box span.form_button_lt a:hover {
		color: #f90;
		background-image: url(../images/arrows/arrow_orange_on_ltblue.gif);
	}

	#left_column .blue_box .top_table {
		margin-top: 10px !important;
		margin-top: 0;
	}

	#left_column form.long h2 {
		width: 438px;
	}
	#left_column form.long {
		width: 438px;
		background-image: url(../images/blue_box_long_bg.gif);
	}

	/**
	 * portlet styles
	 * These style the information boxes that appear on the home page
	 * and in the right column of pages with the two column layout
	 */
	div.portlet {
		float: left;
		width: 238px;
		background-image: url(../images/portlet_bg.gif);
		background-repeat: repeat-y;
		border-bottom: 2px solid #d3f6fc;
		margin: 10px 3px 10px 3px;
	}

	div#content div.portlet h2 {
		width: 238px;
		height: 17px;
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0px;
	}

	div.portlet a {
		color: #00539B;
		text-decoration: none;
	}
	div.portlet a:hover { /*color: #25b7d1;*/ text-decoration: underline;}

	span.event_date {
		font-weight: bold;
		color: #25b7d1;
	}

	span.portlet_bold {
		color: #25b7d1;
		font-weight: bold;
	}

	div#content div.portlet p {
		font-size: 11px;
		line-height: 14px;
		margin: 10px 12px 0px 12px;
	}
	div#content div.portlet p.more_link  {
		margin-bottom: 15px;
	}
	div.portlet p.more_link a {
		font-size: 11px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		color: #25b7d1;
		background-image: url(../images/arrows/arrow_ltblue_on_white.gif);
		background-repeat: no-repeat;
		background-position: right 1px;
		padding-right: 15px;
	}
	div.portlet p.more_link a:hover {
		color: #00539B;
		background-image: url(../images/arrows/arrow_dkblue_on_white.gif);
	}

	/**
	 * Article heading with subtitle
	 */
	div#content h1.article {
		margin-bottom: 0px;
	}
	div#content h2.article {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	span.article_date {
		color: #999999;
		font-size: 11px;
	}

	#left_column p.link_list {
		color: #25B7D1;
		font-size: 11px;
		margin-bottom: 20px;
	}
	#left_column p.link_list span.seperator {
		margin: 0px 5px;
	}

	/* page Title bg's */
	#title_box h1#centers {
		width: 213px;
		height: 33px;
		background-image: url(../images/titles_header/our_centers.gif);
		background-position: bottom;
	}
	#title_box h1#about_us {
		width: 162px;
		height: 32px;
		background-image: url(../images/titles_header/about_us.gif);
	}
	#title_box h1#our_classes {
		width: 202px;
		height: 34px;
		background-image: url(../images/titles_header/our_classes.gif);
	}
	#title_box h1#newsroom {
		top: 87px;
		width: 193px;
		height: 22px;
		background-image: url(../images/titles_header/newsroom.gif);
	}
	#title_box h1#public_meetings {
		top: 75px;
		width: 297px;
		height: 42px;
		background-image: url(../images/titles_header/public_meetings.gif);
	}
	#title_box h1#employment {
		top: 75px;
		width: 237px;
		height: 42px;
		background-image: url(../images/titles_header/employment.gif);
	}
	#title_box h1#programs_services {
		/* bottom: 0px; */
		width: 182px;
		height: 33px;
		background-image: url(../images/titles_header/programs.gif);
	}
	#title_box h1#resources {
		top: 87px;
		width: 179px;
		height: 24px;
		background-image: url(../images/titles_header/resources.gif);
	}
	#title_box h1#contact_us {
		top: 83px;
		width: 191px;
		height: 28px;
		background-image: url(../images/titles_header/contact_us.gif);
	}

	/* portlet title bg's */
	div.portlet h2#health_tips {
		background-image: url(../images/titles_portlets/portlet_health_tips.gif);
	}
	div.portlet h2#health_tools {
		background-image: url(../images/titles_portlets/portlet_health_tools.gif);
	}
	div.portlet h2#events_calendar {
		background-image: url(../images/titles_portlets/portlet_events.gif);
	}
	div.portlet h2#center_for_health {
		background-image: url(../images/titles_portlets/portlet_center.gif);
	}
	div.portlet h2#recent_news {
		background-image: url(../images/titles_portlets/portlet_recent_news.gif);
	}
	div.portlet h2#helpful_links {
		background-image: url(../images/titles_portlets/portlet_helpful_links.gif);
	}
	div.portlet h2#media_kit {
		background-image: url(../images/titles_portlets/portlet_media_kit.gif);
	}
	div.portlet h2#featured_classes {
		background-image: url(../images/titles_portlets/portlet_featured_classes.gif);
	}
	div.portlet h2#my_tools {
		background-image: url(../images/titles_portlets/portlet_my_tools.gif);
	}
	div.portlet h2#past_issues {
		background-image: url(../images/titles_portlets/portlet_past_issues.gif);
	}


	/* class listings */
	#left_column p.class_listing {
		font-size: 12px;
		line-height: 16px;
	}
	table.class_listing {
		margin: 0px 10px 10px 10px;
	}
	table.class_listing th,
	table.class_listing td {
		font-size: 11px;
		line-height: 14px;
	}
	table.class_listing th {
		font-weight: bold;
		width: 80px;
	}

	#left_column p.add_link {
		border-top: 1px solid #e5e5e5;
		font-size: 11px;
		height: 20px;
	}
	#left_column p.add_link a {
		position: relative;
		top: 5px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		color: #25B7D1;
		background-image: url(../images/arrows/arrow_ltblue_on_white.gif);
		background-repeat: no-repeat;
		background-position: right 1px;
		padding-right: 15px;
	}
	#left_column p.add_link a:hover {
		color: #b7d224;
		background-image: url(../images/arrows/arrow_green_on_white.gif);
	}


	img.magazine {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	.portlet img.magazine {
		margin-top: 3px;
	}
	#right_column .portlet p.magazine {
		margin-bottom: 15px;
	}
	#right_column .portlet p.magazine a {
		font-weight: bold;
		color: #25b7d1;
	}
	#right_column .portlet p.magazine a:hover {
		text-decoration: underline;
	}