/* SAS Style Sheet */

html,body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

body { 
	font-size: 76%;
	font-family: times, serif;
	color: #000;
	text-align: center;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

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

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


/* TEXT STYLES */

h1 {
    margin: 30px 0px 0px 30px;
    color: #6C6F77;
    font-size: 190%;
    font-family: times, serif;
}

h2 {
    margin: 30px 0px 0px 30px;
    color: #6C6F77;
    font-size: 140%;
    font-family: times, serif;
}

.center {
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.contactUs {
    float: right;
    color: #9CA9C1;
}

.contactUs a {
    color: #9CA9C1;
    text-decoration: underline;
}

.contactUs a:hover {
    color: #51678F;
}

#mainNav ul {
    width: 860px;
    margin: 0px auto;
}

#mainNav li {
    float: left;
    height: 43px;
    list-style: none;
    display: inline;
    line-height: 2.4em;
    font-size: 150%;
    text-align: center;
}

#nav1 {
    width: 70px;
    background: #ABC19B url(/Images/nav-left.gif) left center no-repeat;
    border-right: 1px solid #FFF;
}

#nav2 {
    width: 108px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav3 {
    width: 105px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav4 {
    width: 110px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav5 {
    width: 100px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav6 {
    width: 70px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav7 {
    width: 70px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav7:hover {
    background: #7BA55D;
}

#nav8 {
    width: 103px;
    background: #ABC19B url(/Images/nav-right.gif) right center no-repeat;
}

#nav9 {
    width: 112px;
    background: #ABC19B;
    border-right: 1px solid #FFF;
}

#nav9:hover {
    background: #7BA55D;
}

#nav1:hover {
    background: #7BA55D url(/Images/nav-left2.gif) left center no-repeat;
}

#nav2:hover,
#nav3:hover,
#nav4:hover,
#nav5:hover,
#nav6:hover,
#nav7:hover {
    background: #7BA55D;
}

#nav8:hover {
    background: #7BA55D url(/Images/nav-right2.gif) right center no-repeat;
}

#mainNav li a {
    padding: 10px 0px 11px 0px;
    color: #FFF;
    text-decoration: none;
}

div#contentLeft p {
    margin: 20px 20px 0px 30px;
    color: #6C6F77;
    line-height: 1.2em;
    font-size: 150%;
}

div#contentLeft a {
    padding: 2px 0px;
    color: #6C6F77;
    text-decoration: underline;
}

div#contentLeft a:hover {
    color: #465C83;
}

div#contentLeft ul.contentLeftLists li {
    margin: 10px 0px 10px 40px;
    color: #6C6F77;
    font-size: 120%;
}

div#contentLeft ul.contentLeftLists li a {
    text-decoration: underline;
}

div#contentLeft ul.contentLeftLists li a:hover {
    color: #465C83;
}

ul.contentLeftLists2 li {
    margin: 10px 0px 10px 50px;
    color: #6C6F77;
    font-size: 120%;
    list-style: disc;
}

div#contentRight p {
    margin: 8px 0px 0px 0px;
    padding: 0px 8px 8px 12px;
    text-align: left;
    background: #9CA9C1;
}

ul.subNavHome {
	padding: 0px 0px 0px 12px;
	margin: 8px 0px 0px 0px;
	font-size: 160%;
	text-align: left;
	background: #9CA9C1;
}

ul.subNavHome li {
	padding-bottom: 6px;
	line-height: 1.4em;
	color: #FFF;
}

ul.subNavHome a {
	color: #FFF;
	text-decoration: none;
}

div#contentRight ul {
	margin: 8px 0px 0px 0px;
	background: #9CA9C1;
}

li.subNav {
    height: 60px;
    padding: 17px 10px 17px 15px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
    font-size: 120%;
    text-align: left;
}

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

li.subNav a:hover {
    color: #FFF;
    text-decoration: underline;
}

li.subNavDocs {
    height: 120px;
    padding: 17px 10px 17px 15px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
    font-size: 120%;
    text-align: left;
}

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

