/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #4D4D4D;
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: top center;
	background-image: url(../images/body-bg-red.jpg);
}

input,select,label,table,tr,td {
	font-size: 100%;
}

/*------------------ SPECIAL BGS -------------------*/
#bg-container {
	position:absolute;
	left:0px;
	top: 0px;
	width:100%;
	height: 462px;
	overflow: hidden;
}

#bg-one {
	position:absolute;
	left:50%;
	margin-left: -576px;
	top: 0px;
	width:91px;
	height:216px;
	background-image:url(../images/header-bg.png);
	background-position: left;
}

#home #bg-two {
	position:absolute;
	left:50%;
	margin-left: -576px;
	top: 216px;
	width:91px;
	height: 246px;
	background-image:url(../images/content-bg.jpg);
	background-position: left;
}

#bg-three {
	position:absolute;
	left:50%;
	top: 0px;
	width:100%;
	height: 218px;
	background-image:url(../images/body-repeat-bg-short.png);
	background-repeat: repeat-x;
}

#home #bg-three {
	height: 462px;
	background-image:url(../images/body-repeat-bg.png);
}

#bg-four {
	position:absolute;
	left:0px;
	top: 0px;
	width:100%;
	height: 219px;
	background-image:url(../images/body-repeat-bg2-short.png);
	background-repeat: repeat-x;
}

#home #bg-four {
	height: 462px;
	background-image:url(../images/body-repeat-bg2.png);
}


/*------------------ LAYOUT -------------------*/
#Container {
	position:absolute;
	left:50%;
	margin-left: -487px;
	top: 0px;
	width:975px;
	height: 100%;
}

#header {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 970px;
	height: 216px;
	background-image:url(../images/header-bg.jpg);
	background-position: right;
}

#header h1 {
	position:absolute;
	top: 24px;
	left: 33px;
	width: 344px;
	height: 169px;
}

#header #with-a-kick {
	position:absolute;
	top: 8px;
	left: 354px;
	width: 360px;
	height: 48px;
}

#header #wacky-singalong {
	position:absolute;
	top: 59px;
	left: 440px;
	width: 213px;
	height: 45px;
}

#header #animal-one {
	position:absolute;
	top: 8px;
	left: 772px;
	width: 190px;
	height: 208px;
}

#content {
	position:absolute;
	left:0px;
	top:216px;
	width:975px;
}

#footer {
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 975px;
	text-align: center;
	color:#FFF;
}

#home #footer {
	height: 132px;
}

#home #footer p {
	position: relative;	
	bottom: -140px;
}

#footer #animal-three {
	position:absolute;
	left: 356px;
	bottom: -6px;
	width: 183px;
	height: 216px;
}

#footer h2 {
	position:absolute;
	left: 542px;
	top: 35px;
	width: 370px;
	height: 31px;
}

#footer form {
	position:absolute;
	left: 542px;
	top: 77px;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	margin-right: 7px;
}

#footer a {
	color: #FFF;
	text-decoration: underline;
}

/*------------------ NAV -------------------*/
#nav {
	position:absolute;
	left: 415px;
	top: 148px;
	width: 495px;
	height: 102px;
}

#nav ol {
	padding:0px;
	margin: 0px;
}

#nav ol li {
	position: relative;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 94px;
	height: 68px;
	background-image:url(../images/nav-bg.png);
	background-position: top;
	list-style-type: none;
}

#nav ol li.ActivePage {
	background-position: center 68px;
}

#nav ol li a {
	width: 94px;
	height: 68px;
	text-decoration:none;
	color: #FFF;
	font-weight: bold;
}

#nav ol li a span {
	float: left;
	text-align: center;
	margin-top: 3px;
	padding: 4px;
	display: block;
	width: 86px;
}

#nav ol li a:hover span {
	text-decoration: underline;
}

#nav ol li.row1 {
	left: 48px;
}

#nav ol li.row1.dummy {
	visibility: hidden;
}

#nav ol li.row2 {
	top: -34px;
	height: 34px;
}

#nav ol li.row2.newRow {
	clear: both;
}

/*------------------ TEXT -------------------*/
#content a {
	color: #69abe4;
}

#content p, #footer p, #home #content h2 {
	margin: 7px 0px 7px 0px;
}

#content ol, #content ul {
	margin: 7px 0px 7px 0px;
	padding: 0px;
}

#content li {
	margin: 0px 0px 7px 24px;
}

#home #content li {
	list-style-type: none;
}

.smaller {
	font-size: 95%;
}

#content h3 {
	color: #034285;
}

/*------------------ FORMS -------------------*/
form button {
	background: none;
	border: none;
}

#home form button {
	margin-top: -1px;
}

#home form label {
	float: left;
	width: 85px;
	text-align: right;
	padding-top: 7px;
	margin-right: 6px;
}

#home form input {
	float: left;
	font-size: 11px;
	width: 188px;
	height: 15px;
	margin-right: -3px;
}

/*-------------- CLASSES BELOW USE BODY #ID TO TARGET SPECIFIC PAGE STYLES -------------*/
/*------------------ HOMEPAGE -------------------*/
body#home {
	background-image: url(../images/body-bg.jpg);
}

#home #Container {
	height: 592px;
	border-bottom: 3px solid #838383;
}

#home #content {
	height: 246px;
	background-image:url(../images/content-bg.jpg);
	background-position: right;
}

#home #content #laura {
	position:absolute;
	left:19px;
	top:-55px;
	width:381px;
	height: 431px;
}

#home #content .BlockContent {
	position:absolute;
	left:315px;
	top:70px;
	color: #fff12d;
	font-size: 140%;
	z-index: 99;
}

#home #content #PageContent h2 {
	display: none;
}

#home #content #PageContent .BlockContent h2 {
	font-weight: normal;
	display: block
}

#home #content .BlockContent li {
	margin: 14px 0px 14px 0px;
	font-weight: bold;
}

#home #content .BlockContent li a {
	color: #fff12d;
	text-decoration: none;
}

#home #content .BlockContent li a:hover {
	text-decoration: underline;
}

#home #callout {
	position:absolute;
	left:575px;
	top: 18px;
	width:337px;
	height: 205px;
	border: 2px solid #91131e;
	background-color: #FFF;
	background-image:url(../images/callout-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#home #callout #thumb {
	float: left;
	margin: 13px 0px 0px 14px;
}

#home #callout p {
	position: absolute;
	bottom: 0px;
	left: 14px;
	font-size: 130%;
	color:#3fbfef;
	line-height: 19px;
	font-weight: bold;
}

#home #callout #click-here {
	position: absolute;
	bottom: 8px;
	right: 7px;
}

#home #callout #animal-two {
	position:absolute;
	right:-48px;
	bottom:-10px;
	width:216px;
	height: 206px;
}

#home #footer {
	color: #4D4D4d;
}


/*------------------ TEXTPAGE -------------------*/
#content {
	height: 100%;
}

.mp3Preview {
	display: inline;
	position: relative;
	left: 7px;
}