@charset "UTF-8";
/* CSS Document */

body
{
font-size:100.1%;
background:url(../images/background.gif) #000000 no-repeat center top;
min-width:830px;
}

img
{
border:none;
}

img.story
{
float:left; 
position:relative; 
border:#CCCCCC solid 1px; 
margin:0px 10px 10px 10px;
width:300px;
}

div.wrapper
{
position:relative;
width:820px;
border:#FFFFFF solid 5px;
left:50%;
margin-left:-415px;
background-color:#FFFFFF;
}

div.content
{
width:820px;
position:relative;
background-color:#f2f2f2;

}


div.content #header
{
width:780px;
position:relative;
margin-left:20px;
}

div.content #menu
{
width:780px;
position:relative;
margin-left:20px;
margin-top:0px;
}

div.content #menu a
{
float:left;
position:relative;
display:block;
}


div.butterfly
{
position:absolute; z-index:10000; width:60px; height:60px; margin-top:115px; 
}

div.content #main
{
clear:both;
position:relative;
width:780px;
background:url(../images/content-background.jpg) #caebfa no-repeat top left;
margin-left:20px;
}



/* 3 COLUMN LAYOUT */



/* LEFT COLUMN STYLES */

div.left-column-wrapper
{ 
position:relative; 
float:left; 
width:188px; 
}

#upcoming-schedule
{ 
background:url(../images/home/leftbox-shadow.png) repeat-y top left; 
margin-top:20px; 
}

img.left-column-image
{
margin-left:-47px;
margin-top:25px;
border:none;
}


/* MIDDLE COLUMN STYLES */

div.middle-content-wrapper
{ 
position:relative; 
float:left; 
width:384px; 
}

div.middle-content-wrapper #middle-column
{
margin:20px 10px 0px 10px;
border:#FFFFFF solid 1px;
min-height:575px;
overflow:visible;
}


/* RIGHT COLUMN STYLES */
div.right-column-wrapper
{
position:relative; 
float:left; 
width:208px;  
}

div.right-column-wrapper #right-column
{
margin:20px 0px 0px 10px;
border:#ee3914 solid 1px;
background-color:#FFFFFF;
}

div.right-column-wrapper #right-column img
{
padding:10px 10px 10px 10px;
}

div.right-column-wrapper img.header-box
{
padding:0;
margin:0px 0px 0px -6px;
}

/* 2 COLUMN LAYOUT */

div.left-2column-wrapper
{ 
position:relative; 
float:left; 
width:562px; 
}

div.left-2column-wrapper #content
{
margin:20px 10px 0px 10px;
border:#FFFFFF solid 1px;
min-height:575px;
overflow:visible;
}


/* FOOTER STYLES */
div.footer
{
position:relative;
clear:both;
width:780px;
margin-left:20px;
height:30px;
}