/*Summer of the Arts Formatting Styles ***********/

/****** GENERAL STYLES ***********/
body, table{
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:11px;
color:black;
background:white;
}
body.mainbody{
background-color:#005FA4;
margin-top:0px;
}
A {COLOR: #000000; 
text-decoration: underline;  
text-align: left;
line-height: 1.3;
}
A:hover {COLOR: #FFFFFF; 
text-decoration: none; 
background-color: #333333; text-align: left;
line-height: 1.3;}


.sota{background-color:#333333; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.jazz{background-color:#003E7E; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.arts{background-color:#E41815; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.conc{background-color:#007D5B; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.movi{background-color:#FFD512; font-family:Tahoma, Arial, Helvetica, sans-serif;}
/***** LAYOUT STYLES ****/
table#container{
width:760px;
margin:10px auto;
}

tr.header{
}

td#headerimage {
    height: 70px;
    width: 680px;
	background: url(/images/sota/jazz_words.gif) no-repeat #FFFFFF;
}
/**controls which sidebar content appear**/
div#SotaSidebar {
            display: none;
}
div#ConcertSidebar
{
            display: none;
}
div#MovieSidebar {
            display: none;
}
div#ArtsSidebar {
            display: none;
}
div#JazzSidebar {
            display: block;
}



tr.middle{
background:#E6E6E6;
margin:0px;
}

tr.middle td div#main{
background:#fff url(../images/sota/navbar-bkgd.jpg);
margin: 0 0 5px 0;
}

.subnavborder{
float:left;
width:144px;
padding-left: 3px;
padding-right: 6px;
}

tr.middle td div#content{
width:565px;
float:left;
margin:0 0 0 20px;
}

tr.footer{
}

/**** HEADER GRAPHIC *****/
tr.header td h1{
margin:0 0 5px 0;padding:0;
display:inline;
}
/*tr.header td h1 a{
width:700px;height:60px;
display:block;
background:url(../images/sota/SotA_words.gif) no-repeat;
border:0;
}
tr.header td h1 a b{
display:none;
}

/***** MAIN NAVIGATION *****/
#nav{
clear:both;
width:694px;
margin:0 0 5px 0;padding:0;
background:#FFFFFF;
float:left;
border:0px solid white;
position:relative;
}
ul#mainnav{
margin:0;padding:0;
float:right;
}
ul#mainnav li{
list-style:none;
float:left;
display:inline;
}
ul#mainnav li a{
color:white;
text-decoration:none;
padding:.6em 1em;
font-size:11px;
text-transform:uppercase;
border-left:1px solid black;
display:block;
}
ul#mainnav li a:hover{
background: #000000 top repeat-x;
}

ul#mainnav li a.movi {color:#000099;}
ul#mainnav li a.movi:hover {color:#FFFFFF;}

/*ul#Lnav li a.left 
{color:#000000;
font-size:12px; 
font-family:Arial, Tahoma, Helvetica, sans-serif;
margin:2;
padding:2;
line-height: 16px;
float:left;}

/*ul#Lnav li a.left:hover {color:#000000;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:12px;

/***** LEFT NAVIGATION *****/
.filler
{
background:#EFEFEF;
margin:0 5px 4px 0;padding:5px;
font-size:12px;
}
.left{ 
font-size:12px; 
font-family:Arial, Tahoma, Helvetica, sans-serif;
line-height: 16px;
list-style:none;

float:left;}

.Lnav {
margin:2;
font-family:Arial, Tahoma, Helvetica, sans-serif;
padding-left: 2px;

line-height:16px;
font-size:12px;
}
.Lnavtxt {
margin:2;
padding-left: 8px;
line-height:16px;
font-size:12px;
float: right;
}
.subnavlinks{
background:#EFEFEF;
margin:0 5px 4px 0;padding:5px;
font-size:11px;
}
ul#Lnav{
margin:2;
padding:2;
line-height: 20px;
float:left;
font-size:12px;
list-style:none;

}
ul#mLnav li{
list-style-type:none;
list-style:none;
}
ul#Lnav li a{
color:#000000;
text-decoration:none;
border:1px solid #000000; 
font-size:12px; 
font-family:Arial, Tahoma, Helvetica, sans-serif;
margin:2;
padding:2;
line-height: 16px;
float:left;
list-style:none;
display:block;
}

ul#Lnav li a:hover{
background: #999999;
color:#FFFFFF;
font-family:Arial, Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-size:12px; 
line-height: 16px;
float:left;
list-style:none;}
}

