/*************************************************************
yui reset - see http://developer.yahoo.com/yui/reset/ for more info
*************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0
}

table {
    border-collapse:collapse;
    border-spacing:0
}

fieldset, img {
	border:0;
	text-align: left;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal
}

ol, ul { list-style:none }

caption, th { text-align:left }

/*h1, */h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal
}

q:before, q:after { content:'' }

abbr, acronym { border:0 }

/* end YUI reset */
/* formula for pixel to em conversion:
Required element pixel value / parent font size in pixels = em value
(1 ÷ parent font-size x required pixel value = em value)
*/

* {
    margin:0;
    padding:0;
}



body {
	color: #252525;
	font-size: 13px ;
}

a {
    outline:none;
    color:#0A51A1;
}
a:hover {
	text-decoration: none;
}

p { padding-bottom: 15px; }

em { font-style:italic; }

strong { font-weight:bold }

ul {
	margin:0px;
	list-style: disc;
	line-height:18px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
}

li {
    padding:0px;
    margin:0px;
}


ol {
    list-style-type: decimal;
    padding:0;
    list-style-position:inside;
}

ol li { padding: 0 0 10px 0; }

ol ol {
    list-style-type:lower-alpha;
    margin-top:10px;
    padding:0 0 0 30px;
}


/*********************************
 Microsite Left Navigation styles 
 *********************************/

#navigationmenu {
    width:253px;
    font-size: 12px;
    padding:0px;
    margin:0px;
    overflow:hidden;
}

#navigationmenu ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#navigationmenu ul li {
    border-bottom: 1px solid #fff;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
}

#navigationmenu ul li a {
    outline:0;
    text-decoration:none;
    margin:0 0 0 20px;
    display:block;
    padding: 0 0 0 10px;
}

#navigationmenu ul li.off {
    list-style-type: none;
    padding: 5px 0px;
}

#navigationmenu ul li.on {
    padding: 5px 0px 0px 0px;
    background-color: #f5ede2;
	border-top: 1px solid #fff;
	background-position: 0 9px;
}

/*div.menuHighlight { background-color: #f5ede2; 
}*/

#navigationmenu ul li.off a {
    color: #02339a;
    text-decoration: none;
    padding: 0 0 0 15px;
    margin: 0px 0px 0px 15px;
    display: block;
    background-image: url(../images/box.gif);
    background-repeat: no-repeat;
    background-position: 0 9px;
}

#navigationmenu ul li.off a:hover {
    background-image: url(../images/box_on.gif);
    background-repeat: no-repeat;
    background-position: 0 9px;
}

li#expand.on span a { color:#f67515; }

#navigationmenu ul li a:hover { color:#F57D20; }

#navigationmenu ul li.on a {
    color:#02339a;
    text-decoration: none;
	display:block;
    padding: 0 0 0 15px;
    margin: 0px 0px 5px 15px;
    background-image: url(../images/box_on.gif);
    background-repeat: no-repeat;
    background-position: 0 9px;
}

#navigationmenu ul li a.ui-state-active {
    background: #DDECF8 url(../images/li_on.png) no-repeat left center;
    text-decoration: none;
    padding: 0 0 0 10px;
    margin: 0px 0px 0px 20px;
    display: block;
}

#navigationmenu ul.secondarynav {
    color:#02339a;
    /*border-top: 1px solid #fff;*/
    padding: 7px 0px 10px 45px;
    _padding-bottom: 0px !important;
    margin:0px 0px 0px 0px;
    display:block;
    background-color: #fff;
    list-style: disc;
}
.seconcdarynav-bgtile {
    background: url(../images/leftnavbg.gif) repeat-x scroll 0 0 transparent;
    padding: 7px 15px 43px 39px;
	
}

#navigationmenu ul.secondarynav li {
    border: none;
    padding: 7px 0px 5px 0px;
    _padding-top: 0px !important;
    margin: 0px;
    line-height:16px;
}

#navigationmenu .secondarynav li a {
    background:none;
    background-color: #fff;
    text-decoration: none;
    padding: 7px 0px 0px 0px;
    list-style-type: disc;
}

