/* Purpose: undo some of the default styling of 
common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
because underlines obscure the shapes of the lower 
halves of words */

:link,:visited { text-decoration: none; }

/* no list-markers by default, since lists are used more 
often for semantics */

ul,ol { list-style: none; }

/* avoid browser default inconsistent heading font-sizes */
h1,h2,h3,h4,h5,h6 { font-size: 1em; }

/* remove the inconsistent (among browsers) default ul,ol 
padding or margin */

/* the default spacing on headings does not match nor align 
with normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, 
blockquote as well */

/* form elements are oddly inconsistent, 
and not quite CSS emulatable. */

/* nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}


body
{
	text-align: left;
	background: url(images/sarahbg.gif) repeat;
}

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

.rollover a:hover
{ 	
	background-color: #666666;
}

pre
{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 5px 8px 5px 8px;
}

p.heading
{
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	padding: 8px 8px 8px 8px;
	background-color: #ffcc33;
	text-align: left;
	
}

p.bold {
	text-decoration: underline;
	font-weight: bold;
	}

p.important
{
	background-color: #EEEEEE;
}

pre.important
{
	background-color: #EEEEEE;
}

pre.important2
{
	background-color: #AAAAAA;
}

p
{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 5px 8px 5px 8px;
	text-align: left;
}

.photoleft {
    float:left;
	height: auto;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}

.photoright {
    float:right;
	height: auto;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}

.clear {
clear: both;
}


#wrapper
{
	width: 625px;
	height: 719px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	width: 625px;
	height: 109px;
	background: url(images/index_01.gif) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#bioheader
{
	width: 625px;
	height: 109px;
	background: url(images/bio_01.gif) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#musicheader
{
	width: 625px;
	height: 109px;
	background: url(images/music_01.gif) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#childrenheader
{
	width: 625px;
	height: 109px;
	background: url(images/children_01.gif) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#galleryheader
{
	width: 625px;
	height: 109px;
	background: url(images/gallery_01.gif) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#contactheader
{
	width: 625px;
	height: 109px;
	background: url(images/contact_01.gif) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#nav
{
	float: left;
	width: 93px;
	height: 610px;
}

#wallpaper
{
	float: left;
	width: 532px;
	height: 610px;
	background: url(images/index_03.jpg) no-repeat top left;
}

#biowallpaper
{
	float: left;
	width: 532px;
	height: 610px;
	background: url(images/bio_03.jpg) no-repeat top left;
}

#musicwallpaper
{
	float: left;
	width: 532px;
	height: 610px;
	background: url(images/music_03.jpg) no-repeat top left;
}

#childrenwallpaper
{
	float: left;
	width: 532px;
	height: 610px;
	background: url(images/children_03.jpg) no-repeat top left;
}

#gallerywallpaper
{
	float: left;
	width: 532px;
	height: 610px;
	background: url(images/gallery_03.jpg) no-repeat top left;
}

#contactwallpaper
{
	float: left;
	width: 532px;
	height: 610px;
	background: url(images/contact_03.jpg) no-repeat top left;
}

#homebutton
{
	width: 93px;
	height: 101px;
	background-color: #6fcfdc;
}

#biobutton
{
	width: 93px;
	height: 100px;
	background-color: #6fcfdc;
}

#musicbutton
{
	width: 93px;
	height: 95px;
	background-color: #6fcfdc;
}

#childrenbutton
{
	width: 93px;
	height: 105px;
	background-color: #6fcfdc;
}

#gallerybutton
{
	width: 93px;
	height: 98px;
	background-color: #6fcfdc;
}

#contactbutton
{
	width: 93px;
	height: 111px;
	background-color: #6fcfdc;
}

#blog
{
	margin-top: 82px;
	margin-left: 35px;
	display: inline;
	float: left;
	width: 460px;
	height: 505px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFF66;
	overflow: auto;
}

#bioframe
{
	margin-top: 82px;
	margin-left: 35px;
	display: inline;
	float: left;
	width: 460px;
	height: 505px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFF66;
	overflow: auto;
}

#musicframe
{
	margin-top: 82px;
	margin-left: 35px;
	display: inline;
	float: left;
	width: 460px;
	height: 505px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFF66;
	overflow: auto;
}

#childrenframe
{
	margin-top: 82px;
	margin-left: 35px;
	float: left;
	width: 460px;
	height: 505px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFF66;
	overflow: auto;
}

#galleryframe
{
	margin-top: 82px;
	margin-left: 35px;
	float: left;
	width: 460px;
	height: 505px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFF66;
	overflow: auto;
}

#contactframe
{
	margin-top: 82px;
	margin-left: 35px;
	float: left;
	width: 460px;
	height: 505px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFF66;
	overflow: auto;
}

#bioright
{
	float: right;
	height: 145px;
	margin-right: 6px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 8px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}

#bioleft
{
	float: left;
	height: 145px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}

#news01left
{
	float: left;
	height: 145px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}

#news01
{
	float: right;
	height: 145px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}

#news02
{
	float: right;
	height: 145px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
	
}

#news00
{
	float: left;
	height: 99px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 6px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
	
}

#news03
{
	float: right;
	height: 75px;
	margin-right: 8px;
	margin-top: 8px;
	border-color: #ffcc33;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	background-color: #FFFFFF;
}