/*
Northside Hospital
Nursing at Northside
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
: focus{ outline: 0; }/* remember to define focus styles! */
ins{ text-decoration: none; }/* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* Standard Classes */
.clear{ clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
.hidden{ display: none; }

/* Global */
html, body{ font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 20px; }
body{ background: #315a86 url(/Nursing/Images/bg_top_repeat.gif) repeat-x top left; }
h1, h2, h3, h4, h5, h6, legend{ font-family: Arial, Helvetica, sans-serif; }
h1{ font-size: 26px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
p{ line-height: 20px; }
a{ color: #6599c0; outline: none; text-decoration: none; }
acronym{ border-bottom: 1px dashed #6599c0; cursor: help; }
hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; }
fieldset{ border: 2px solid #e3ecf4; padding: 10px; }
legend{ font-size: 14px; font-weight: bold; }
input, select, textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
sup{ color: #6599c0; font-size: 8px; }
img[align="left"]{ margin-right: 10px; }
img[align="right"]{ margin-left: 10px; }

/* Containers */
#wrap{ background: transparent url(/Nursing/Images/bg_top.gif) no-repeat top center; }
#container{ width: 960px; min-width: 960px; _width: 960px; margin: 0 auto; }
#header{ height: 110px; }
#mainwrap{ background: transparent url(/Nursing/Images/bg_main_repeat.gif) repeat-y; }
#main{ min-height: 200px; _height: 200px; padding: 15px 25px 0 25px; background: transparent url(/Nursing/Images/bg_main.gif) no-repeat; }
#footer{ padding: 25px 15px 0 15px; background: transparent url(/Nursing/Images/bg_footer.gif) no-repeat; }

/* Header */
#logo{ float: left; _display: inline; width: 220px; height: 70px; margin: 30px 0 0 20px; }
#logo span{ display: none; }
#nav{ float: right; _display: inline; margin: 82px 20px 0 0; padding: 0 0 0 1px; border-right: 1px solid #8d986a; background: transparent url(/Nursing/Images/nav_bg.gif) no-repeat; }
#nav ul{ margin: 0; list-style: none; }
#nav li{ float: left; line-height: 28px; }
#nav li a{ display: block; padding: 0 12px; color: #fff; font-size: 12px; font-weight: normal; }
#nav li a: hover{ background: transparent url(/Nursing/Images/nav_bg_hover.gif) no-repeat top right; color: #fff; text-decoration: none; }

/* Nav Selected */
.nursing #nav #homelink a, .about #nav #nursinglink a, .locations #nav #nursinglink a, .why #nav #whylink a, .news #nav #newslink a, .events #nav #eventslink a, .resources #nav #resourceslink a, .contact #nav #contactlink a{ background: #fff url(/Nursing/Images/nav_bg_selected.gif) no-repeat top right; color: #669ac1; font-weight: bold; }
.nursing #nav #homelink a: hover, .about #nav #nursinglink a: hover, .locations #nav #nursinglink a: hover, .why #nav #whylink a: hover, .news #nav #newslink a: hover, .events #nav #eventlink a: hover, .resources #nav #resourceslink a: hover, .contact #nav #contactlink a: hover{ color: #966; }

/* Home */
#hometop{ margin: 0 0 10px 0; }
#FlashContainer{ width: 910px; height: 345px; }
#mainphoto{ position: relative; width: 910px; height: 345px; background: transparent url(/Nursing/Images/main_photo.jpg) no-repeat; }
.photo_opportunities{ position: absolute; top: 270px; right: 20px; display: block; width: 210px; height: 23px; }
.photo_contact{ position: absolute; top: 300px; right: 20px; display: block; width: 210px; height: 23px; }
.photobutton span{ display: none; }
#homebottom{ }
	#homebottom .sideopportunities{ margin: 0; }
	#homebottom h1{ margin: 15px 0 10px 0; padding: 0 5px; background-color: #6599c0; color: #fff; line-height: 34px; }
	#homebottom #maincontent{ float: left; _display: inline; width: 440px; margin: 0 20px 0 0; }
	#homebottom li a, #homebottom span.title{ display: block; margin: 0 0 5px 0; padding: 3px 5px; color: #fff; font-size: 18px; font-weight: normal; }
	#homebottom li ul{ margin: 0 0 0 10px; }
	#homebottom li li{ list-style-type: square; margin: 0 0 6px 15px; color: #c99; line-height: 16px; }
	#homebottom li li a{ _display: inline; background: transparent; margin: 0; padding: 0; color: #315a86; font-size: 12px; }
	#homebottom li li span{ color: #666; }
	#homebottom a: hover{ text-decoration: underline; }
	#homebottom .learnmore{ background: transparent; margin: 0 0 0 10px; padding: 0; color: #6599c0; font-size: 11px; font-weight: bold; }
#homemid{ float: left; _display: inline; width: 220px; margin: 0 15px 0 0; border-left: 2px solid #315a86; }
	#homemid li a{ background-color: #315a86; }
#homeright{ float: left; width: 212px; }
	#homemid p, #homeright p{ margin: 0 0 0 10px; font-weight: bold; line-height: 24px; }

/* Main Content Header */
#maincontent h1{ width: 100%; height: 70px; margin: 0 0 20px 0; background: #eee none top left; color: #315a86; line-height: 70px; }
#maincontent h1 span{ padding: 0 0 0 20px; }
body #maincontent h1{ background-image: url(/Nursing/Images/header_about.gif); }
body.about #maincontent h1{ background-image: url(/Nursing/Images/header_about.gif); }
body.locations #maincontent h1{ background-image: url(/Nursing/Images/header_about.gif); }
body.why #maincontent h1{ background-image: url(/Nursing/Images/header_about.gif); }
body.news #maincontent h1{ background-image: url(/Nursing/Images/header_news.gif); }
body.events #maincontent h1{ background-image: url(/Nursing/Images/header_events.gif); }
body.resources #maincontent h1{ background-image: url(/Nursing/Images/header_resources.gif); }
body.contact #maincontent h1{ background-image: url(/Nursing/Images/header_contact.gif); }

/* Input Styles */
input, textarea, select{ background-color: #f6f6f6; border-width: 1px; border-style: solid; border-color: #999 #aab3b3 #d5dddd #aab3b3; color: #333; outline: #fff solid 1px; }
input, textarea{ padding-top: 2px; padding-bottom: 3px; }
select{ line-height: 1.35; min-height: 1.77em; }
input: hover, textarea: hover, select: hover{ cursor: pointer; border-color: #e0b600 #ffd129 #ffd129 #e0b600; }
input: focus, select: focus, textarea: focus, .sffocus{ cursor: text; background-color: #fff !important; border-color: #e0b600 #ffd129 #ffd129 #e0b600 !important; outline: #fff7c0 solid 1px; color: #000; }
input[disabled], input[disabled]: hover, textarea[disabled], textarea[disabled]: hover, select[disabled], select[disabled]: hover{ background-color: #ddd; border-color: #999 #aab3b3 #d5dddd #aab3b3; cursor: default; color: #999; }
input[type=checkbox], input[type=checkbox]: hover, input[type=checkbox]: focus, input[type=radio], input[type=radio]: hover, input[type=radio]: focus{ background-color: Transparent; border: 0 none; }

/* Main Content */
#maincontent{ }
#maincontent h1{ }
#maincontent h2{ margin: 0 0 5px 0; color: #315a86; }
#maincontent h3{ margin: 0 0 5px 0; color: #a6b37d; }
#maincontent h4{ margin: 0 0 5px 0; color: #c99; }
#maincontent h5{ margin: 0 0 5px 0; color: #666; }
#maincontent h6{ margin: 0 0 5px 0; color: #999; }
#maincontent p{ margin: 0 0 18px 0; font-size: 12px; line-height: 20px; text-align: justify; }
#maincontent blockquote{ margin: 0 0 18px 0; padding: 0 0 0 10px; border-left: 3px solid #a6b37d; color: #666; font-size: 12px; line-height: 18px; font-weight: bold; font-style: italic; _font-style: normal; text-align: justify; }
#maincontent blockquote.pullquote{ padding: 10px; border: 5px solid #e3ecf4; background: #f6f6f6; color: #333; font-size: 14px; line-height: 22px; font-weight: normal; }
#maincontent blockquote.pullquote .author{ font-size: 12px; font-weight: bold; text-align: right; }
#maincontent a{ text-decoration: none; }
#maincontent a: hover{ text-decoration: underline; }
#maincontent a[target="_blank"]{ padding: 0 10px 0 0; background: transparent url(/Nursing/Images/opennew.gif) no-repeat 100% 3px; }
#maincontent ul, #maincontent ol{ margin: 0 0 18px 0; padding: 0 0 0 25px; }
#maincontent ul li{ list-style-type: square; margin: 0 0 5px 0; }
#homebottom li span{ color: #666; }
#maincontent ul ul, #maincontent ol ul, #maincontent ol ul li{ margin: 0; }
#maincontent a.top{ padding: 0 15px 0 0; background: transparent url(/Nursing/Images/arrow_up.gif) no-repeat right center; line-height: 22px; font-weight: bold; }
#maincontent a.back{ padding: 0 15px 0 0; background: transparent url(/Nursing/Images/arrow_left.gif) no-repeat right center; line-height: 22px; font-weight: bold; }
#maincontent a.rss{ padding: 0 15px 0 0; background: transparent url(/Nursing/Images/icon_rss.gif) no-repeat right center; line-height: 18px; font-weight: bold; }
#maincontent a.back{ padding: 0 15px 0 0; background: transparent url(/Nursing/Images/arrow_left.gif) no-repeat right center; line-height: 22px; font-weight: bold; }
#maincontent .onecolumnlist li{ font-weight: bold; }
#maincontent .twocolumnlist{ float: left; width: 305px; }
#maincontent .twocolumnlist li{ font-weight: bold; }

/* Side Content */
#sidecontent{ }
.sidetopnav{ height: 60px; margin: 0 0 20px 0; padding: 10px 0 0 10px; background: #e3ecf4; }
	.sidetopnav li{ list-style: none; margin: 0 0 2px 0; padding: 0; }
	.sidetopnav li a{ display: block; width: 205px; height: 24px; padding: 0 0 0 5px; background: transparent url(/Nursing/Images/bg_side_button.gif) no-repeat top left; color: #fff; line-height: 24px; font-weight: bold; }
	.sidetopnav li a: hover{ background-position: bottom left; }
.sidenav{ margin: 0 0 20px 0; border-left: 2px solid #315a86; }
	.sidenav li a{ display: block; margin: 0 0 5px 0; padding: 3px 5px; background-color: #315a86; color: #fff; font-size: 18px; font-weight: normal; }
	.sidenav li ul{ margin: 0 0 0 10px; }
	.sidenav li li{ list-style-type: square; margin: 0 0 6px 15px; color: #c99; line-height: 16px; }
	.sidenav li li a{ _display: inline; background: transparent; margin: 0; padding: 0; color: #315a86; font-size: 12px; }
	.sidenav li li li{ list-style-type: square; margin: 0 0 2px 5px; color: #ccc; line-height: 16px; }
	.sidenav li li li a{ color: #6599c0; }
	.sidenav li a: hover{ text-decoration: underline; }
	.sidenav .toplevel{ display: none; }
	.about .aboutnav, .locations .aboutnav, .why .whynav, .resources .resourcesnav, .contact .contactnav{ display: block; }
.sideopportunities{ margin: 0 0 20px 0; border-left: 2px solid #8d986a; }
	.sideopportunities span.title{ display: block; margin: 0 0 5px 0; padding: 3px 5px; background-color: #8d986a; color: #fff; font-size: 18px; font-weight: normal; }
	.sideopportunities li ul{ margin: 0 0 0 10px; }
	.sideopportunities li li{ list-style-type: square; margin: 0 0 6px 15px; color: #c99; line-height: 16px; }
	.sideopportunities li li a{ display: block; _display: inline; color: #315a86; }
	.sideopportunities li a: hover{ text-decoration: underline; }
	.sideopportunities .learnmore{ margin: 0 0 0 10px; color: #6599c0; font-size: 11px; font-weight: bold; }

/* Footer */
#footer{ color: #fff; font-size: 11px; }
#footerleft{ float: left; width: 260px; margin: 0 0 20px 0; }
#footerright{ float: right; width: 660px; margin: 0 0 20px 0; }
#footer a{ color: #fff; }
#footer a: hover{ text-decoration: underline; }
#sitegoal{ float: right; margin: 0 0 5px 0; }
#sitegoal h3{ font-size: 11px; line-height: 18px; text-align: left; }
#sitegoal p{ color: #6599c0; font-size: 10px; line-height: 12px; text-align: justify; }
#sitegoal p a{ color: #6599c0; }
#sitegoal p a: hover{ color: #fff; }
#copyright{ color: #e3ecf4; font-size: 10px; font-weight: bold; text-align: left; }
#footernav{ float: left; width: 575px; }
#footernav ul{ }
#footernav li{ float: left; display: inline; list-style: none; margin: 0 0 0 20px; line-height: 18px; font-weight: bold; }
#footernav li ul{ padding: 0 0 0 15px; }
#footernav li li{ float: none; display: list-item; list-style: square; margin: 0 10px 0 0; color: #e3ecf4; font-size: 10px; line-height: 14px; font-weight: normal; }
#footernav li li a{ color: #6599c0; }
#ehealthcareaward{ float: right; width: 80px; height: 50px; background: transparent url(/Nursing/Images/eHealthcare_Leadership_Award_2008.gif) no-repeat; }
#ehealthcareaward span{ display: none; }

/* Content Columns */
#main1col{ padding: 0 0 20px 0; }/* One Column */
#main1col #maincontent{ width: 660px; }

#main2col{ padding: 0 0 20px 0; }/* Two Column */
#main2col #maincontent{ width: 660px; max-width: 660px; margin: 0 20px 0 0; }
#main2col #sidecontent{ width: 230px; }

#main3col{ padding: 0 0 20px 0; }/* Three Column */
#main3col #maincontent{ width: 470px; margin: 0 20px 0 0; }
#main3col #centercontent{ width: 170px; margin: 0 20px 0 0; }
#main3col #sidecontent{ width: 230px; }
#maincontent{ float: left; }
#centercontent{ float: left; }
#sidecontent{ float: left; }

/* subpagelist */
.subpagelist{ margin: 0 !important; padding: 0 !important; list-style: none !important; }
.subpagelist li{ list-style: none !important; _display: inline; float: left; width: 300px; margin: 0 5px 10px 5px !important; padding: 10px; background: #eee; cursor: pointer; }
.subpagelist li: hover{ background: #e3ecf4; }
.subpagelist img{ float: left; width: 70px; height: 70px; margin: 0 5px 0 0; background: #ccc; }
.subpagelist h2{ margin: 0 0 5px 0 !important; font-size: 16px; }
.subpagelist a: hover{ text-decoration: none !important; }
.subpagelist p{ margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 16px !important; text-align: left !important; }

/* Footnote */
.footnote{ padding: 20px 20px 0 20px; border-top: 2px solid #ddd; }
.footnote sup{ padding-right: 3px; }
.footnote p{ margin: 0 0 10px 0 !important; color: #999; font-size: 11px !important; line-height: 15px !important; }

/* Video Tour Page */
#videotour{ width: 540px; height: 300px; margin: 20px auto 0 auto; text-align: center; border: 10px solid #e3ecf4; }
#videotour #playercontainer{ }

/* Locations Pages */
.detailsmain{ float: left; _display: inline; width: 460px; margin: 0 20px 0 0; }
.detailsmain img{ float: left; width: 250px; height: 150px; margin: 0 15px 20px 0; background: #ccc; }
.detailsmain .contactinfo{ float: left; width: 195px; margin: 0 0 30px 0; line-height: 16px; }
.detailsmain .contactinfo h2{ margin: 10px 0 5px 0 !important; }
.detailsmain .description{ clear: left; }
.detailsside{ float: left; width: 160px; padding: 10px; background: #e3ecf4; color: #666; }
.detailsside #googlemap{ overflow: hidden; width: 160px; height: 160px; margin: 0 0 10px 0; background: #fff; }
.detailsside .specialtylist{ }
.detailsside .specialtylist p{ margin: 0 0 5px 0 !important; font-weight: bold; text-align: left !important; }
.detailsside .specialtylist ul{ margin: 0 !important; padding: 0 0 0 20px !important; }
.detailsside .specialtylist li{ margin: 0 0 5px 0 !important; font-size: 11px; line-height: 15px; }
.detailsside .phonelist{ }
.detailsside .phonelist h5{ margin: 0 0 0 0 !important; line-height: 18px; }
.detailsside .phonelist p{ margin: 0 0 10px 0 !important; text-align: left !important; }

/* News/Event Pages */
.item{ padding: 0 0 30px 0; }
.item h2{ margin: 0 !important; }
.item h2 a[target="_blank"]{ background-position: 100% 8px !important; }
.iteminfo{ margin: 0 0 10px 0; color: #999; font-size: 11px; }
.itemlinkstrip{ position: relative; padding: 0 0 0 5px; background: #eee; height: 22px; line-height: 22px; }
.itemlinkstrip a{ line-height: 22px; font-weight: bold; }
.itemlinkstrip .rss{ position: absolute; top: 2px; right: 5px; }
.rssheader{ color: #666; font-size: 18px; font-weight: bold; }

/* Contact Pages */
#contactleft{ float: left; _display: inline; width: 30%; margin: 0 0 20px 0; }
#contactright{ float: left; _display: inline; width: 70%; margin: 0 0 20px 0; }
#contactright #googlemap{ overflow: hidden; height: 250px; border: 2px solid #ddd; }
#googlemap a[target="_blank"]{ padding: 0 10px 0 0; background: transparent none; }

/* Faqs Section */
#faqQuestionList{ border-bottom: 4px solid #e3ecf4; margin: 0 0 30px 0; padding: 0 0 10px 0; }
#faqQuestionList .questionItem{ margin: 10px 0 5px 0; padding: 0 0 0 17px; background: transparent url(/Nursing/Images/icon_q.gif) no-repeat 0 5px; font-weight: bold; }
#faqList{ }
#faqList .item h3{ padding: 0 0 0 17px; background: transparent url(/Nursing/Images/icon_q.gif) no-repeat 0 5px; color: #666; font-size: 16px; font-weight: bold; }
#faqList .item .answer{ padding: 0 0 0 17px; background: transparent url(/Nursing/Images/icon_a.gif) no-repeat 0 5px; line-height: 18px; }