/* Halpin Eye Center Style Sheet */

html {
	margin: 0px;
	padding: 0px;
	background: #FFF;
}

body { 
	margin: 0px;
    padding: 0px;
	font-family: times, serif;
	font-size: 62.5%;
	color: #000;
	text-align: center;
}

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: left;
    height: 0px;
    margin: 0px;
    padding: 0px;
}



/* TEXT STYLES */

h1 {
    margin: 0px;
    padding: 0px;
    color: #92278F;
    font-size: 230%;
    text-align: left;
    font-weight: normal;
}

h2 {
    margin: 0px 0px 10px 20px;
    padding: 0px;
    color: #92278F;
    font-size: 210%;
    text-align: left;
    font-weight: normal;
}

h3 {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    color: #92278F;
    font-size: 160%;
    text-align: left;
    font-weight: normal;
}

h4 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #92278F;
    font-size: 210%;
    text-align: left;
    font-weight: normal;
}

h5 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #92278F;
    font-size: 160%;
    text-align: left;
    font-weight: normal;
}

.purple {
    color: #92278F;
}

.blue {
    color: #0079C2;
}

.underConstruction {
    margin: 50px 0px 0px 0px;
    font-size: 170%;
    text-align: center;
}


/* NAVIGATION STYLES */

#nav ul {
    width: 850px;
    margin: 0px auto;
    padding: 0px;
    color: #000;
}

#nav li {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
    font-size: 140%;
    line-height: 1.6em;
}

#navcapLeft {
    width: 14px;
    height: 51px;
    background: #1C63B2 url(/Images/navcap-left.png) no-repeat top left;
}

li#navLink1 {
    width: 58px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink2 {
    width: 98px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink3 {
    width: 92px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink4 {
    width: 112px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink5 {
    width: 106px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink6 { /* this ID is no longer used since FAQ link was deleted */
    width: 54px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink7 {
    width: 126px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink8 {
    width: 62px;
    height: 20px;
    margin: 16px 0px 0px 0px;
    border-right: 1px solid #FFF;
}

li#navLink9 {
    width: 106px;
    height: 20px;
    margin: 16px 0px 0px 0px;
}

#navcapRight {
    width: 14px;
    height: 51px;
    background: #1C63B2 url(/Images/navcap-right.png) no-repeat top right;
}

#nav li a {
    color: #FFF;
    text-decoration: none;
}

#nav li a:hover {
    text-decoration: underline;
}

#nav li a.noBorder {
    border-right: none;
}

p {
    color: #000;
    font-size: 126%;
    text-align: left;
}


/* PAGE TEXT STYLES */

p.home {
    font-size: 140%;
}

p.doctorHome {
    width: 400px;
    margin: 0px 0px 20px 430px;
    font-size: 170%;
}

p.doctorBio {
    width: 505px;
    margin: 0px 25px 0px 320px;
    font-size: 140%;
}

.doctorName {
    color: #92278F;
    font-size: 140%;
}

ul.doctorResumeList {
    width: 495px;
    margin: 0px 15px 20px 340px;
    padding: 0px;
    color: #000;
    text-align: left;
    font-size: 130%;
}

ul.doctorResumeList li {
    margin: 2px 0px 3px 0px;
}

div.procedures {
    margin: 8px 0px 20px 430px;
}

p.procedures,
p.procedureLinks {
    width: 400px;
    margin: 0px 0px 20px 20px;
    font-size: 170%;
}

p.procedureLinks a {
    color: #0079C2;
    text-decoration: none;
}

p.procedureLinks a:hover {
    color: #FFF;
    background: #0079C2;
}

p.patientEd {
    width: 810px;
    margin: 0px 0px 20px 20px;
    font-size: 140%;
}

ol.patientEdList,
ul.patientEdList {
    margin: 10px 0px 25px 15px;
    color: #000;
    text-align: left;
    font-size: 134%;
}

ol.patientEdList li,
ul.patientEdList li {
    margin: 2px 0px 3px 0px;
}

p.faq1col {
    width: 810px;
    margin: 0px 0px 20px 20px;
    font-size: 140%;
}

div.columnLeft a,
div.columnRight a {
    color: #000;
    text-decoration: none;
    font-size: 140%;
}

div.columnLeft a:hover,
div.columnRight a:hover {
    color: #FFF;
    background: #0079C2;
}

p.faqCopy {
    font-size: 140%;
    line-height: 1.6em;
}

div.links {
    margin: 8px 0px 20px 330px;
}

p.links {
    width: 450px;
    margin: 0px 0px 20px 20px;
    font-size: 170%;
    line-height: 1.4em;
}

p.links a {
    color: #000;
    text-decoration: none;
}

p.links a:hover {
    color: #FFF;
    background: #0079C2;
}

div#footer p {
    margin: 20px 0px 20px 0px;
    text-align: center;
    color: #FFFFFF;
}