/***** SIDEBAR *****/

.subnavTitle{
margin:0 5px 4px 0;padding:2px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
background:#CCC;
border:1px solid #000;
}
.subnavlinks{
background:#EFEFEF;
margin:0 5px 4px 0;padding:5px;
font-size:11px;
}
.subnavPadding{
background:#FFFFFF;
margin:0 5px 4px 0;padding:5px;
font-size:11px;
}
.subnavPaddingG{
background:#EFEFEF;
margin:0 5px 4px 0;padding:5px;
font-size:11px;
}
.subnavPadding2{
background:#EFEFEF;
margin:5 5px 5px 5px;padding:5px;
font-size:11px;
font-weight:bold;
border:1px solid #999999;
}
.sidebox ul{
margin:0;padding:0;
}
.sidebox li{
margin:0 0 5px 0;padding:0;
list-style:none;
}
#sidebar form{
margin:0;padding:0;
text-align:center;
}
.subnavlinks input.inputBox{
width:100px;
border:1px solid #000;
}
.subnavlinks input.inputSubmit{
font-size:10px;
background:#CCC;
border:1px solid white;
color:white;
padding:.3em 1em;
}
/****** CONTENT ************/
#content{
font-size:11px;
}
#content h2{
font-size:14px;
color:#000;
margin:5px 0;
}
#content p{
line-height:1.2em;
word-spacing: .1em;
letter-spacing: .1em;
}
/******** FOOTER ************/
tr.footer td{
margin:0;padding:0;
}
tr.footer td p{
background:#EFEFEF;
font-size:11px;
font-weight:bold;
border:1px solid #999999;
color:black;
padding-left: 2px;
padding-right: 2px;
margin:0;

}
.footerPadding{
background:#EFEFEF;
margin:5 5px 5px 5px;padding:5px;
font-size:11px;
font-weight:bold;
border:1px solid #999999;
}
.divider {
 border-left: 1px solid #000000;
}

.contentAreaSecondary {
padding-left: 15px;
padding-right: 6px;
font-size:10px;
}

.contentAreaSecondary  h2{
font-size:12px;
color:#EFEFEF;
margin:5px 0;
}

.contentAreaSecondary p{
line-height:1.2em;
word-spacing: .1em;
letter-spacing: .1em;
}

.subnavdivider {
padding-top: 4px;
}

.sidenaveditableregion {
background:#EFEFEF;
margin:0 5px 4px 0;padding:5px;
font-size:10px;
}

.tableHeader {
margin:0 5px 4px 0;padding:2px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
background:#EFEFEF;
border:1px solid #000;
}

.adminHeader{
margin:0 5px 4px 0;padding:2px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
background:#EFEFEF;
border:1px solid #000;
}

.pageTitle{
font-size:14px;
color:#000000;
margin:5px 0;
}

