/* 
Darling Street Health Centre 
site design by 3blindmice.com.au

NOTE /// background images are called in the view file

COLORS:
pale green bkgd        #DEE9C6
dk green rightnav link #158C29
red h1                 #A21024
dk grey text           #3F3F3F
l grey footer text     #8C8C8C
orange                 #D77A32

*/

body {font: 12px/18px Georgia, Palatino, Times, serif; color: #3F3F3F;}
h1 {padding: 42px 0 20px 35px; font-size: 20px; line-height: 20px; color: #A21024; font-weight: normal}
h2 {padding: 0 0 15px 35px; font-size: 14px; line-height: 14px; color: #A21024; font-weight: normal}
h3 {padding: 0 0 5px 35px; color: #1F1F1F; font-weight: normal; font: 12px/18px Geneva, Arial, Helvetica, sans-serif}
h4 {padding: 10px 50px 5px 35px; color: #1F1F1F; font-weight: bold; font: 12px/16px Geneva, Arial, Helvetica, sans-serif}
p {padding: 0 30px 15px 35px}
#text ul {padding: 0 30px 15px 60px; margin-top: 0; margin-bottom: 0}
#text li {padding-bottom: 3px; padding-right: 15px}


#container {width: 650px; position: absolute; left: 50%; margin-left: -325px;}
#main {width: 100%;}
#text {width: 500px; float: left;}
#header {border-bottom: 2px solid #FFFFFF}
#logo {width: 85px; height: 125px; position: absolute; top: 15px; right: 15px; z-index: 5;}
#treetop {background: url(..\\images\\treeoutlinebanner.png) no-repeat; width: 310px; height: 171px; position: absolute; top: 79px; left: 45px; z-index: 3}

/* round corners for top of content section */
#cnrtopleft {position: absolute; left: 0; top: 252px; width: 40px; height: 40px; z-index: 10}
#cnrtopright {position: absolute; right: 0; top: 252px; width: 40px; height: 40px; z-index: 11;}
#promobanner {position: absolute; right: 0; top: 252px; width: 230px; height: 136px; z-index: 40;}

#text a:link {color: #158C29}
#text a:hover {color: #A21024; text-decoration: underline}
#text a:visited {color: #8C8C8C}

/*  top menu  */
#menu {position: absolute; top: 180px; width: 100%; z-index: 4}
#menu ul {color: #FFFFFF; padding-left: 35px}
#menu ul li {display: inline; font: 12px/24px "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif}
#menu a {color: #FFFFFF; text-decoration: none; padding: 5px 15px 5px 0;}
#menu a:hover {color: #D77A32}
a#active {color: #D77A32}

/* right navigation */
#rightnav {width: 150px; float: left;}
#rightnav ul {font: 11px/13px "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; text-align: right; margin-left: 5px; margin-top: 40px}
#rightnav ul li {padding: 5px 15px 5px 5px; border-bottom: 1px dotted #FFFFFF}
#rightnav a {color: #158C29; text-decoration: none}
#rightnav a:hover {color: #A21024; text-decoration: none}
#rightnav a#current {color: #A21024}
#rightnav a:visited {color: #8C8C8C}
#rightnav ul li.navtop {/*font-weight: bold; */border-bottom: 2px solid #FFFFFF; text-transform: uppercase}
#rightnav p {font: 13px/16px "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; text-align: right; margin: 80px 15px 0 15px; color: #158C29; padding: 0}
#rightnav p.quoteown {color: #8C8C8C; font-size: 11px; line-height: 13px; 10px; margin-top: 5px;}

a#eventlink:visited {color: #158C29}

/* event info on home page */
#rightnav h3 {text-align: center; color: #A21024; font: 16px/16px Georgia, Palatino, Times, serif; text-transform: capitalize; padding: 0 0 5px 0; margin: 80px 0 0 0}
#rightnav p.event {margin: 10px 10px 0 10px; text-align: center}
#rightnav p.eventdate {margin: 0 10px 10px 10px; text-align: center; font-size: 10px; color: #3F3F3F}
#rightnav img {margin: 5px 0 0 62px}

#footer {font: 11px/20px "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; color: #8C8C8C; clear: both; border-top: 2px solid #FFFFFF; height: 30px; width: 650px;}
#footer p {padding: 4px 0 4px 35px}

/*  practitioner photo  */
.pracphoto {float: left; width: 110px; margin: 0 10px 5px 0; border: 1px solid #FFF}




#main table {margin-bottom: 12px}
td {text-align: left; vertical-align: middle; height: 23px}
th {text-align: left; vertical-align: bottom; background-color: #AAAAAA; height: 23px; font-weight: normal; color: #FFFFFF}
#files td {border-bottom: 1px dotted #AAAAAA; padding: 3px 5px 3px 0}
.center {text-align: center}
.italic {font-style:italic}
.newsdate {/*font-size: 10px;*/ color: #AAAAAA; font-weight: normal}