/* LAYOUT STYLES */

div#container {
	width: 850px;
	height: 696px;
	margin: 0px auto;
	text-align: center;
	background: url(/Images/background-eyes.jpg) no-repeat top right;
}

div#header {
    float: left;
    width: 850px;
    height: 220px;
    /*background: url(/Images/background-logo.gif) no-repeat top center;*/
}

div#mainContent {
    float: left;
    width: 850px;
    height: 360px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    overflow: auto;
}

div#home {
    float: left;
    width: 790px;
    margin: 60px 30px 50px 30px;
    padding: 0px 0px 0px 0px;
}

div#myOffice {
    float: left;
    width: 850px;
    margin: 86px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#myDoctor {
    float: left;
    width: 830px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

div.faq2col {
    width: 810px;
    margin: 0px 0px 20px 20px;
}

div.blueBox {
    width: 200px;
    margin: 0px 0px 20px 0px;
    padding: 10px 10px 6px 10px;
    color: #FFF;
    font-size: 140%;
    background: #0963B0;
}

div.columnLeft {
    float: left;
    width: 380px;
    margin: 0px 0px 20px 20px;
    text-align: left;
    clear: left;
}

div.columnRight {
    float: right;
    width: 380px;
    margin: 0px 0px 20px 0px;
    text-align: left;
    clear: right;
}

div#contactForm {
    float: left;
    margin: 0px 0px 0px 30px;
}

div#presubnav, div#subnav {
    float: left;
    width: 810px;
    height: 106px;
    margin: 0px 20px 0px 20px;
}

div#subnav {
    background: #5E5F60 url(/Images/subnav-background.png) repeat-x left bottom;
}

div#nav {
    float: left;
    width: 850px;
    height: 51px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    background: #1C63B2 url(/Images/background-nav.png) repeat-x left top;
}

div#footer {
    float: left;
    width: 850px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
    text-align: center;
    background: #AEB0B3 url(/Images/background-footer.gif) repeat-x top left;
}


/* FUN HOUSE PAGE STYLES */

.funHouseText {
    float: left;
    width: 240px;
    height: 244px;
    font-size: 140%;
    text-align: left;
}

.funHouseText span.headline {
    font-size: 170%;
}

.funHouseColumn {
    float: left;
    width: 175px;
    height: 244px;
    margin: 0px 0px 20px 10px;
    font-size: 110%;
    text-align: center;
}

.funHouseColumn a {
    color: #000000;
    text-decoration: none;
}

.funHouseColumn a img {
    text-decoration: none;
}

.funHouseColumn a:hover {
    text-decoration: underline;
}

.funHouseColumn2 {
    float: left;
    width: 220px;
    height: 244px;
    margin: 0px 0px 20px 10px;
    text-align: left;
}

.funHouseColumn2 p {
    margin: 0px 0px 0px 8px;
    font-size: 110%;
}

.funHouseColumn2 a {
    text-decoration: none;
}

.funHouseColumn2 a img {
    text-decoration: none;
}

.funHouseColumn2 a:hover {
    text-decoration: underline;
}


/* IMAGE STYLES */

.topFrameMargin {
    margin: 9px 0px 0px 0px;
}

#homeIcon {
    margin: 8px 0px 0px 0px;
}

#giveawaysHeader,
#newsHeader {
    margin: 0px 0px 15px 0px;
}

.specialsHeader {
    margin: 0px 0px 0px 0px;
}