#main-nav ul.secondarynav li.listHead {
    padding-top:7px;
    color:#757575;
    text-decoration:none;
    list-style-image:none;
    list-style-type:none;
    font-weight:bold;
    text-indent:-16px;
}

#navigationmenu ul li.on .secondarynav li a {
    background:none;
    margin:0;
    padding:0;
}

#navigationmenu ul li.on .secondarynav li a:hover { color:#f67515; }

#navigationmenu ul.thirdnav {
	padding: 0 0 0 13px;
    color:#02339a;
    border-top: 1px solid #fff;
    _padding-bottom: 0px !important;
    margin:0px 0px 0px 0px;
    display:block;
    background-color: #fff;
    list-style: circle;
}

#navigationmenu div.shop {
	background:url(../images/shopping_cart_icon.jpg) no-repeat; 
	padding: 0 30px 0 45px; 
	margin:40px 15px; 
	height:40px;
	
}
#navigationmenu div.shop a {
	color: #666;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
#navigationmenu div.shop a:hover{
	text-decoration:underline;
}
	
#navigationmenu div.hcr {
	background:url(../images/hcr_icon.jpg) no-repeat; 
	padding: 0 30px 0 45px; 
	margin:40px 15px; 
	height:40px;
	
}
#navigationmenu div.hcr a {
	color: #666;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
#navigationmenu div.hcr a:hover{
	text-decoration:underline;
}

/***********************************
   Microsite page layout styles 
************************************/

div#page {
    position:absolute;
    left:0px;
    top:165px;
    width:1050px;
    height:auto;
  /*font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
	line-height: 18px;*/
}

#leftColumn {
    width:253px;
    height:auto;
    float:left;
}

div.rightColumn {
    width:auto;
    margin-left:254px;
    padding-left:0px;
}

div.rightColumn h1 {
    font-family:Verdana, Geneva, sans-serif;
    font-size:190% /*24px*/;
    font-weight:normal;
    color:#0079aa;
    line-height:normal;
}

div.rightColumn h1 { padding-left:24px; }

div.rightColumn h2 {
	padding-bottom: 5px;
	padding-left: 24px;
	font-size: 130%;
	color:#0079AA /* #434343 */;
}
div.rightColumn h3 {
	padding-bottom: 5px;
	padding-left: 24px;
	color: #434343;
}

div.rightColumn p { 
	/*padding-left:24px;*/
    margin-left:24px;
    width:676px;
}

div.rightColumn h2.top {
    margin-top:-38px;
    margin-bottom:25px;
}

div.rightColumn ol {
    width:676px;
    padding-left:24px;
    padding-right:15px;
}

div.rightColumn ul {
    width:676px;
    padding-left:30px;
    padding-right:15px;
    margin-left:24px;
}

div.rightColumn ul.withPadding li{
    padding: 0 70px 10px 0px;
}

div.rightColumn ul.noBullet {
    list-style-type:none;
	margin-left:0;
	margin-top:10px;
	padding-left:24px;
} 
div.rightColumn ul.noBullet li{
	padding-bottom:5px;
}

div.rightColumn img.topPic {
    float:left;
    margin-top: -38px;
    margin-right: 15px;
    margin-bottom: 45px;
    margin-left: 15px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-style:none;
    border-width:1px;
    border-color:#CCC;
}

div.rightColumn p.topPic { margin-top:-38px;
	/*padding:0px 15px 0px 0px;
    margin:-38px 0px 0px 0px;*/ 
}

div.rightColumnHeader {
    height:172px;
    margin-left:0px;
/*    margin-bottom:15px;*/
}
/*
#rightsideinterior { width:712px; }

#rightside, #rightsideinterior {
    margin-left:2px;
    margin-bottom:15px;
    float:left;
}
*/
object {
    margin-bottom:0px;
    padding:0px;
    display: block;
    position:relative;
    z-index:0;
}

/********************************************
    Homw upper rightside featured items (stacked next to animation)
*********************************************/

a img { border: none; }

#box {
    width:268px;
    height:250px;
    background-image: url(../images/mast_nub_fd.png);
    background-repeat: no-repeat;
    background-position:248px 1px;
    float:left;
}

