html,
body {
 	height:100%;
	margin:0px;
	background: white;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size: 14px;
	color:#153374;
}
body {
	min-width: 810px;
}
#wrap {
	margin: 0 auto;
	width: 810px;
}
#header {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	float:left;
}
#nav {
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
	width: 810px;
	height: 285px;
	position:relative;
	background: url(images/nav/bg.gif) top left no-repeat;
}
#navsecret {
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
	width: 810px;
	height: 285px;
	position:relative;
	background: url(images/bgsecret.gif) top left no-repeat;
}

#main {
	float: right;
	text-align: left;
	width: 450px;
	position:relative;
	color: #000;
	padding-right: 30px;
}
#main_singlecolumn {
	float: none;
	text-align: left;
	width: 810px;
	position:relative;
	color: #000;
}
#half_singlecolumn {
	float: left;
	text-align: left;
	width: 810px;
	color: #000;
}
#main_singlecolumn h2
{
	text-align:right;
}

#sidebar {
	float: left;
	width: 300px;
	text-align:center;
}
#footer {
	clear: both;
	color: #A22A37;
	font-weight:bold;
	text-align:center;
	padding: 30px 0 50px 0;
}
h2, h3, p {
    padding: 0px 20px;
    }
h3, #sidebar p {
    padding:0 10px 0 0;
    }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #136BD3;
	text-align:left;
}

p {
	padding: 0px 30px;
}

a:link, a:visited {
	text-decoration:none;
	color: #FF002D;
}
a:hover {
	color: #FEC012;
}

.popbox1 {
	font-size: 16px;
	font-weight:bold;
	font-style: italic;
	padding: 20px 55px;

}

.popbox2 {
	font-size: 16px;
	font-weight:bold;
	font-style: italic;
	padding: 20px 55px 40px 55px;
	background: url(images/wiggle3_hori.gif) center bottom no-repeat;
}

img {
	border: 0px;
}
.inline {float: left;}

#footer img {
	border: 0px;
	margin: 10px;
}
.copyright {
	font-size: 9px;
	font-weight: normal;
}
.photo {
	margin: 15px;
}
.video {
margin: 25px 0px;
}
.caption {
	font-weight: bold;
	text-align:center;
	font-style: italic;
	font-size: smaller;
}
.divider {
	width: 810px;
	text-align: center;
	clear:both;
	margin: 30px 0;
}
.center {
	width: 100%;
	text-align: center;
	clear:both;
	margin: 30px 0;
}


ul {
list-style-image: url(images/bullet.gif);
}
ul li {
margin: 8px;
}
/*CONTENT PAGE SETTINGS*/

#bio h2, 
#bio h3,
#bio .popbox1,
#bio .popbox2 {
	color: #45B3E0;
}

#books h2, 
#books h3,
#books .popbox1,
#books .popbox2,
#books .caption
 {
	color: #80CD21;
}

.submenu 
  {
	color: #FF002D;
	text-align:center;
	font-size:22px;
	padding: 15px 0;
	font-family:Georgia, Times New Roman, serif;
} 
.submenu a
{
color: #ce6a5a;
}
.sidemenu 
  {
	color: #222222;
	font-size:12px;
	padding: 15px 0;
	font-family:Georgia, Times New Roman, serif;
	text-transform: uppercase;
} 

.sidemenu a:link,
.sidemenu a:visited
{
color: #222222 !important;
}

.sidemenu a:hover
{
font-weight: bold;
}


#art h2, 
#art h3,
#art .popbox1,
#art .popbox2,
#art .caption {
	color: #E83478;
}

#theatre h2, 
#theatre h3,
#theatre .popbox1,
#theatre .popbox2,
#theatre .caption {
	color: #58820D;
}
#theatre .center {
	text-align: center;
}
#media h2, 
#media h3 {
	color: #AF3BC5;
	text-align:center;
}
#media .popbox1 {
	color: #AF3BC5;
}

#media img {
	margin: 15px 0;
}

#awards h2, 
#awards h3,
#awards .popbox2,
#awards .caption {
	color: #0B67D7;
}

#appearances h2, 
#appearances h3,
#appearances .popbox1,
#appearances .popbox2 {
	color: #5B950B;
}