li.subNavDocs a:hover {
    color: #FFF;
    text-decoration: underline;
}

div#footer p {
	margin: 0px 0px 0px 0px;
	color: #6C6F77;
	font-size: 140%;
	line-height: 1.3em;
}

div#footer p a {
    padding: 0px 1px;
    color: #000099;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

div#footer a:hover {
    color: #FBCD40;
    text-decoration: none;
    background: #000;
}

.footerBullet {
    color: #9CA9C1;
    padding: 0px 5px 0px 5px;
}



/* LAYOUT STYLES */

div#container {
	text-align: left;
	width: 860px;
	margin: 0 auto;
}

div#header {
	width: 860px;
	height: 230px;
	margin: 10px 0px 0px 0px;
}

div#nav {
	width: 860px;
	height: 43px;
	text-align: center;
	color: #FFF;
	font-family: times, serif;
}

div#content {
	float: left;
	margin: 15px 0px 0px 0px;
	width: 860px;
	background: #FFF;
	text-align: center;
}

div#contentLeft {
    float: left;
    width: 600px;
    text-align: left;
    background: #EBEEF3 url(/Images/background-main-top.gif) top center no-repeat;
}

div#contentLeftBottom {
    float: left;
    width: 600px;
    height: 30px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    background: url(/Images/background-main-bottom.gif) bottom center no-repeat;
}

div#contentRight {
    float: right;
    width: 246px;
    background: url(/Images/background-side-top.gif) no-repeat center top;
}

div#contentRightBottom {
    float: right;
    width: 246px;
    height: 6px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    background: url(/Images/background-side-bottom.gif) bottom center no-repeat;
}

div#footer {
    float: left;
    width: 860px;
    margin: 15px 0px 10px 0px;
    padding: 15px 0px 15px 0px;
    text-align: center;
    border-top: 3px solid #A7A9AC;
    border-bottom: 3px solid #A7A9AC;
}


/* HEADER STYLES */

.headerHome {
    background: url(/img/header-home.jpg) no-repeat center top;
}

.headerDirections {
    background: url(/img/header-directions.jpg) no-repeat center top;
}

.headerFAQ {
    background: url(/img/header-faq.jpg) no-repeat center top;
}

.headerLinks {
    background: url(/img/header-links.jpg) no-repeat center top;
}

.headerPatiented {
    background: url(/img/header-patiented.jpg) no-repeat center top;
}

.headerPhysicians {
    background: url(/img/header-physicians.jpg) no-repeat center top;
}

.headerProcedures {
    background: url(/img/header-procedures.jpg) no-repeat center top;
}

.headerVisit {
    background: url(/img/header-visit.jpg) no-repeat center top;
}

.headerVein {
    background: url(/img/header-vein.jpg) no-repeat center top;
}


/* IMAGE STYLES */

.logo {
    float: left;
    margin: 30px 0px 0px 0px;
}

li.subNav img,
li.subNavDocs img {
    float: left;
    margin-right: 10px;
}

.copyPhotos {
    float: left;
    margin: 0px 15px 0px 0px;
    border: 1px solid #9CA9C1;
}


/* TABLE STYLES */

.schedule {
    width: 250px;
    margin: 0px 0px 0px 30px;
    border-collapse: collapse;
}

.schedule td {
    font-size: 130%;
    color: #6C6F77;
}

div.agreeForm {
    padding-top: 30px;
    text-align: center;
}

div.agreeForm table {
    margin: 0px auto;
    text-align: center;
}

div.agreeForm tr,
div.agreeForm tr td {
    display: inline;
	margin: 0px;
	padding: 0px;
}

form#pe_agree {
    display: inline;
}

/* FAQs Lightbox Effect */
#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: #9CA9C1;
}

#mapContainer p.faqCopy a {
    color: #0033CC;
    text-decoration: none;
    font-size: 100%;
}

#mapContainer p.faqCopy  a:hover {
    color: #0000FF;
    text-decoration: underline;
}

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

#mapContent p {
    font-size: 130%;
    line-height: 1.5em;
}

#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;
}