/***************************************************************
screen styles for Kawana Private hospital
2009.08.23 -- Michael Burke
----------------------------------------------------------------
website		:	http://kawanaprivate.com.au/
test url		:	http://members.iinet.net.au/~bearfacts@powerup.com.au/kph/
my url      :  http://www.bearfacts.com.au
version		:	2009.08.23	v.1
author		:	Michael Burke
browsers		:  Safari (Mac/Win)
               Firefox (Mac/Win)
               IE 7 (Win)
----------------------------------------------------------------
colours
f6f5ea - pale
e0deb5 - olive pale
b2af5e - olive light
5e5d00 - olive dark
232305 - olive darkest
eb6800 - orange
----------------------------------------------------------------
`LAYOUT | `HEADERS | `PARAGRAPHS | `LINKS | `PICS | `ELEMENTS
***************************************************************/

* {
	padding: 0;
	margin: 0;
}

body {
	font: normal normal 100%/130%  Helvetica, sans-serif;
	color: #232305;
	background: #fff;
}

/*** `LAYOUT ***/
#all {
   
}

#header {
   margin: 1em 0;
}

#logo {
   background: url(../pics/logo.png) no-repeat;
   width: 900px;
   height: 102px;
   margin: 0 auto;
}

#nav {
   background: url(../pics/nav-bg.png) repeat-x;
   height: 30px;
}

#main {
   width: 900px;
   margin: 0 auto;
   padding: 0;
   background: url(../pics/main-bg.png) no-repeat;
   min-height: 400px;
}

#copy {
   width: 500px;
   float: left;
   padding: 0 20px;
}

#sidebar {
   width: 300px;
   float: left;
   position: relative;
}

#sidebar img {
   margin-top: 40px;/* was 120 */
   float: right;
}

#sidebar img.surgeon-pic {
   margin-top: 340px;
}

#sidebar img.mainpic {
   margin-top: 40px;
   float: right;
}

#google {
   position: absolute;
   bottom: -150px;
   right: 0;
}

#sidebar #google p { 
   clear: both;
   font-size: 80%;
   text-align: right;
   padding: 10px 0 0 0;
}

#filler {
   height: 10em;
   clear: both;
}

#footer {
   text-align: center;
   width: 900px;
   margin: 0 auto;
   color: #b2af5e;
   height: 100px;
   background: url(../pics/logo-reverse.png) right center no-repeat;
   font-size: 90%;
   clear: both;
   padding-top: 30px;
}

iframe {
   margin-left: 60px;
}

#surgeons {
   padding-top: 1em;
}

#surgeons div {
   padding: 0 .5em;
   margin-left: 60px;
   margin-right: 10px;
   height: 24px;
}

#surgeons div.odd {
   background: url(../pics/dr-bg.png) repeat-x;
}

div.write {
   float: left;
   font-size: 90%;
}

div.nsw {
   font-size: 90%;
   text-align: right;
}

/*** HEADERS ***/
h2, h3 {
   color: #5e5d00;
   padding: 40px 0 10px 60px;
}

h2 {
   font-size: 130%;
}

h2.potential-surgeons {
   padding-top: 120px;
}

h2 span {
	font-size: 60%;
	font-weight: normal;
}/* extra txt in h2 */

h3 {
   font-size: 110%;
}

/*** TXT ***/
#main p {
   padding: 10px 10px 10px 60px;
}

p.blurb {
   color: #68670d;
}

#sidebar p {
   font-size: 90%;
   font-style: italic;
   float: right;/* align to right edge of pic */
   white-space: nowrap;/* for long links */
}

#surgeons div p.doc {
   padding: 0;
   float: left;
}

#surgeons div p.specialty {
   padding: 0;
   float: right;
   color: #464646;
}

#surgeons div p a { display: block; }

.docform {
   width: 585px;
   height: 50px;/* doc.jpg = 40 px */
   position: relative;
}/* KPH download div with icon */


.docform img {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
}/* KPH doc icon */

/*** LISTS ***/
ul,
ol {
   list-style: none;
   width: 900px;
   margin: 0 auto;
}

ul li {
   float: left;
   display: block;
}

li#copyright {
   float: right;
}

ol {
   padding-left: 60px;
   color: #464646;
}

/*** NAV LINKS ***/
#nav a {
   display: block;
   height: 30px;
   line-height: 30px;
   padding: 0 1.2em;
   white-space: nowrap;/* for "us" in contact link */
}

#nav a:link,
#nav a:visited {
   text-decoration: none;
   color: #f6f8e6;
   background: url(../pics/leaf.png) 0 50% no-repeat;
}

#nav a:hover {
   text-decoration: underline;
   color: #fff;
   background: url(../pics/leaf-hover.png) 0 50% no-repeat;
}

#nav a:active {

}

#nav li:first-child {
   margin-left: 60px;
}

/*** MAIN LINKS ***/
#main a:link,
#main a:visited  {
   color: #68670d;
   text-decoration: none;
}

#main a:hover {
   color: #b2af5e;
   text-decoration: underline;
}

#main a:active {

}

/*** FOOTER LINKS ***/
#footer ul {
   width: 87%;
}

#footer li { padding-top: 40px; }

#footer a {  }

#footer a:link,
#footer a:visited {
   color: #68670d;
   text-decoration: none;
   display: block;
   padding: 0 1.2em;
   background: url(../pics/leaf-footer.png) 0 50% no-repeat;
}

#footer a:hover {
   text-decoration: underline;
   color: #b2af5e;
   background: url(../pics/leaf.png) 0 50% no-repeat;
} 

#footer a:active {
   
} 

/** current **/
#index .index a,
#about .about a,
#facility .facility a,
#oursurgeons .surgeons a,
#yourstay .yourstay a,
#opportunities .opportunities a,
#contact .contact a,
#suppliers .suppliers a,
#links .links a,
#map .map a,
#staff .staff a
 {
   background: url(../pics/leaf-current.png) 0 50% no-repeat;
}

/*** PICS ***/
a img {
   border: 0;
}/* clobber border on image links in FF */

a:focus {
   outline: none;
}/* clobber dotted outline on active image links in FF */

/*** `ELEMENTS ***/
.bold {
   font-weight: bold;
}

.pale {
   color: #464646;
   font-size: 90%;
}

.contact {
	float: left;/* so inline takes width */
	width: 5em;
}/* home page */

.contactname {
	float: left;
	width: 10em;
}/* contact page */

.resumes {
	float: left;
	width: 12em;
}/* opportunities page */

/*--------------------
colours
f6f5ea - pale
e0deb5 - olive pale
b2af5e - olive light
5e5d00 - olive dark
232305 - olive darkest
eb6800 - orange
--------------------*/