#boxtext {
    width: 247px;
    height:250px;
    margin-left:1px;
    padding:1px 5px 5px 0px;
    font-size: 0.846em /*11px*/;
	line-height: 1.3em /*15px*/;
    background-image: url(../images/bgbox.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.topStory  {
	border-bottom:1px solid white;
}

#boxtext h3 {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:160% /*17px*/;
	color: #D25D02;
    font-weight:bold;
    margin:20px 0 15px 0;
    padding: 0 0 0 16px;
}

#boxtext p {
    width: 207px;
    margin: 0 0 15px 0;
    padding: 0 0 0 16px;
}

#boxtext ul
{
    width: 207px;
    margin: 0 0 15px 0;
    padding: 0 0 0 16px;
}

#boxtext a {
    color:#0A51A1;
	text-decoration:underline;
}
#boxtext a:hover {
	text-decoration: none;
}

.nosubhead { margin-top:0px; }


/******************************************/
/* Microsite section header styles */
/******************************************/

div.sectionHeader {
    width:707px;
    height:74px;
    background: url(../images/home_section_icon.jpg) no-repeat scroll 100% 0 transparent;
    background-position:left;
    background-size:707px 85px;
    text-align:left;
    margin:7px 0px 0px 9px;
    padding:0px 0px 6px 65px;
    min-height: 82px;
    overflow:visible;
}

div.sectionHeader h1 { padding-top:12px; }

div.manageYourHealthSectionHeader {
    background-image:url(../manage_your_health/images/manage_your_health_section_icon.jpg);
    padding-left:65px;
}

div.baldwinParkLocationsSectionHeader {
    background-image:url(../baldwinpark_locations/images/baldwinpark_locations_section_icon.jpg);
    padding-left:80px;
}

div.laborDeliverySectionHeader { background-image:url(../health_care_services/images/health_care_services_section_icon.jpg); }

div.healthCareSectionHeader { background-image:url(../health_care_services/images/health_care_services_section_icon.jpg); }

div.emergencyCareSectionHeader {
    background-image:url(../emergency_and_urgent_care/images/emergency_care_section_icon.jpg);
    padding-left:70px;
}

div.preventionWellnessSectionHeader {
    background-image:url(../prevention_and_wellness/images/prevention_wellness_section_icon.jpg);
    padding-left:75px;
}

div.communityEventsSectionHeader {
    background-image:url(../community_and_events/images/community_events_section_icon.jpg);
    padding-left:75px;
}
div.aboutUsSectionHeader {
    background-image:url(../about_us/images/about_us_section_icon.jpg);
    padding-left:75px;
}

/****************************************
   Microsite H1,h2,h3,h4 font styles 
/***************************************

h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.846em;
    line-height: 1.25em;
    color:#0A51A1;
    color:#0079aa;
    padding:10px 0 3px 15px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	height: 20px;
	color:#626262;
	padding-left:15px;
	margin:0px 0px 0px 0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	padding-left: 24px;
	padding-bottom: 5px;
}

h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#000000;
    height: 18px;
    padding:0px;
}
*/

/******************************************************
/*	Home and Health care services feature story boxes
/*******************************************************/

div#featureArticles {
	 margin-left:15px;
	  }

div.featurebox {
    _width:233px;
    width:233px;
    margin:0px 0px 25px 0px;
    float:left;
    overflow:hidden;
}


div.featurebox h3 {
    max-width:233px;
    width: 223px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:0.9em /*11px*/;
	line-height:1.3em /*14px*/;
    color:#666;
    margin:0px;
    padding:8px 0 0 0;
	font-weight:normal;

}
.featurebox h3 a { 
	text-decoration: underline;
	}
	
.featurebox h3 a:hover {
	text-decoration:none;
}



/***************************
   Home social meadia icons
****************************/

div#socNet {
	float: left;
	width: 244px;
	margin: 5px 0px 25px 480px;
	border-top: 1px solid #c5dea7;
	line-height:55px;
}

div#socNet img { vertical-align:middle; }

