/* CSS Document */


html {
font-size: 100%;
overflow: auto;
}

body {
background: #fff url(bluebannerlong12.gif) repeat-x top center;
margin: 0;  
padding: 0; 
font-size: 62.5%;
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
text-align: center;
min-width: 700px;
}

h1, h2, h3, h4, h5, h6, h7 {
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 2px;
padding: 10px 50px 0 45px;
margin: 0; 
color: #333;
}

h1 { 
font-size: 2.6em;
}

h2 { 
font-size: 2.2em;
text-align: center;
padding: 15px 50px 0 5px;

}

h3 { 
font-size: 2em;
text-align: center;
}

h4 { 
font-size: 1.8em;
text-align: center;
letter-spacing: 1px;
padding: 15px 45px 0 10px;
color: #69c;
}

h5 {
font-size: 1.5em;
letter-spacing: 1px;
}
h5.reviews {
color: #666666;
}
h6 { 
font-size: 1.4em;
font-weight: bold;
letter-spacing: 1px;
}

a:link {
color: #936;  
text-decoration: none;
}

a:active {
color: #666;  
text-decoration: none;
}

a:visited {
color: #360;  
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: none;
}

p {
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
margin-right: 20px;
font-size: 1.3em;  
font-style: normal;  
text-align: left;  
text-indent: 0;
line-height: 140%;
letter-spacing: 1px;
padding: 8px 75px 0 45px;
color: #333;
z-index: 2;
}
p.bold {
font-weight: bold;
}
p.center {
text-align: center;
color: #fff;
}
p.legal {
font-size: 1em;
}
p.top {
padding-top: 25px;
}
p.success {
font-size: 1.6em;
font-weight: bold;
color: #936;
}

p.biog {
padding: 10px 90px 5px 70px;
}
p.reviews {
color: #663300;
font-style: italic
}
p.right{
text-align: right;
}
p.valid {
text-align: center;
}

#container {
position: relative;
background: #fff url(backshadow1.jpg) repeat-y center;
width: 800px;
margin: 0 auto;
text-align: left;
padding: 0;
}
#crossbanner {
width: 100%;
height: 142px;
text-align: center;
overflow: hidden;
z-index: 14;
}
#topbanner {
width: 100%;
height: 142px;
background: #fff url(bluebannerlong12.gif) repeat-x top center;
text-align: center;
overflow: hidden;
}
#topbanner img {
	position: absolute;
	left: 60px;
	top: -7px;
}
#navbar {
background: #fff url(backshadow1.jpg) repeat-y center;
width: 800px;
text-align: center;
margin: 0;
padding-top: 10px;
}
#navbar p {
font-family:  "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
font-size: 1.8em; 
color: #666;
text-align: center;
padding: 2px;
margin: 0;
}
#navbar a:link, #navbar a:visited {
color: #000;
background: #fff;
text-decoration: none;
padding: 2px 20px;
border: 1px solid #333;
}
#navbar a.cur:link, #navbar a.cur:visited {
color: #fff;
background: #000;
text-decoration: none;
padding: 2px 20px;
border: 1px solid #fff;
}

#navbar a:hover {
background: #000;
color: #fff;
border: 1px solid #fff;
}

#wrapper {
position: relative;
top: -8px;
width: 800px;
background: #fff url(backshadow1.jpg) repeat-y center;
}

#leftbox {
width: 395px;
float: left;
background: #fff url(leftbackground.jpg) repeat-y left;
padding-top: 15px;
}
#rightcol {
margin: 0;
padding-top: 130px;
float: right;
width: 405px;
background: #fff url(rightbackground.jpg) repeat-y right;
}
#rightcol.reviews {
padding-top: 65px;
}
#boxtop {
width: 405px;
background: #fff url(boxtop.jpg) no-repeat right top;
float: right;
height: 83px;
}
#boxmid {
width: 405px;
background: #fff url(boxmid.jpg) repeat-y right;
overflow: visible;
float: right;
}
#boxbot {
width: 405px;
background: #fff url(boxbot.jpg) no-repeat right bottom;
float: right;
height: 92px;
}

#rightcol p {
padding-right: 65px;
}

/*  ----   Biography page divs  ------   */
#pad {
height: 60px;
width: 100%;
background: #fff url(backshadow1.jpg) repeat-y center;
}

#biogright {
width: 605px;
float: right;
background: #fff url(rightbackground.jpg) repeat-y right;
}
#biogboxtop {
padding:0;
margin: 0;
height: 100px;
float: right;
background: #fff url(wideboxtop.jpg) no-repeat center top;
width: 605px;
}

#biogboxmid {
padding:0;
margin: 0;
float: right;
background: #fff url(wideboxmid.jpg) repeat-y center;
width: 605px;
overflow: visible;
}
#biogboxmid.press p {
padding: 10px 90px 5px 70px;
}

#biogboxmid.press h5 {
padding: 10px 90px 5px 70px;
} 

#biogboxbot {
padding:0;
margin: 0;
float: right;
background: #fff url(wideboxbot.jpg) no-repeat center bottom;
height: 111px;
width: 605px;
}

#biogleft {
height: 755px;
width: 195px;
background: #fff url(newbaton1.jpg) no-repeat top;
float: left;
}


/*   ----  Diary page divs    ----- 

   -----   uses #rightcol div for the right hand side of the page   ---
 */
 
#diaryrightcol {
margin: 0;
padding-top: 30px;
float: right;
width: 405px;
background: #fff url(rightbackground.jpg) repeat-y right;
}
 
#diaryleft {
width: 395px;
height: 316px;
float: left;
background: #fff url(leftbackground.jpg) repeat-y  left;
padding: 0;
margin: 0;
}

#diarybotleft {
width: 395px;
height: 421px;
background: #fff url(batonbottom.jpg) no-repeat left;
float: left;
padding: 0;
margin: 0;
}


/*    ----   gallery page divs   ----   */

#gallerymain {
width: 100%;
background: #fff url(backshadow1.jpg) repeat-y center;
}

#gallerymain img {
margin: 55px 30px 20px 0;
border: 2px solid #fff; 
}
#gallerymain img.first {
margin-left: 90px;
}
.textboxwhite {
	background: #fff;
	border: 2px solid #999;
	width: 600px;
	position: absolute;
	left: 100px;
	top: 250px;
}

.textboxwhite p {
padding: 8px 10px 8px 8px;
}

/*   -----   Footer divs   ----   */

#footer {
width: 800px;
clear: both;
position: relative;
height: 140px;
text-align: center;
background: #fff url(backshadow1.jpg) repeat-y center;
}
p.footer {
	background: #fff;
	width: 50%;
	font-size: 1.1em;
	position:absolute;
	text-align: center;
	border: 2px solid #666;
	padding: 4px 10px;
	left: 200px;
	top: 65px;
}
#subfooter {
width: 800px;
height: 36px;
text-align: center;
background: #fff url(backshadow1.jpg) repeat-y center;
}
#subfooter a, img {
text-decoration: none;
border: none;
}