/********** PAGE STRUCTURE SECTION *********/

body {
    font-size: 1em;
	font-family: adobe garamond, times, serif;
    background: url(images/sand_bg.jpg);
    height:100%;
}

#stripe{
    position: fixed; 
    top: 0px;
    left: 25px;
    z-index: 1;
    background-color: #82a982;
    background: url(images/face_bg.gif);
    display: block;
   	width: 70px;
   	height: 100%;
   	float: left;
}

#container{
   position: absolute;
   left:105px;
   width:1026px;
   margin:0 auto;
}

#topbar{
   width:auto;
   display:block;
   height:90px;
   text-align: left;
   margin-left:55px;
}

#banner{
   width:auto;
   display:block;
   height:55px;
   text-align: left;
}

#main{
   width:auto;
   display:block;
   padding:10px 0;
   text-align: left;
   margin-left:65px;
}

#column_left{
   width:360px;
   margin-right:20px;
   float:left;
   text-align: left;
   overflow: hidden;
}

#column_left_index{
   width:460px;
   margin-right:20px;
   float:left;
   text-align: left;
   overflow: hidden;
}

#column_main{
   width:360px;
   margin-right:10px;
   float:left;
   text-align: left;
}

#column_right{
   width:220px;
   float:right;
   margin-top: -16px;
   text-align: left;
}

div.spacer{
   clear:both;
   height:10px;
   display:block;
}

#footer{
   width:auto;
   display:block;
   padding:10px 0;
   font-family: helvetica neue, helvetica, arial, sans-serif;
   font-size:11px;
   color:#666666;
   text-align: center;
}









/********** SPRITES SECTION *********/

#top_nav {
   width: 900px;
   height: 30px;
   padding: 0;
   margin-left: 56px;
   background-color: #000000;
   }
   
#top_nav li, #top_nav a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: .8em;
	font-family: arial, sans-serif;
	font-weight: bold;
	height: 100%;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
    display: block;
    float: left;
}

#top_nav li, #top_nav a:hover {
    color: #3FF3FF;
    text-decoration: none;
    font-size: .8em;
	font-family: arial, sans-serif;
	font-weight: bold;
	height: 100%;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
    display: block;
    float: left;
}





/********** IMAGE STYLES **********/

img.index_main{
   width: 500px;
}









/********** SEMANTIC STYLES **********/

ul.index{
   list-style: square;
   margin-left: -12px;
}

ul.index li{
   margin-bottom: 6px;
}





/********* DIV STYLES *********/

body {
    font-size: 1em;
	font-family: adobe garamond, times, serif;
    background: url(images/sand_bg.jpg);
    height:100%;
}

#content{
    width: 400px;
    float: left;
    margin-left: 26px;
    margin-top: 52px;
}

#left{
    width: 350px;
    float: left;
    margin-left: 105px;
    margin-top: 5px;
}

#left_index{
    width: 410px;
    float: left;
    margin-left: 105px;
    margin-top: 5px;
}

#content_index{
    width: 300px;
    float: left;
    margin-left: 26px;
    margin-top: 5px;
}

#content_troupe{
    width: 400px;
    float: left;
    margin-left: 106px;
    margin-top: 0px;
}

#whiteboard {
   	background-color: #FFFFFF;
    width: 780px;
	margin: 0 auto;   /* align for good browsers */
}

#navigation{
    background: url(images/wn_logo_new.png);
    background-repeat:no-repeat;
    margin-top: 16px;
    width: 100%;
    height: 145px;
    display: block;
}

#footer{
    background-color: #382734;
   	width: 100%;
   	height: 20px;
   	padding-top: 4px;
   	padding-left: 4px;
   	color: FFFFFF;
    font-size: .6em;
	font-family: arial, sans-serif;
	clear: both;
}

#stripe{
    position: fixed; 
    top: 0px;
    left: 25px;
    z-index: 1;
    background-color: #82a982;
    background: url(images/face_bg.gif);
    display: block;
   	width: 70px;
   	height: 100%;
   	float: left;
}

.black{
   	color: #000000;
}








/********** SPRITES SECTION *********/

#troupe {
   width: 600px;
   height: 250px;
   padding: 0;
   text-align: left;
   margin-top: 120px;
   margin-left: 46px;
   background-color: #94A667;
   clear: both;
   }
   
li.troupe {
   width: 280px;
   margin: 0;
   padding: 9px;
   font-size: .8em;
   list-style: none;
   float: left;
   }
   





/********* IMAGE STYLES *********/

img.display{
   	width: 200px;
   	float: left;
   	clear: left;
   	border-style: solid;
   	border-weight: 1px;
   	border-color: 000000;
   	margin-left: 120px;
   	margin-top: 40px;
}

img.display_helena{
   	width: 350px;
   	border-style: solid;
   	border-weight: 1px;
   	border-color: #105110;
   	margin-bottom: 6px;
}

img.display_noborder{
   	width: 290px;
   	float: left;
   	border-weight: 0px;
   	margin-left: 16px;
   	margin-top: 66px;
   	clear: both;
}

img.index{
   	width: 400px;
   	height: 352px;
   	border-style: solid;
   	border-weight: 1px;
   	border-color: 000000;
   	margin-top: 0px;
    margin-left: 0px;
    margin-right: 6px;
    clear:left;
}

img.troupe{
   	width: 90px;
   	border-style: solid;
   	border-weight: 1px;
   	border-color: 000000;
   	margin-top: 0px;
    margin-left: 0px;
    margin-right: 6px;
    float:left;
}








/*********** SEMANTIC STYLES **********/

h1{
    font-size: 2.5em;
	font-family: adobe garamond, times, serif;
	text-align: left;
	color: #006600;
}

h2{
    font-size: 1.75em;
	font-family: adobe garamond, times, serif;
	text-align: left;
	color: #006600;
}

h3{
    font-size: 1.25em;
	font-family: adobe garamond, times, serif;
	text-align: left;
	color: #006600;
	margin-bottom: 6px;
}

td.form_left{
	width: 175px;
	text-align: right;
    vertical-align: text-top;
}