/*----------------------------------------------------------------------------- Website Style Sheet TABLE OF CONTENTS -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ html { background-color: #ffffff; } body { padding: 0; margin: 0; font: 12px Arial, Arial, Helvetica, sans-serif; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 850px; /* Centered design work around for Netscape 6. */ background: url(../images/new_/BACK2.jpg) repeat-y; background-position: center; /** Centers the Background image **/ } /* Class for clearing floats */ .clear { clear:both; } /* Remove border around linked images */ img { border: 0; } p { margin: 0.8em 0; font: 12px Arial, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5 { margin: 0.4em 0; font-family: Arial,"Times New Roman", Times, serif; } h1 { font-size: 1.5em; color:#03407E; } h2 { font-size: 1.4em; color:#6699cc; } h3 { font-size: 1.1em; color:#03407E; } h4 { font-size: 0.9em; color:#03407E; /* different color */ } h5 { font-size: 1.1em; color:#03407E;} h6 { font-size: 0.9em; color:#03407E; background-color: #CCCCFF;} /* =Links -----------------------------------------------------------------------------*/ a:link { color: #03407E; } a:visited { color: #03407E; } a:hover { } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 850px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ color:#444444; border-top: 1px solid #cccccc; } #three_column { margin-top: 10px; margin-bottom: 10px; /** background: url(../images/new_/BACK2.jpg) repeat-y; background-position: center; Centers the Background image **/ } #two_column { margin-top: 10px; margin-bottom: 10px; /** background: url(../images/new_/BACK2.jpg) repeat-y; background-position: center; Centers the Background image **/ } #three_column #content { width: 100%; margin-top: 0px; float: left; background: url(../images/bg-c-ul.jpg) no-repeat; border-left: 0px solid gray; border-right: 0px solid gray; } #two_column #content { background: url(../images/new_/content-bgs/BG_Content_850x188.jpg) no-repeat; } /* =Navigation 6699cc -----------------------------------------------------------------------------*/ #navmaina { width:100%; } ul#nav_main { width:100%; padding:0; margin:0; float:left; border-top: 1px solid #003366; border-bottom: 1px solid #003366; background: #ccccff; list-style-type: none; } ul#nav_main li { float: left; } ul#nav_main li a { padding: 7px 11px; display: block; text-decoration: none; font-size: 15px; color:#003366; } ul#nav_main li a:hover { background: #003366; color: #fffccc; } ul#nav_side { width:100%; padding:0; margin:0; float:left; } ul#nav_side li { float: left; } ul#nav_side li a { padding: 7px 11px; display: block; text-decoration: none; font-size: 15px; color:#5d5d5d; } ul#nav_side li a:hover { background: #8CB3D9; } body.about ul#nav_main li.about a, body.office ul#nav_main li.office a, body.services ul#nav_main li.services a, body.patienteducation ul#nav_main li.patienteducation a, body.visit ul#nav_main li.visit a, body.news ul#nav_main li.news a, body.contact ul#nav_main li.contact a { background: #003366; } .selected { background-color: #8CB3D9; } #nav_sub { padding:5px 10px 0 0; float: right;} #nav_sub, #nav_sub a { color: #484848; text-decoration: none; } #nav_sub a:hover { text-decoration: underline; } #nav_subb { padding:30px 10px 0 0px; float: right;} #nav_subb, #nav_subb a { color: #003366; text-decoration: none; } .top { vertical-align:text-top; } .bot { vertical-align:text-bottom; } #nav_subb a:hover { text-decoration: underline; } #left_branding { float: left; } #right_branding { float: right; text-align: right; width: 433px; } #linksnav { width:100%; float: right; padding: 0px 0; font-size: 1.12em; border-top: 0px solid #003366; } #linksnav a { text-decoration: none; color: #003366;} #linksnav a:hover { text-decoration: none; color: #cc9966;} #linksnav ul { padding-left: 1px; margin: 0; list-style-type: none; } #linksnav li { padding: 0px 0px 0px 2px; } #linksnav li a { display: inline; text-decoration: none; color:#5d5d5d; font-family: Arial, Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } #linksnav li a:hover { background: #003366; color: #fffccc; } body.linksn #linksnav li.linksn a { background: #003366; } .selected { background-color: #8CB3D9; } #topnav { width:100%; float: left; padding: 5px 0; font-size: 0.92em; border-top: 1px solid #003366; border-bottom: 1px solid #cccccc; } #topnav, #topnav a { color: #595959; } #topnav a { text-decoration: none; padding: 5px 7px 7px 7px; } #topnav a:hover { text-decoration: underline; } #fontnav { width:100%; float: right; text-align: right; padding: 6px 0px 4px 0px; font-size: 0.92em; background: url(../images/new_/content-bgs/fontnav-bg3.jpg) no-repeat; background-position: right; border-bottom: 3px solid #cccccc; } #fontnav, #fontnav a { color: #595959; } #fontnav a { text-decoration: none; padding: 5px 7px 2px 7px; } #fontnav a:hover { text-decoration: underline; } #blownav { width:31%; float: right; padding: 0px 0; font-size: 0.92em; border-bottom: 1px solid #cccccc; } #blownav, #blownav a { color: #595959; } #blownav a { text-decoration: none; padding: 1px 1px 1px 1px; } #blownav a:hover { text-decoration: underline; } /* =Header e0bc4f -----------------------------------------------------------------------------*/ #branding { width:100%; height:115px; } #branding h1 { width:314px; height:95px; position:relative; float:left; } #branding h1 span { width:100%; height:100%; position:absolute; background: url(../images/drhacklogo2.jpg) no-repeat; margin: 0px 0px 10px 10px;} #branding_sub { height:285px; margin-top: 0px; float:left; background: #003366; } #branding_sub p.tagline { width:536px; height:285px; float:left; margin-top:0; position:relative; } #branding_sub p.tagline span { width:100%; height:100%; position:absolute; background: url(../images/middle-aged-couple3.jpg) no-repeat; } #branding_sub p.appointments { width:314px; text-align: center; float:right; margin:0 0 3px; background:#003366; color:#FFF; padding: 5px 0 5px 0px; font-size: 16px; font-weight:bold; } #why_choose { float:right; width:314px; height:243px; background: url(../images/WhyChoosePCS_with-text.jpg) no-repeat; color:#353535; } #why_choose p { padding: 100px 20px 11px 25px; } #why_choose p.whychoose { padding: 100px 20px 11px 25px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } #why_choose ul { padding-left: 25px; margin:0; list-style-type: none; } #why_choose li { padding-left: 15px; } #why_choose li a { display: block; text-decoration: none; color:#5d5d5d; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } #why_choose li a:hover { background: #003366; color: #fffccc; } body.choose #why_choose li.choose a { background: #003366; } .selected { background-color: #8CB3D9; } /* =Callouts 03407e dcb674 cccccc -----------------------------------------------------------------------------*/ #totalcallouts { width:100%; background: #003366; } #totalcallouts img { float: left; padding-right:5px; } #totalcallouts h2 { margin:0; padding-left:5px; padding-right:5px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; } #totalcallouts p { margin-top:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; } #totalcallouts .tutorials, #totalcallouts .library { float: left; width: 277px; } #totalcallouts .welcome { float: left; width: 275px; margin-left: 10px; } #totalcallouts .tutorials { float: left; width: 317px; } #totalcallouts a { color:#003366; text-decoration: none; } #rightcallouts { width:100%; float:left; padding:5px 0; background: #ccccff; border-top: 1px solid #003366; border-bottom: 1px solid #003366; color:#FFF; } #rightcallouts img { float: left; padding-right:5px; } #rightcallouts h2 { margin:0 0 5px 0; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#003366; } #rightcallouts p { margin-top:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#003366; } #rightcallouts .tutorials, #rightcallouts .library { float: left; width: 277px; } #rightcallouts .quicklinks { float: left; width: 175px; margin-left: 10px; background: #ccccff; } #rightcallouts .welcome { float: left; width: 125px; margin-left: 8px; } .welcome a { display: block; text-decoration: none; color:#003366; font-family: Verdana, Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } .welcome a:hover { background: #003366; color: #fffccc; } #rightcallouts .welcome1 { float: left; width: 150px; margin-left: 2px; } .welcome a { display: block; text-decoration: none; color:#003366; font-family: Verdana, Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } .welcome a:hover { background: #003366; color: #fffccc; } #rightcallouts .tutorials { float: right; width: 337px; } .tutorials a { display: block; text-decoration: none; color:#003366; font-family: Verdana, Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } .tutorials a:hover { background: #003366; color: #fffccc; } #leftcallouts { width:23%; float: left; padding:5px 0; background: #003366; border-top: 1px solid #003366; border-bottom: 1px solid #003366; color:#FFF; } #leftcallouts img { float: left; padding-right:5px; } #leftcallouts h2 { margin:0; padding-left:5px; padding-right:5px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; } #leftcallouts p { margin-top:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; } #leftcallouts .tutorials, #leftcallouts .library { float: left; width: 277px; } #leftcallouts .welcome { float: left; width: 275px; margin-left: 10px; } #leftcallouts .tutorials { float: left; width: 317px; } #leftcallouts a { color:#003366; text-decoration: none; } /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content h1 { color:#b08d23; } #three_column #content_main { display: inline; width:550px; float: right; margin-right: 25px; } #three_column #content_sub { display: inline; width:215px; float: left; margin-left: 20px; } #three_column #content_sub ul { padding:0; list-style-type:none; } #three_column #content_supp { display: inline; width:205px; float:left; margin-left: 44px; } #three_column #content_supp ul { padding-left: 10px; list-style-type:none; } #three_column #content_supp li { padding-left:15px; background: url(../images/bullet2.gif) no-repeat 0 3px; } #three_column #content_supp li a { color:#444; text-decoration: none; } #three_column #content_supp li a:hover { text-decoration: underline; } /* =Two Column background: url(../images/new_/content-bgs/stethoscope_150x150_transparent_index2.gif) no-repeat bottom right; -----------------------------------------------------------------------------*/ #two_column #content_main { display: inline; width:588px; float: right; padding: 0 20px; color:#03407e; font-family: Verdana,"Times New Roman", Times, serif; } #two_column #content_main p { font-family: Verdana,"Times New Roman", Times, serif; } #two_column #content_maina { padding: 10 0px; color:#03407e; font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_maina p { font-family: Verdana,"Times New Roman", Times, serif; color: navy; margin-left: 18px; font-size: 10pt; } #two_column #content_sub { display: inline; width:189px; float: left; padding-left: 20px; } #two_column #content_sub ul { padding:0; margin:0; list-style-type: none; font: 12px Verdana, Arial, Helvetica, sans-serif; } #two_column #content_sub li { padding-left: 15px; background: url(../images/bullet3.gif) no-repeat 0 4px; line-height: 16px; } #two_column #content_sub li a { color:#03407e; text-decoration: none; } #two_column #content_sub li a:hover { text-decoration: underline; } #two_column #content_sub li a:active { color : #666666; background-color: #fefefe; } #two_column #content_sub2 { display: inline; width:200px; float: left; padding-left: 20px;} #two_column #content_sub2 ul { padding:0; margin:0; list-style-type: none; font: 12px Verdana, Arial, Helvetica, sans-serif; } #two_column #content_sub2 li { padding-left: 10px; line-height: 18px; } #two_column #content_sub2 li a { color:#03407e; text-decoration: none; } #two_column #content_sub2 li a:hover { text-decoration: none; padding-left: 26px;} #two_column #content_sub3 { display: inline; width:189px; float: left; padding-left: 20px; } #two_column #content_sub3 ul { padding:0; margin:0; list-style-type: none; font: 12px Verdana, Arial, Helvetica, sans-serif; } #two_column #content_sub3 li { padding-left: 15px; background: url(../images/bullet4.gif) no-repeat 0 4px; line-height: 16px; } #two_column #content_sub3 li a { color:#03407e; text-decoration: none; } #two_column #content_sub3 li a:hover { text-decoration: underline; } #two_column #content_sub4 { width:188px; align: center; border-right-style:solid #ffffff 3; height: 633px; } #two_column #content_sub4 a { padding-left: 0px; } #two_column #content_font { display: inline; width:200px; float: center; font: 14px Calibri,Verdana, Arial, Helvetica, sans-serif; } #two_column #content_font a { color:#03407e; text-decoration: none; align: center;} #two_column #content_font a:hover { text-decoration: underline; } /* =Footer -----------------------------------------------------------------------------*/ #site_info { width: 100%; float: left; padding-bottom: 5px; margin-bottom: 5px; font-size: 0.92em; border-bottom: 1px solid #003366; } #site_info, #site_info a { color: #595959;} #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; } a.large { font-size:15px; } .new {color: #e1a500; font-weight:bold; } /* =Misc 2 -----------------------------------------------------------------------------*/ img.banner { padding-top: 2px; } #shadow { width: 850px; margin: 100px auto; position: relative; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #666666; } #bodyblock { width: 850px; position: relative; top: -3px; left: -3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; text-align: center; color: #666; background: #ff9966; } #bottomspacer { background-color: #000000; /** background: url(../images/new_/BACKwhite.jpg) repeat-y; /** background-image: url(../images/new_/BACKwhite.jpg); Link to the image you created **/ /** background-repeat: repeat-y; Repeats the image vertically **/ background-position: bottom; Centers the Background image **/ } #toprightfonts { float: right; text-align: right; position:fixed; top:30px; right:15px; text-decoration: none; } #toprightfonts a { text-decoration: none; } } #buttons img { padding: 0 0 0 0; margin: 0 0 0 0 } #buttons p { margin:0 0 0 0; padding:0 0 0 0; text-align: center; text-indent: 0; line-height: normal} #buttons a {display : block; font-family: arial; font-size: 9pt; color: #ffffff; width :182px; height: 42px; background-image : URL(../images/button1.png); background-repeat : no-repeat; text-align: center; text-decoration: none; padding: 10px 0 0 0; margin:0 0 0 0} #buttons a:hover {display: block; font-family: arial; font-size: 9pt; color: #0060ff; width :182px; height: 42px; background-image : URL(../images/button2.png); background-repeat : no-repeat; text-align: center; text-decoration: none; padding-top: 10px 0 0 0; margin:0 0 0 0} #two_column #content_a_ajax { width:510; background-color: #f0f0fe; } #two_column #content_ha { width:400px; height: 300px; float: right; padding: 0 5px 0 0; color:#03407e; font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_ha p { font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_dd { width:400px; height: 300px; float: right; padding: 0 5px 0 0; color:#03407e; font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_dd p { font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_nt { width:400px; height: 300px; float: right; padding: 0 5px 0 0; color:#03407e; font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_nt p { font-family: Arial,"Times New Roman", Times, serif; } #two_column #content_ha_leftsub { width:160px; height: 300px; float: left; padding-left: 5px; font-family: Arial,"Times New Roman", Times, serif; border:0px outset navy; } #two_column #content_ha_leftsub a { color:#03407e; text-decoration: none;} #two_column #content_ha_leftsub a:hover { text-decoration: underline;} #two_column #content_ha_leftsub a:active { color : #666666; background-color: yellow;} #two_column #content_dd_leftsub { width:160px; float: left; padding-left: 5px; font-family: Arial,"Times New Roman", Times, serif;border:0px outset navy; } #two_column #content_dd_leftsub a { color:#03407e; text-decoration: none; } #two_column #content_dd_leftsub a:hover { text-decoration: underline; } #two_column #content_dd_leftsub a:active { color : #666666; background-color: yellow; } #two_column #content_nt_leftsub { width:160px; float: left; padding-left: 5px; font-family: Arial,"Times New Roman", Times, serif; border:0px outset navy;} #two_column #content_nt_leftsub a { color:#03407e; text-decoration: none; } #two_column #content_nt_leftsub a:hover { text-decoration: underline; } #two_column #content_nt_leftsub a:active { color : #666666; background-color: yellow; } table.aboutus1 { table-layout:fixed; border-collapse:separate; empty-cells:hide; border-spacing:1px; } table.aboutus2 { table-layout:fixed; border-collapse:collapse; border-spacing:10px 50px; }