/*
*************************************************

St Vincent's Healthcare
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }
body { background: #fff url(../images/bg.gif) repeat-x; font: 80% 'Helvetica Neue', Helvetica, Arial, sans-serif; }
input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; }
a { color: #369; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0;  }
.clear { clear: both; }

/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { margin: 0 auto; }

/*-------------------------------------------    
    Header
-------------------------------------------*/
#nav1Wrap { width: 820px; margin: 0 auto; padding: 28px 0 0 0; height: 70px; }
#logo { float: left; margin: 0 0 0 5px; width: 177px; }
#nav1 { width: 630px; float: left; margin: 16px 0 0 0; }

#nav1Wrap #nav1 #menu { position: relative; z-index: 1000; font-size: 1em; list-style: none; width: 630px; float: left; margin-left: 1px; }
#nav1Wrap #nav1 #menu li { display: block; float: left; position: relative; margin: 1px 10px 0 5px; padding: 4px 8px 4px 8px; }
#nav1Wrap #nav1 #menu li span { display: block; color: #fff; font-size: 1em; }
#nav1Wrap #nav1 #menu li a { display: block; padding: 0; white-space: nowrap; color: #777; font-weight: normal; }
#nav1Wrap #nav1 #menu li.sel { background: #0067ad; }
#nav1Wrap #nav1 #menu li.sel a { color: #fff; }
#nav1Wrap #nav1 #menu li:hover { background: #0067ad; }
#nav1Wrap #nav1 #menu li:hover a { text-decoration: none; color: #fff; background: #0067ad; }

#nav1Wrap #nav1 #menu dl { position: absolute; top: 0; left: 0px; }
#nav1Wrap #nav1 #menu dt { margin: 0; font-size: 1em; float: left; }
#nav1Wrap #nav1 #menu dd { display: none; background: #0067ad; clear: left; margin: 0; padding: 0; color: #fff; font-size: .95em; text-align: left; text-transform: none; }
#nav1Wrap #nav1 #menu dd ul { margin: 0; }
#nav1Wrap #nav1 #menu dd ul li { background: #0067ad; margin: 0; padding: 2px 0 2px 0; }
#nav1Wrap #nav1 #menu dt a { display: block; color: #777; padding: 4px 8px 3px 8px; text-decoration: none; }
#nav1Wrap #nav1 #menu dt a:hover { text-decoration: none; color: #fff; background: #0067ad; }
#nav1Wrap #nav1 #menu dd a { color: #fff; text-decoration: none; display: block; width: 170px; padding: 2px 8px 4px 8px; }

#nav1Wrap #nav1 #menu li a:hover { border: 0; text-decoration: none; }

#nav1Wrap #nav1 #menu ul:hover { display: block; }
#nav1Wrap #nav1 #menu li:hover dd, #menu li a:hover dd { display: block; }
#nav1Wrap #nav1 #menu li:hover dl, #menu li a:hover dl { padding-bottom: 15px; }
#nav1Wrap #nav1 #menu dd a:hover { text-decoration: underline; }


#stageWrap { width: 820px; margin: 0 auto; }

/*-------------------------------------------    
    Home
-------------------------------------------*/
#bannerWrap { clear: left; background-color: #fff; width: 820px; margin: 0 auto 10px auto; height: 280px; }

/*
#showcase { width: 820px; height: 280px; }
#slideshow { position: relative; z-index: 1; top: 0; left: 0; width: 820px; height: 280px; }
#slideshow div { position: absolute; top: 0px; left: 0px; }
#slideshow .slide { width: 820px; height: 280px; overflow: hidden; background: #fff; }
#slideshow img { height: 280px; }
*/

#slideshow { margin: 0 auto 10px auto; width: 820px; height: 326px; }
#slideshow #large { background: #fff; width: 820px; height: 280px; }
#slideshow #largeImg { display: block; width: 820px; height: 280px; }
#slideshow #menuButtonsWrap { width: 820px; height: 48px; margin: 0 auto; background: #ccc; margin-bottom: 10px; }

