@media only screen and ( min-width: 769px) { body { margin: 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; background-color: #dfdfdf; line-height: 1.5em; } h1 { padding-top: 70px; margin: 0; font-size: 4em; text-align: center; } h2 { font-size: 11pt; margin: 10px 0 0; } h3 { padding: 0; margin: 30px 0 0; font-size:11pt; font-family: 'Judson', serif;\ font-size: 16px; font-weight: normal; line-height: 12pt; text-transform: uppercase; color:#333333; } @charset "UTF-8"; html { margin-top: 0 !important; } #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; } #content { font-size: 1.2em; } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11pt; min-height:690px; line-height: 18px; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h5 { font-family: Judson, serif; font-size: 14px; text-transform: uppercase; font-style: normal; font-weight: normal; color: #666; text-decoration: underline; } #headerimg .description { font-size: 1.2em; text-align: center; } /* ----- Change Page Title Here ----- */ h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #666; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #b85b5a; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; /*list-style:square inside none;*/ } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #A41B3D; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ #page { overflow: hidden; z-index:0; background-color: white; margin: 0px auto 0 auto; padding: 0; width: 900px; border: 0px solid #959596; position:relative; background-color: white; border: 0px solid #959596; text-align: left; } #headerimg { margin: 0; height: 200px; width: 100%; } .narrowcolumn { float: left; margin: 20px 0 0; padding: 0 0 20px 30px; width: 662px; } .narrowcolumn >.narrowcolumn { padding:0px !important; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; } .post { margin: 0 0 40px; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: both; } .clear { clear: both; } #footer { padding: 0; margin: 0 auto; width: 100%; min-width:900px; clear: both; text-align: center; background: url(../images/footermenu-back.png) bottom left repeat-x; } #footer ul { margin: 0; padding: 0; text-align: center; } #footer ul li { display: inline-block; margin: 0 5px; color: #000; } #footer ul li a { color: #333; font-size: 10px; } #footer .wrapper { width: 900px; padding: 0 0 6px 0; background: url(../images/footer-back.png) bottom left no-repeat; } #footer .wrapper .white-back { width: 844px; padding: 1px 28px 6px 28px; background-color: #fff; } #footer hr { display: block; height: 0px; margin: 12px 0; border-width: 0; border-top: #000 1px dotted; } #copy { width: 100%; min-width:900px; padding: 22px 0; color: #acadae; background-color: #36393d; } /* End Structure */ /* Begin Headers */ #sidebar h2 { margin: 5px 0 0; padding: 0; } h3.comments { padding: 0; margin: 40px auto 20px; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 30px; text-indent: 0px; } html>body .entry li { margin: 7px 0 8px 10px; list-style:square outside; } .entry ul li:before, #sidebar ul ul li:before { /*content: "\00BB \0020";*/ list-style:square inside none; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: url('none'); } #sidebar .widgettitle { margin-top: 12px; margin-bottom: 12px; color:#A41B3D; } #sidebar ul, #sidebar ul ol { margin: 5px 0 0 10px; padding: 0; } #sidebar ul li { height: auto; list-style-type: none; list-style-image: url('none'); margin:3px 0 0 ; } #sidebar ul li a { background-repeat: no-repeat; color: #666666; display: inline-block; font-size: 10px; font-weight: bold; height: 24px; line-height: 13px; padding-bottom: 6px; padding-left: 49px; padding-top: 12px; text-decoration: none; vertical-align: text-bottom; width: 140px; /* color: #666; vertical-align:calc(19px); padding-left: 4px; line-height: 19px; font-weight:bold; font-size: 10px; text-decoration: none; margin-left: 0px;*/ } #sidebar ul li a:hover { text-decoration: underline; } #sidebar ul li a.book-download { height: auto; line-height: auto; } /*#sidebar ul li a:hover{ background:#b38808; color:#FFFFFF;}*/ #sidebar ul li a#testimonial { background:url('../images/testimonial_off.jpg') no-repeat; } #sidebar ul li a#testimonial:hover { background:url('../images/testimonial_on.jpg') no-repeat; } #sidebar ul li a#testimonial:active, #sidebar ul li a#testimonial.active { background:url('../images/testimonial_on.jpg') no-repeat; } #sidebar ul li a#scalender { background:url('../images/calendar_off.jpg') no-repeat; } #sidebar ul li a#scalender:hover { background:url('../images/calendar_on.jpg') no-repeat; } #sidebar ul li a#scalender:active, #sidebar ul li a#scalender.active { background:url('../images/calendar_on.jpg') no-repeat; } #sidebar ul li a#volun { background:url('../images/volunteer_off.jpg') no-repeat; } #sidebar ul li a#volun:hover { background:url('../images/volunteer_on.jpg') no-repeat; } #sidebar ul li a#volun:active, #sidebar ul li a#volun.active { background:url('../images/volunteer_on.jpg') no-repeat; } #sidebar ul li a#career { background:url('../images/career_off.jpg') no-repeat; } #sidebar ul li a#career:hover { background:url('../images/career_on.jpg') no-repeat; } #sidebar ul li a#career:active, #sidebar ul li a#career.active { background:url('../images/career_on.jpg') no-repeat; } h2#quicklink { text-indent:-999em; background:url('../images/QuickLinks.jpg') no-repeat; margin-left:5px; height:22px } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 0; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:left; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { margin-left: 690px; padding: 50px 0 10px; width: 210px; } #sidebar form { margin: 0; } /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0px none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .quick_links a { color:#ffffff; background:#b38708; padding:5px; display:block; } .quick_links a:hover { background-color:#8b784c; padding:5px; color:#FFFFFF; text-decoration:none } .welcome { font-size:28px; background:url('images/hdr_welcome.jpg') no-repeat; height:30px; text-indent:-999em } #menu { width: 100%; margin:0 auto; background: url(../images/topmenu-back.png) top left repeat-x; } #menu ul { position:relative; width: 100%; height:55px; margin:0px; padding: 0; text-align: center; background: url(../images/topmenu-back.png) top left repeat-x; } #menu ul li { /*float:left;*/ display: inline-block; position:relative; height: 43px; margin: 0; padding: 0; padding-top: 12px; background-repeat: no-repeat; list-style-type: none; font-family: Arial; font-size: 9pt; text-align: left; z-index: 20; } #menu ul li.contact-us a { border-width: 0; } #menu ul li:hover, #menu ul li.current_page_item { background: url(../images/topmenu-arrow-hover.png) bottom center no-repeat; } #menu ul li a { font-weight:normal; text-decoration:none; color: #5a352f; padding-left: 9px; padding-right: 10px; text-transform: capitalize; height: auto; border-right: #ae8b00 1px solid; } #menu ul li:last-child a { border-right: medium none; } #menu ul li.last a { border-width: 0; } #menu ul ul { position:absolute; height: auto; left: -5px; top:40px; z-index: 10; padding-bottom:5px; display:none; padding-top: 16px; padding-right: 0px; padding-left: 0px; margin: 0px; width: 180px; color: #5A352F; text-align: left; background: #cacaca none; opacity: 0.9; } #menu ul ul li { position:relative; display: block; float:none; height: auto; line-height: 1em; white-space:nowrap; margin: 0; padding: 0; overflow: hidden; background: transparent none; } #menu ul ul li:hover { background-image: none; } #menu ul ul li a:hover { color: #fff; } #menu ul ul li a { float:left; padding-left:14px; padding-right: 10px; padding-bottom:5px; padding-top:5px; color: #5A352F; border-width: 0; } #menu ul li:hover ul, #menu ul li.hover ul { display:block; } .menu { width:854px; margin:0 auto; padding:1px 23px 9px; height:32px;/*background:url(images/madison_page_bg.png) repeat-y;*/ } .menu ul { padding:0; margin:0; list-style-type:none; height:32px; } .menu ul li { color:#B38708; font-weight:bold; text-transform:capitalize; float:left; height:32px; line-height:32px; background:url(images/madison_separator.png) no-repeat; background-position:0 9px; display:inline; } .menu .home { background:none; } .menu ul ul li { display:block; width:120px; height:auto; position:relative; line-height:10px; } .menu a, .menu a:visited { display:block; float:left; height:100%; font-size:9pt; text-decoration:none; color:#B38708; text-decoration:none; padding:0 5px 0 10px; } .menu ul ul a, .menu ul ul a:visited { display:block; background: #f7ebde; color:#B38708; width: 160px; height:100%; line-height: 10px; padding: 7px 10px; } .menu ul table ul a, .menu ul table ul a:visited { width:140px; } .menu table { position:absolute; left:0; top:0; font-size: 10px; z-index:-1; } .menu ul ul table { left:-1px; } .menu ul ul table ul.left { margin-left:2px; } .menu li:hover { position:relative; } * html .menu a:hover { position:relative; } .menu a:hover { color:#B38708; text-decoration:underline; } .menu :hover > a { color:#B38708; text-decoration:underline; } .menu ul ul a:hover { color:#B38708; text-decoration:underline; } .menu ul ul :hover > a { color:#B38708; text-decoration:underline; } .menu ul ul { visibility:hidden; position:absolute; height:0; top:25px; left:0; width:180px; border:1px solid #B38708; border-top:none; text-align:left; padding-bottom:5px; background: #f7ebde; } .menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height:auto; } /* Max Boganets styles */ #madison_top { overflow: hidden; width: 100%; background-color: #000; padding: 8px 0; } .wrapper { margin: 0 auto; width:975px; } #site-title { float: left; font-size: 30px; padding: 0; } #site-title a { color: #000; font-weight: bold; text-decoration: none; } #site-description { clear: right; float: right; display: table-cell; height: auto; width: 300px; margin: 18px 0; color: #afa67d; font: normal 13pt Arial; vertical-align: middle; text-align: left; line-height: 1.3em; } #site-description span { display: block; margin: 8px 0; color: #fff; font-weight: bold; font-family: 'Times New Roman'; font-size: 16pt; } #galleria { height: 320px; } .page-item-108 a { border-right-width: 0; } .content-wide { width: 844px; padding: 0 28px; } .our-mission { width:175px; } .our-mission h3 { font-size:14px; font-weight:normal; color:#A41B3D; } .our-mission p { font-size: 9pt; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12pt; } .address-green { padding: 12px; color: #fff; background-color: #A41B3D; border-radius: 12px; } .address-green p { margin: 0; padding: 0; line-height: 1.4; color: #fff; } .address-green font { font-size: 115%; } .address-green .mailto { height: 10px; padding-left: 22px; color: #fff; text-decoration: none; background: url("../images/mailto-icon.png") no-repeat scroll 0 3px transparent; } .m_homebox_c { display:none; } .address-green .mailto:hover { text-decoration: underline; } #afgcolorbox { z-index: 10001; } p strong{    font-family: 'Judson',typeface;    font-size: 28px;       color:#0038A3; } .dedia { width:130px; padding:20px; float:left; text-align:center;} .dedia a img { padding-left:21px; padding-right:21px;} .home_rbox { width:175px; float:left; } .home_cen_contents { /*border-left: 1px solid #CCCCCC;*/ float: left; margin-left: 15px; padding-left: 12px; max-width: 425px;" valign="top } .topbar { display:none; } #footer_m { display:none; } .twfour { clear: both; display: list-item; overflow: auto; width: 92%; height:39px; margin-right:4%; margin-left:4%; } /******************HDSAC logo CSS***************/ #hdsac { background-image: url("filepath.php?file=images/HDSACOELOGO.png"); background-position: center top; background-repeat: no-repeat; bottom: 90px; height: 57px; position: absolute; right: 31px; width: 145px; } #hdsac a { display: inline-table; height: 60px; width: 145px; text-decoration:none; } /******************Chosen Healthcare logo CSS***************/ #chclogo { background-image:url(filepath.php?file=images/CHC-logo.jpg); background-repeat:no-repeat; background-position:top center; position:absolute; right:30px; bottom:0px; width:165px; } #chclogo a { color: #666666; display: inline-table; } #chclogo .tagline{ font-family: Georgia, "Times New Roman", Times, serif; margin-left: 0px; margin-right: 0px; font-size: 10px; color: #666666; line-height: 12px; padding-top: 40px; width: 147px; margin-top: 20px; } #chclogo .tagline a:hover { text-decoration:underline; } /********************Chosen left side contact*******************/ .msg { background-color: #FFFFFF; border-radius: 5px; color: #333; font-family: arial; font-size: 11px; line-height: 14px; padding-bottom: 4px; padding-top: 4px; text-align: center; } #leftform { background-color: #ccc; border-radius: 10px; display: block; margin-top: 20px; padding: 10px 10px 5px; } #leftform from-head { } #leftform input[type="text"] { border: 1px solid #EEEEEE; border-radius: 5px; box-shadow: 0 0 5px rgba(170, 170, 170, 0.35) inset; color: #000; height: 20px; font-style:normal; margin: 5px 0; width: 144px; padding-left:8px; } #leftform textarea { border: 1px solid #EEEEEE; border-radius: 5px; box-shadow: 0 0 5px rgba(170, 170, 170, 0.35) inset; color: #000; height: 75px; font-style:normal; margin:10px 0 5px; width: 144px; padding-left:8px; padding-top:6px; } #leftform ::-webkit-input-placeholder { /* WebKit browsers */ color: #333; font-style: italic; font-size:12px; } #leftform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; font-style: italic; font-size:12px; } #leftform ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; font-style: italic; font-size:12px; } #leftform :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; font-style: italic; font-size:12px; } #leftform select { width:100%; } #leftform input[type="submit"] { background-color: #666666; border: 0 none; border-radius: 5px; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 28px; margin: 10px 0; width: 100%; } /* The CSS */ #leftform select { padding:1px; margin: 5px 0 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; background: #f8f8f8; color:#000; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { #leftform select {padding-right:18px} #leftform label:after { top:-1px !important; } } #leftform label {position:relative} #leftform label:after { content:url(images/Dropdown_Arrow.png); font:11px "Consolas", monospace; color:#aaa; /* -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); border-bottom:1px solid #ddd;*/ right:1px; top:-2px; padding:0 0 2px; position:absolute; pointer-events:none; } #leftform label:before { content:''; right:3px; top:0px; width:20px; height:20px; background:#f8f8f8; position:absolute; pointer-events:none; display:block; } #missition { bottom: 66px; margin: 0 auto; padding-bottom: 20px; padding-left: 24px; padding-right: 0; position: absolute; width: 160px; } #missition h3 { text-align:center; font-family: 'Judson', serif; font-size: 14px; font-weight: 400; } #missition p { text-align:center; font-size: 10px; line-height: 11px; color: #666; } h2.pagetitle { font-family: 'Judson', serif; font-weight: normal; font-size: 28px; line-height:22px; margin: 0 0 24px; text-align: left; } .quote { font-family: Georgia, "Times New Roman", Times, serif; display: block; background-color: #e2e2e2; padding: 20px; margin-left: 25px; font-style: italic; font-size: 14px; line-height: 18px; margin-right: 25px; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } }