/* This is just here for formatting purposes.  This has nothing to do with the layout. */
@import url(../CSS/defaultstyles.css);

body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin: 0;
	padding:  0;
	background-color:#EAD6DD;
}
#bodywrapper{
	position:relative;
	width: 990px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #F3EAEE;
	border: 8px #fff solid;
}
#header {
	position:relative;
	width: 990px;
	height: 201px;
	margin: 0;
	border-bottom:8px solid #EAD6DD;
	text-align:center;
	background:#fff;
	background-image:url(../images/balletheader.jpg);
}
#leftbackground {
	margin:  0; 
	padding:  0;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
	background:  url(../layoutimages/body_bg.gif) top left repeat-y #FFFFFF;
	color:  #000000;
}

#rightbackground {
	margin:  0; 
	padding:  0;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
	background:  url(../layoutimages/body_bg.gif) top right repeat-y;
}

#leftcolumn {
	float:  left;
	width:  200px;
	height:20px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left:2px;
	padding:  2px;
	text-align:center;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
	background:  #F3EAEE;
}

#rightcolumn {
	float:  right;
	width:  200px;
	height: 20px;
	margin-top: 8px;
	margin-bottom: 8px;
	Margin-right: 3px;
	padding:  2px;
	text-align:center;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
}

#contentarea {
	margin-top:  9px;
	margin-bottom:  8px;
	margin-left:  213px;
	margin-right:  215px;
	background-color:  #EAD6DD;
	height:  1%; /*  IE hack related to float:  left bug.  */
}
.content2 {
	posistion: relative;
	background-image:url(../images/contenttop.jpg); 
	height: 10px;
	}
.content3 {
	posistion:relative;
	background-image:url(../images/contentbottom.jpg);
	height: 10px;
	}
#leftcolumncontent {
	position:  absolute;
	top:  0;
	left:  0;
/* replace with the width of your left column div */
	width:  175px;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
	background:  url(../layoutimages/body_bg.gif) top right repeat-y #3F9BCF;
	color:  #FFFFFF;
}

#rightcolumncontent {
	position:  absolute;
	top:  0;
	right:  0;
/* replace with the width of your right column div */
	width:  175px;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
	background:  url(../layoutimages/body_bg.gif) top right repeat-y #3F9BCF;
	color:  #FFFFFF;
}

#columnsize {
	clear:  both;
/* this is the lowest possible value that will ensure three columns.  Do not lower this value, or your layout will break up. */
	height:  1px; 
	overflow:  hidden;
	border:  none;
	margin:  0; 
	padding:  0;
	background:  transparent;
}

#footer {
	margin:  0;
	padding:  0;
	border-top: 8px solid #EAD6DD;
/*  Replace with the width of your footer.  Optional. */
	width:  990px;
/* Replace with the height of your footer.  Optional.  */
	height:  103px;
/* Replace with the background image and colour of your footer.  */
	background:  url(../images/balletfooter.jpg);
	color:  #FFFFFF;
}
.smalls {
	position:relative;
	margin-bottom: 5px;
	background-image:url(../images/smallsheader.jpg);
	height: 61px;
}
.smalls2 {
	position:relative;
	top: -10px;
	background: #EAD6DD;
	width: 200px;
	margin: 0;
	padding-top:3px;
	Padding-bottom:3px;
	}
.smalls3 {
	position:relative;
	top: -15px;
	background-image:url(../images/smallfooter.jpg);
	height: 20px;
		}
.link {
	position:relative;
	}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#800080;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#800080;
	font-weight:100;
	}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#800080;
	}
tr {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#800080;
	}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#800080;
	font-weight:100;}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}