#slideshow #menu { padding: 8px 0 8px 280px; }
#slideshow #menu li { list-style: none; cursor: pointer; display: block; float: left; width: 50px; height: 30px; margin: 0 5px; border: 2px solid #bbb; }
#slideshow #menu li:hover { border: 2px solid #fff; }

#slideshow #menu li#t-1 { text-indent: -9999px; background: url(../images/homebanner1-t.jpg) no-repeat; } 
#slideshow #menu li#t-2 { text-indent: -9999px; background: url(../images/homebanner2-t.jpg) no-repeat; } 
#slideshow #menu li#t-3 { text-indent: -9999px; background: url(../images/homebanner3-t.jpg) no-repeat; } 
#slideshow #menu li#t-4 { text-indent: -9999px; background: url(../images/homebanner4-t.jpg) no-repeat; } 

#slideshow #menu li a:focus { outline: 0; }

#shortcut1 { width: 200px; float: left; margin-top: 15px; }
#shortcut2 { width: 200px; float: left; margin-top: 15px; }

#shortcut1 h2,#shortcut2 h2 { font-size: .95em; color: #222; line-height: 1.3em; margin: 0 0 0 0; }
#shortcut1 p,#shortcut2 p { font-size: .95em; color: #666; line-height: 1.3em; margin: 0 0 .5em 0;  }

#newsBannerWrap { height: 30px; width: 820px; margin: 0 auto 0 auto; background: #0067ac; }
#newsBanner { padding: 8px 10px 0 10px; }
#newsBanner p { color: #fff; font-size: .9em; line-height: 1.3em; }
#newsBanner #more { float: right; }
#newsBanner a { color: #fff; }

#homeCols { width: 820px; margin: 15px auto; padding-top: 16px; }

#homeCol2 { float: left; width: 200px; height: 300px; margin: 0 0 0 0; padding: 0 0 20px 20px; background: url(../images/partnersbg.gif) 0 -5px no-repeat; }
#homeCol2 h2 { color: #222; font-size: 1em; line-height: 1.3em; margin: 0 2em 1em 0; }
#homeCol2 p { color: #666; font-size: .95em; line-height: 1.3em; margin: 0 2em .5em 0; }
#homeCol2 ul { list-style: none; color: #666; font-size: .95em; line-height: 1.3em; margin: 0 2em .5em 0; }
#homeCol2 li { margin: 0 0 .5em 0; }

#partnersWrap { width: 600px; height: 300px; float: left; padding-left: 0px; }
#partnersWrap h2 { color: #222; font-size: 1em; line-height: 1.3em; margin: 0 20px .5em 0px; }
#partnersWrap .imgWrap { margin: 0 20px 0 0px; height: 100px; }
.partner { width: 200px; float: left; height: 300px; margin: 6px 0 0 0; }
#partnersWrap p { font-size: .95em; color: #666; margin: 0 20px .5em 0; }

/*-------------------------------------------    
    Nav2
-------------------------------------------*/

#nav2 { width: 165px; border-top: 2px solid #ccc; margin: 0 0 30px 0; float: left; }
#nav2 h2 { font-size: .75em; font-weight: bold; color: #888; line-height: 1.3em; text-transform: uppercase; padding: .7em .5em; border-bottom: 1px solid #ccc; }
#nav2 h2 a { color: #888; }
#nav2 ul { list-style: none; font-size: .9em; line-height: 1.3em; }
#nav2 ul li { border-top: 1px solid #ddd; }
#nav2 ul li.sel a { color: #333; font-weight: bold; }
#nav2 ul li:first-child { border: 0; }
#nav2 ul li a { color: #888; display: block; padding: .45em; }
#nav2 ul li a:hover { background: #e9f0f3; text-decoration: none; }

#nav2 ul li ul { font-size: .9em; margin: 0 0 10px 20px }
#nav2 ul li ul li { border: 0; }
#nav2 ul li ul li a { padding: .25em .5em; color: #777; }
#nav2 ul li.sel ul,#nav2 ul li:hover ul { display: block; }
#nav2 ul li.sel li a { color: #666; }
#nav2 ul li.sel li.sel a { color: #333; }

