/* CSS Document */

body{
background-color:#000000;
}

#container{
width:960px;
}

#top_nav{
width:960px;
height:170px;
/* color is just for differentiation – delete when we have content 
background-color:#FF00CC;*/
}

#left_container{
float:left;
width:705px;
}

#main_pic{
width:705px;
height:280px;
clear:both;
}

#history_slideshow{
width:705px;
height:420px;
clear:both;
}

#left_col{
width:296px;
float:left;
margin-top:9px;
/* color is just for differentiation – delete when we have content 
background-color:#0000CC;*/
}

#mid_col{
width:400px;
margin-left:9px;
margin-top:9px;
float:left;
/* color is just for differentiation – delete when we have content 
background-color:#000099;*/
}

#left_col_plus_mid_col{
/*this is for pages whose left content under the top picture is NOT split up into two columns*/
width:705px;
margin-top:9px;
}

#footer{
clear:both;
padding-top:4px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

/*******************************************************************RIGHT COLUMN STUFF ****************************************************************************************/
#right_col, #right_col_history{
float:right;
padding:0px 10px 10px 10px;
background-color:#2F2F2F;
color:#FFFFFF;
width:200px;
}

#left_grey_col{
float:left;
padding:0px 10px 10px 10px;
background-color:#2F2F2F;
color:#FFFFFF;
width:260px;
}

#right_col_homepage{
float:right;
padding:0px 10px 0px 10px;
background-color:#2F2F2F;
color:#FFFFFF;
width:200px;
height:415px;
}

#right_col div, #right_col_homepage div, #right_col_history div{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:2px white solid;
}

#left_grey_col div{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:2px white solid;
}

#right_col p, #right_col_homepage p, #right_col_history p{
color:#FFFFCC;
margin:0px 0px 0px 0px;
}

#right_col .small, #right_col_homepage .small, #right_col_history .small{
color:#FFFFCC;
font:9px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
}

#right_col a, #right_col_homepage a, #right_col_history a{
color:#CCCCFF;
}

#right_col a:hover, #right_col_homepage a:hover, #right_col_history a:hover{
color: #FF6666;
}

#right_col h1, #right_col_homepage h1, #right_col_history h1{
color:#AAAAFF;
font-size:12px;
text-transform:capitalize;

}

#right_col .bottom_link, #right_col_homepage .bottom_link, #right_col_history .bottom_link{
font-weight:bold;
text-align:right;
margin-top:0px;
padding-top:0px;
}



/******************************************************************* END RIGHT COLUMN STUFF ****************************************************************************************/

/******************************************************************* SELECT A DATE GRID ********************************************************************************************/
.select_a_date_grid{
	width:290px;
	border:thin solid #FFFFFF;
}

.select_a_date_grid_popup_div{
	width:290px;
	border:thin solid #FFFFFF;
	background-color:#000000;
	padding:10px;
}

.select_a_date_line{
	color:#FFCC00;
	width:90%;
	margin-left:5%;
	border-bottom:solid thin #FFCC00;
}

.select_a_date_line_isman{
	color:#CC3333;
	width:90%;
	margin-left:5%;
	border-bottom:solid thin #FFCC00;
}

.select_a_date_line_veiled_monologues{
	color:#FFCC33;
	width:90%;
	margin-left:5%;
	border-bottom:solid thin #FFCC00;
}

.select_a_date_line_rolled_over{
	color:#FFCC00;
	width:100%;
	background-color:#4646C1;
	border-bottom:solid thin #FFCC00;
	cursor:pointer;
}

.select_a_date_line_no_border{
	color:#FFCC00;
	width:90%;
	margin-left:5%;
}

.select_a_date_line_no_border_isman{
	color:#CC3333;
	width:90%;
	margin-left:5%;
}

.select_a_date_line_no_border_veiled_monologues{
	color:#FFCC33;
	width:90%;
	margin-left:5%;
}

.select_a_date_line_rolled_over_no_border{
	color:#FFCC00;
	width:100%;
	background-color:#4646C1;
	cursor:pointer;
}

.isman_top_text{
	color:#CC3333;
}

.veiled_monologues_top_text{
	color:#FFCC33;
	margin-left:8%;
}

/******************************************************************* END SELECT A DATE GRID *****************************************************************************************/

#join_mailing_list_short_form .email_input{
	width:115px;
	font-size: 10px;
	line-height: 10px;
}

#join_mailing_list_short_form .submit_btn{
	position:relative;
	left: 4px;
	top: 4px;
}