#sting h2, 
#sting h3,
#sting .popbox1 {
	color: #7C5151;
}

#contact h2, 
#contact h3,
#contact .popbox1 {
	color: #B449DB;
}

#secret h2, 
#secret h3,
#secret .popbox1,
#secret .popbox2,
#secret .caption {
	color: #F2681C;
}
#secret2 h2, 
#secret2 h3,
#secret2 .popbox1,
#secret2 .popbox2,
#secret2 .caption {
	color: #E2425E;
}

#secret2 .center {
	text-align: center;
}

#secret3 h2, 
#secret3 h3,
#secret3 .popbox1,
#secret3 .popbox2,
#secret3 .caption {
	color: #f5882d;
}


/*SPLASH STYLES*/

table {
	text-align: center;
	height: 100% !important;
	width: 100% !important;
	background-color: transparent;
}

#container {
	text-align: left;
	height: 599px;
	width: 810px;
	position:relative;
	background: url(images/splash/splash.gif) top left no-repeat;
}

#bird_ani img {
	position: absolute;
	top: 9px;
	left: 75px;
}
a#smk img {
	position: absolute;
	top: 490px;
	left: 130px;
	width: 550px;
	height: 109px;
}

a#teapot img {
	position: absolute;
	top: 3px;
	left: 314px;
	width: 135px;
	height: 77px;
}

a#teacup img {
	position: absolute;
	top: 66px;
	left: 443px;
	width: 62px;
	height: 47px;
}

a#button img {
	position: absolute;
	top: 232px;
	left: 413px;
	width:19px;
	height:20px;
}

a#brolly img {
	position: absolute;
	top: 14px;
	left: 575px;
	width:139px;
	height:258px;
}

a#patch img {
	position: absolute;
	top: 342px;
	left: 475px;
	width:44px;
	height:48px;
}

a#plant img {
	position: absolute;
	top: 288px;
	left: 640px;
	width:132px;
	height:182px;
}

a#brushes img {
	position: absolute;
	top: 360px;
	left: 581px;
	width:53px;
	height:112px;
}

a#mutt img {
	position: absolute;
	top: 300px;
	left: 210px;
	z-index: 1;
	width:190px;
	height:170px;
}

a#flower img {
	position: absolute;
	top: 401px;
	left: 175px;
	z-index:3;
	width:41px;
	height:68px;
}

a#bird img {
	position: absolute;
	top: 100px;
	left: 190px;
	width:92px;
	height:69px;
}

a#girl img {
	position: absolute;
	top: 192px;
	left: 64px;
	z-index: 2;
	width:122px;
	height:285px;
}
/*NAV STYLES*/

#navtitle {
	position: absolute;
	top: 9px;
	left: 40px;
	width: 179px;
	height: 67px;
	z-index: 1;
}
#birdnav img {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 114px;
	height: 44px;
	z-index: 11;
}

#beenav img {
	position: absolute;
	top: 79px;
	left: 15px;
	width: 77px;
	height: 88px;
	z-index: 2;
}
#flowernav img {
	position: absolute;
	top: 167px;
	left: 61px;
	width:67px;
	height:91px;
	z-index: 8;
}

#girlnav img {
	position: absolute;
	top: 67px;
	left: 129px;
	z-index: 10;
	width:108px;
	height:150px;
}
#plantnav img {
	position: absolute;
	top: 8px;
	left: 237px;
	width:121px;
	height:184px;
	z-index: 6;
}
#muttnav img {
	position: absolute;
	top: 46px;
	left: 359px;
	z-index: 5;
	width:144px;
	height:149px;
}

#brushesnav img {
	position: absolute;
	top: 20px;
	left: 503px;
	width:62px;
	height:127px;
	z-index: 4;
}


#teapotnav img {
	position: absolute;
	top: 8px;
	left: 564px;
	width: 128px;
	height: 107px;
	z-index: 3;
}


#teacupnav img {
	position: absolute;
	top: 114px;
	left: 564px;
	width: 126px;
	height: 53px;
	z-index: 9;
}


#brollynav img {
	position: absolute;
	top: 36px;
	left: 690px;
	width:94px;
	height:221px;
}