/*-------------------------------------------    
    Content
-------------------------------------------*/
#contentWrap { width: 648px; min-height: 400px; float: left; padding: 0 0 40px 0; }
#content { padding: 0 0 0 24px; }

#content #breadcrumb {  }
#content #breadcrumb p { font-size: .9em; color: #888; margin: 0 0 0 0; border-top: 1px solid #ccc; padding-top: .4em }
#content #breadcrumb a { color: #888; }

#mainWrap { width: 408px; float: left; }

#mainWrap .colL { width: 192px; float: left; margin: .5em 12px .5em 0; }
#mainWrap .colR { width: 192px; float: left; margin: .5em 0 .5em 12px; }
#mainWrap .colL>h3,#mainWrap .colR>h3 { margin-top: 0; }

#content h1 { font-size: 2em; font-weight: normal; line-height: 1.3em; color: #222; margin: 0 0 .5em 0; }
#content h1.bg { height: 155px; margin: .25em 0 .75em 0; padding: 10px 15px; color: #fff; background-color: #ccc; background-position: 100% 0; }
#content h1.black { color: #222; background-color: #fff; }
#content h2 { font-size: 1.5em; line-height: 1.3em; color: #333; font-weight: bold; margin: 1.5em 0 .5em 0; }
#content h3 { font-size: 1em; line-height: 1.3em; color: #333; font-weight: bold; margin: 1em 0 .25em 0; }
#content p { font-size: 1em; line-height: 1.3em; color: #666; margin: 0 0 .75em 0; }
#content ul { font-size: 1em; line-height: 1.3em; color: #666; margin: 0 0 .75em 2em; }
#content ul.solutions { list-style: none; font-size: 1em; color: #666; margin: 1.5em 0 .75em 0; }
#content ul.solutions li { border: 5px solid #ddd; margin: 0 10px 10px 0; float: left; }
#content ul.solutions li .col { }
#content ul.solutions li .col a { padding: 5px 5px 5px 18px; display: block; width: 195px; height: 110px; background: #fff url('../images/linkarrow.gif') 8px 10px no-repeat; font-size: 1.1em; }

#sidebarWrap { width: 192px; float: left; margin: 0 0 40px 24px; }
#sidebar { 	}
#sidebar h2 { font-size: 1em; line-height: 1.3em; color: #333; font-weight: bold; margin: 0 30px .5em 0; }
#sidebar p { font-size: 1em; line-height: 1.3em; color: #666; margin: 0 0 .75em 0; }
#sidebar ul { font-size: 1em; line-height: 1.3em; color: #666; margin: 0 0 .75em 2em; }
#sidebar .box { background: #fcf7dc; padding: 15px; margin: 0 0 25px 0 }
#sidebar .banner { margin: 0 0 6px 0; }

#sidebar ul.banners { list-style: none; margin: 0; padding: 0; background: #fff; }

#actionWrap { clear: left; padding: 30px; margin: 0 0 3em 23%; }
#action { background: #fcf7dc; width: 60%; padding: 15px; }
#action h2 { margin: 0 0 .5em 0; }
#action p { font-size: 1.15em; margin: 0 0 .5em 0; }
#action ul { font-size: 1.15em; margin: .5em 0 .5em 0; list-style: none; }
#action li { margin: 0 0 .25em 0; background: url(../images/linkarrow1.png) 1px 5px no-repeat; padding-left: 14px; }

#newsticker { float: left; width: 800px; }
#newsticker #latestNews { float: left; color: #fff; font-size: .9em; padding-right: 10px; }
#newsticker #moreNews { float: right; color: #fff; font-size: .9em; }
#newsticker ul { color: #fff; font-size: .9em; list-style: none; min-height: 1.6em; padding: 0 15px; padding-right: 30px; }
* html #newsticker ul { height: 1.6em; overflow: visible; }

/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footerWrap { clear: both; width: 820px; margin: 0 auto; border-top: 1px solid #ccc; padding: 10px 0 20px 0; }
#footer p { color: #666; font-size: .9em; }
#footer a { color: #666; }