.calendarOn {
 background: #EFEFEF;}
 
.calendarOff{
 background: #E2E2E2; }
 
.calendarHeader{
 background: #333333;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;}
 
.calendarBackground{
 background: #FFFFFF }
 
.calendarList1 {
 background: #EFEFEF;
 padding: 2px; 
 font-weight: bold;}
.calendarList2 {
 background: #E2E2E2;
 padding: 2px; }
 
.calendarNav {
 font-size: 11px;
 color: #000000;
 font-weight: bold}

a.calendarNav:link {
 color: #006699;
 text-decoration: none} 

a.calendarNav:visited {
 color: #330066;
 text-decoration: none} 

a.calendarNav:hover {
 color: #003399;
 text-decoration: underline} 

a.calendarNav:active {
 color: #003399;
 text-decoration: underline} 
 
a.footer:link {
color: #FFFFFF;
text-decoration: none} 

a.footer:visited {
 color: #FFFFFF;
 text-decoration: none} 

a.footer:hover {
 color: #FFFFFF;
 text-decoration: underline} 

a.footer:active {
 color: #FFFFFF;
 text-decoration: underline} 
 
 /* Board Style */
/* New Styles that Were Added for the Calendar */
/* This class defines the syles for all generic links */

/* This class defines the styles for table headers in the calendar */
/* Same AS calendarheader */
.calendarTableHeader 
{ 
 	 background: #EFEFEF;
	 font-size: 11px;
	 font-weight: bold;
	 text-align: center;
	 color: #000000;
	 font-family : Arial, Tahoma, Helvetica, sans-serif; 
	 padding-left: 4px; 
	 padding-right: 4px;
}
.calendarlink 
{ 
 	 background: #EFEFEF;
	 font-size: 11px;
	 color: #000000;
	 font-family : Arial, Tahoma, Helvetica, sans-serif; 
	 padding-left: 4px; 
	 padding-right: 4px;
}

/* This class defines table backgrounds */
.calendarList1 
{
	color:#000000;
	background: #EFEFEF;
    padding: 2px; 
	font-weight: bold;
	line-height: 14px; 
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size : 11px; 
	font-weight: bold;
	
}

/* This class defines table backgrounds with bold type */
.calendarlist1bold 
{
	color:#000000;
	background-color:  #DEDEDE; 
	line-height: 14px; 
	font-family : Verdana,tahoma,Arial; font-family:Arial, Tahoma, Helvetica, sans-serif;ont-size : 10px; font-weight: normal;
	font-weight: bold;
}

/* This class defines table backgrounds */
.calendarList2 
{
	color:#999999;
	background: #DEDEDE;
 	padding: 2px;
}

/* This class defines table backgrounds for days of the month in the calendar */
/* Same as CalendarOn Color */
.calendarMainDisplayBackground 
{
	 background: #EFEFEF;
}

/* This class defines table backgrounds for non days of the month in the calendar */
.calendarMainDisplayBackground2 
/* Same as CalendarOff Color */
{ 
	 background: #E2E2E2; 	
}

/* This class defines the border between days of the month */
.calendarMainDisplayBorder 
{
	 background-color: #FFFFFF;
}

/* This class defines the styles for all generic buttons */
/* Same as InputSubmit */
.calendarInputSubmit1
{
	 color: #FFFFFF;
	 background-color: #009819;
	 border-top: 1px  solid #7A94BE;
	 border-bottom: 1px solid #6185A4;
	 border-left: 1px solid #7A94BE ;
	 border-right: 1px solid #6185A4;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bold
 
}

/* This class defines the styles for all buttons on the main calendar display*/
/* Same as Above */
.calendarInputSubmit2
{
	 color: #FFFFFF;
	 background-color: #009819;
	 border-top: 1px  solid #7A94BE;
	 border-bottom: 1px solid #6185A4;
	 border-left: 1px solid #7A94BE ;
	 border-right: 1px solid #6185A4;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bold
}

.inputSubmitAdmin {
	 color: #FFFFFF;
	 background-color: #009819;
	 border-top: 1px  solid #7A94BE;
	 border-bottom: 1px solid #6185A4;
	 border-left: 1px solid #7A94BE ;
	 border-right: 1px solid #6185A4;
	 font-family:Arial, Tahoma, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bold
}

/* This class defines the styles for all input boxes*/
/* Same as InputBox */
.calendarInputBox
{
	 color: #000000;
	 background: #FFFFFF;
	 border-top: 1px solid #6185A4;
	 border-bottom: 1px solid #7A94BE;
	 border-left: 1px solid #6185A4;
	 border-right: 1px solid #7A94BE;
	 font-family:Arial, Tahoma, Helvetica, sans-serif;
	 font-size: 11px;
	 height: 16px;
}


/* This class defines the styles for all text areas*/
/* Same as InputBoxTextArea */
.calendarInputBoxTextArea
{
	 color: #666666;
	 background: #FFFFFF;
	 border-top: 1px solid #6185A4;
	 border-bottom: 1px solid #7A94BE;
	 border-left: 1px solid #6185A4;
	 border-right: 1px solid #7A94BE;
	 font-family:Arial, Tahoma, Helvetica, sans-serif;
	 font-size: 11px;
}

/* This class defines the styles for main tables*/
.calendarTable1
{
	border: 1px solid #000000;
}

/* This class defines the styles for all admin control panel links*/
.calendarIconLink {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
	font weight: normal
}

/* links are same as the regular ones */
a.calendarIconLink:link {
	 color: #006699;
	 text-decoration: underline;
}

a.calendarIconLink:visited {
	 color: #003399;
	 text-decoration: underline;
} 

a.calendarIconLink:hover {
	 color: #000099;
	 text-decoration: none;
} 

a.calendarIconLink:active {
	 color:  #000099;
	 text-decoration: underline;
} 

/* This class defines the styles for all error messages */
.calendarError {
	color: #FF0000;
}

/* This class defines the styles for all headings */
.calendarHeading {
	font-size: 14px;
	font-weight: bolder;
	color: #333333;
}