.photoRight {
    float: right;
    margin: 0px 0px 0px 20px;
}

.photoLeft {
    float: left;
    margin: 0px 0px 0px 20px;
}

.doctorPhoto {
    float: left;
    margin: 0px 0px 15px 20px;
}

.award {
    float: left;
    padding: 0px 10px 0px 100px;
}

.doctor {
    float: left;
    padding: 0px 10px 0px 100px;
}

div#footer img {
    margin: 10px 0px 20px 0px;
}

div#footer img.funHouseLink {
    float: right;
    clear: right;
    margin: 0px;
}

div.flashFrame1 {
    float: left;
    width: 426px;
    height: 360px;
    background: url(/img/doctors-page.png) no-repeat center top;
}

div.flashFrame2 {
    float: left;
    width: 426px;
    height: 360px;
    background: url(/img/procedures-page.png) no-repeat center top;
}

div.flashFrame3 {
    float: right;
    width: 426px;
    height: 360px;
    background: url(/img/patient-ed-page.png) no-repeat center top;
}

div.flashFrame4 {
    float: left;
    width: 426px;
    height: 360px;
    background: url(/img/links-page.png) no-repeat center top;
}

div.flashFrameHP {
    float: right;
    width: 426px;
    height: 360px;
}


/* TABLE STYLES */

table.locations {
    text-align: left;
}

table.locations td {
    padding: 10px 0px 0px 8px;
    vertical-align: top;
    line-height: 1.7em;
}

table.locations td img {
    margin-right: 20px;
}

table.locations td a {
    margin: 8px 20px 0px 0px;
    padding: 3px 2px 3px 2px;
    color: #FFF;
    text-decoration: none;
    font-size: 100%;
}

table.locations td a:hover {
    background: #454647;
}

table.locations td a.docLink {
    margin: 16px 20px 0px 0px;
    font-size: 145%;
    line-height: 1.7em;
}

table.locations td a.officeLink {
    margin: 0px 20px 0px 0px;
    font-size: 155%;
    line-height: 1.8em;
}

.loading {
    width: 64px;
    height: 500px;
    margin: 0px auto;
    background: url(/Images/loading.gif) center center no-repeat;
}



/* CONTACT FORM STYLES */

div#contactForm table td {
    text-align: left;
    font-size: 140%;
    padding: 5px 10px 0px 0px;
}

div#contactForm input, div#contactForm textarea {
    border: 1px solid #a1a1a1;
    background: #e1e1e1;
}

div#contactForm input:hover, div#contactForm textarea:hover {
    border: 1px solid #bababa;
    background: #eaeaea;
}



/* myOFFICE LIGHTBOX STYLES */

#outerMap {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 90;
    background: black;
    opacity: 0.6;
    left: 0;
    top: 0;
}

#mapContainer {
    width: 600px;
    left: 25%;
    top: 10%;
    margin: 0px auto;
    padding: 20px;
    position: absolute;
    background: #FFF;
    border: 2px solid #592170;
    z-index: 100;
    text-align: left;
}
#mapContainer a {
    margin: 0px 0px 20px 0px;
    color: #999;
    text-decoration: none;
    font-size: 130%;
}

#mapContainer a:hover {
    color: #92278F;
}

#map {
    width: 400px;
    float: left;
}

#mapContent {
}

#mapHeader {
    float: left;
    width: 300px;
    margin: 15px 0px 0px 0px;
    text-align: left;
}

#mapSidebar {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 20px;
    text-align: left;
    border-left: 2px solid #592170;
}

#mapSidebar p {
    margin: 0px 0px 10px 0px;
    text-align: left;
    font-size: 140%;
    line-height: 1.4em;
}

#mapContainer #mapSidebar p a {
    color: #92278F;
    font-size: 110%;
    text-decoration: none;
}

#mapContainer #mapSidebar p a:hover {
    text-decoration: underline;
}

.lbHead {
    margin: 0px 0px 10px 0px;
    font-size: 160%;
    font-weight: bold;
}

.lbPhone {
    margin: 10px 0px 10px 0px;
    font-size: 150%;
}

.circle {
    color: #105F40;
}