/*----------------------------------------------------------------------------- Website Style Sheet version: 1.0 author: Chris Monnat email: cmonnat@practisinc.com website: http://www.desertradiologists.com/ -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ body { padding: 0; margin: 0; font: 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 860px; /* Centered design work around for Netscape 6. */ background: #e1e5e8; } /* Class for clearing floats */ .clear { clear:both; } /* Remove border around linked images */ img { border: 0; } p { margin: 1.00em 0; } h1, h2, h3, h4, h5 { margin: 0.4em 0; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.1em; } h4 { /* different color */ } h5 { /* different color */ } /* =Links -----------------------------------------------------------------------------*/ a:link { color: #3e3e3e; } a:visited { color: #3e3e3e; } a:hover { } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 860px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ } #two_column #content { background: url(/images/site_design/bg_content_repeat.gif) repeat-y; } #two_column #content_bg { background: url(/images/site_design/bg_content.gif) no-repeat; } #bg { background:url(/images/site_design/bg_container.jpg) no-repeat; } #footer { height: 61px; background: url(/images/site_design/bg_footer.gif) no-repeat; } /* =Navigation -----------------------------------------------------------------------------*/ #nav_main { } #nav_sub { padding: 5px 0; margin-right: 20px; text-align: right; font-size: 1.00em; } #nav_sub, #nav_sub a { color: #54605f; } #nav_sub a { text-decoration: none; } #nav_supp { padding-top: 20px; margin-left: 20px; font-size: 1.00em; } #nav_supp, #nav_supp a { color: #fefefe; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } /* =Header -----------------------------------------------------------------------------*/ #branding img.logo { float: left; } #branding #search{ width:224px; height:68px; margin-right:2px; float: right; padding: 10px 0 0 400px; } ul.quick_links { margin:0 0 0 10px; padding:0; list-style-type:none; font-size: 1.08em; } ul.quick_links li { padding-left: 15px; background: url(/images/site_design/bullet_home.gif) no-repeat 0 4px; line-height: 17px; } ul.quick_links li a { text-decoration: none; } #two_column #branding { height: 144px; } body.about_us #branding { background: url(/images/site_design/banners/banner_about.gif) no-repeat 234px 0; } body.locations #branding { background: url(/images/site_design/banners/banner_locations.gif) no-repeat 234px 0; } body.services #branding { background: url(/images/site_design/banners/banner_services.gif) no-repeat 234px 0; } body.newsroom #branding { background: url(/images/site_design/banners/banner_newsroom.gif) no-repeat 234px 0; } body.careers #branding { background: url(/images/site_design/banners/banner_careers.gif) no-repeat 234px 0; } body.contact_us #branding { background: url(/images/site_design/banners/banner_contact.gif) no-repeat 234px 0; } body.patients #branding { background: url(/images/site_design/banners/banner_patients.gif) no-repeat 234px 0; } body.physicians #branding{ background: url(/images/site_design/banners/banner_physicians.gif) no-repeat 234px 0; } body.site_map #branding { background: url(/images/site_design/banners/banner_site_map.gif) no-repeat 234px 0; } body.privacy #branding { background: url(/images/site_design/banners/banner_privacy.gif) no-repeat 234px 0; } body.forms #branding { background: url(/images/site_design/banners/banner_forms.gif) no-repeat 234px 0; } body.search #branding { background: url(/images/site_design/banners/banner_search.gif) no-repeat 234px 0; } body.physicians_weblink #branding { background: url(/images/site_design/banners/banner_physicians_weblink.gif) no-repeat 234px 0; } body.video-library #branding { background: url(/images/site_design/banners/banner_video-library.gif) no-repeat 234px 0; } /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content_main { display:inline; width:540px; float:left; margin-left: 40px; } #three_column #content_main .callout { float:left; display:inline; width:250px; paddding:0 5px; overflow:hidden; } #three_column #content_main #callouts { width: 535px; height: 164px; background: url(/images/site_design/bg_callouts.png) no-repeat; behavior: url(/images/site_design/iepngfix.htc); font-size: 10px ; } #three_column #content_main #callouts a { color: #601542; text-decoration: none; font-weight: bold; } #three_column #content_main #callouts #locations { width: 230px; float: left; margin-left: 20px; } #three_column #content_main #callouts #interventional { width: 230px; float: right; margin-right: 20px; } #three_column #content_sub { display:inline; width:203px; height:239px; float:right; margin-right: 15px; padding:20px; background: url(/images/site_design/bg_whats_new.png) no-repeat; behavior: url(/images/site_design/iepngfix.htc); } #three_column #content_sub ul { padding:0; margin:10px 0 0 0; list-style-type: none; font-size: 1.00em; } #three_column #content_sub li { margin-bottom: 10px; } /* =Two Column -----------------------------------------------------------------------------*/ #two_column #content_main { display: inline; width:540px; float: right; margin:12px 40px 0 0; } #two_column #content_sub { display:inline; width:210px; float: left; margin: 20px 0 0 30px; } #two_column #content_sub ul { margin:5px 0 0 10px; padding:0; list-style-type: none; font-size: 1.08em; } #two_column #content_sub li { padding-left: 15px; background: url(/images/site_design/bullet_its.gif) no-repeat 0 4px; line-height: 20px; } #two_column #content_sub li a { text-decoration: none; } #two_column #content_sub li a:hover { text-decoration: underline; } #two_column #content_sub ul.quick_links { margin-bottom: 20px; } /* =Footer -----------------------------------------------------------------------------*/ #site_info { margin-left: 20px; font-size: 1.00; } #site_info, #site_info a { color: #fefefe;} #site_info a { text-decoration: none; } #site_info a:hover { text-decoration: underline; } /* =Forms -----------------------------------------------------------------------------*/ form { padding: 0.4em; margin: 0; } form em { color: #FF0000; } form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; } form p label { float: left; width: 35%; } fieldset { padding: 0.6em; padding-left: 0.7em; } fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; } input.txt { width: 200px; } /*textarea { width: 300px; height: 100px; } */ .formerror { border: 1px solid red; background-color : #FFCCCC; width: auto; padding: 0.4em; margin-bottom: 0.4em; } .formerror ul { padding-left: 1.7em; } /* =Tables -----------------------------------------------------------------------------*/ td { text-align: left; } /* =Misc 1 -----------------------------------------------------------------------------*/ .question { background: #FF0000; } .name { font-size: 1.3em; font-weight: bold; } /* =Misc 2 -----------------------------------------------------------------------------*/ strong.white { color:#FFF; } #callouts h3 {text-align:center; padding:10px 0 0 0; margin:0;} }