div#socNet a { text-decoration:none; }




/************************************
    Emergency care 
*************************************/
div.definitions p {
    font-size:80% /*10px*/;
    font-style:italic;
}

div.address { margin-left:0px; 
}

table.datatable {
    margin-top:0px;
    margin-bottom:25px;
    margin-left:24px;
    border-bottom:1px solid #0079AA;
    table-layout:fixed;
}

table.datatable th {
    font-size:0.846em /*11px*/;
    font-weight:bold;
    color:#0079AA;
    background-color:#C5DEA7;
    text-align:center;
}

table.datatable tr td {
    font-size:0.769em /*10px*/;
    border-bottom:1px solid #C5DEA7;
    padding:5px;
    vertical-align:text-top;
}

table.datatable a { font-size:100% /*10px*/; }

table.datatable td.appt { text-align:center; }

.lightbackground { background-color:#E8D5AC; }


/**************************************************
    Health care services two column table styles
***************************************************/
table.twoColumnText {
    table-layout:fixed;
    border:0px;
    margin-left:24px;
    margin-top:10px;
    margin-bottom:25px;
}

table.twoColumnText p {
    width:auto;
    padding-left:0px;
}

table.twoColumnText td {
    padding-left:0px;
    vertical-align:text-top;
    text-align:left;
}


/*************************************/
/*	Manage your health - 5 steps & perp for appt  */
/*************************************/

ol#steps {
	padding-left: 50px;
	list-style: decimal outside none;
}

/*ol#steps li h3 {
    color:#777;
    font-size:12px;
    font-weight:bold;
    padding-bottom:6px;
}
*/
ol#steps li p {
    padding-left:0px;
    margin-left:0px;
}

/*************************************/
/*	Community and events             */
/*************************************/

div#eventCalendar {
    margin-top:15px;
    margin-bottom:30px;
}

div#eventCalendar h3 {
    font-size:110% /*13px*/;
	font-family:Verdana, Geneva, sans-serif;
	color:#D25D02 /*#0079AA*/;
    font-weight: normal/*bold*/;
	padding:0px 5px 0px 24px;
}

div#eventCalendar h3 span.event-flag-soldout {
    color:#900;
    margin-left:8px;
    padding:0px 5px 2px 5px;
    display:inline-block;
    border:1px solid #900;
    border-radius:5px;
}

div#eventCalendar h3 span.event-flag-datetbd {
    font-weight:normal;
    margin-left:8px;
    padding:0px 5px 2px 5px;
    display:inline-block;
    border:1px solid #0079AA;
    border-radius:5px;   
}

div#eventCalendar h4 {
    font-size:100% /*12px*/;
    color: #2525253;
    padding-bottom: 20px;
    padding-left: 24px;
	font-weight:normal;
	height: auto;
}

div#eventCalendar p { 
	margin-top:0 /*-22px*/; 
	margin-bottom: 8px;
	width: 680px;
	}

div#eventCalendar a:hover {
    cursor: pointer;
    text-decoration: none;
}

/**********************************/
/*	Locations  - Medical offices  */
/*********************************/
div#locationsPageContent {
    width:680px;
    margin:0px 0px 0px 24px;
    padding:0px 0px 0px 0px;
}

div.locationMap {
    margin-left:16px;
    margin-bottom:0px;
}
div.officeDetail { margin-left:24px; 
}

table#locations, {
    width:667px;
    margin:0px 0px 0px 24px;
    table-layout:fixed;
}
table#locations tr {
    margin:0px;
    padding:0px;
}
table#locations td {
	margin:0px;
	padding:0px 10px 0px 0px;
	height:120px;
}


table.offices,
table.events
{
    table-layout:fixed;
    margin-top:0px;
    margin-left:24px;
    width:620px;
    border:0px;
}

table.offices td,
table.events td
{
	vertical-align:text-top;
}

table.offices p,
table.events p
{
    width:auto;
    padding-left:0px;
}

a.external:after
{
	content: url(../images/external_icon.gif) ;
}

.assistive-text
{
	clip: rect(1px, 1px, 1px, 1px) ;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	position: absolute !important ;
}
