/* -----------------------------------
  simon
 !!!  this has  top section in separate file
  -----------------------------------
*/


/********logo and wrapper**********/
.logoLinkId {
	position: relative; 
	left:50%; 
	width:920px; 
	margin-left:-460px;
	height:42px;
}
.logo {
	width:150px;
	height: 10px;
	background:transparent;
	float:left;
	display:none;
}
/********end logo and wrapper**********/


/*-----------------very top nav stuff ----------*/
table#globalNavigation{
position:relative;
left:50%;
margin-left:-475px;	
float:left; 
width: 990px;
height:40px;
margin-top: -5px;
top: 0;

border:0;
background: transparent;
padding: 0 0 0 18px;
border-collapse:collapse;
}
.explitLogout a{
color:#999 !important;
font-size: 0.75em;
text-decoration:none;
	background: transparent;
}

.welcomeLink02 a{display:none;
color:#FFF;
}

.welcomeLink03 a{
color:#EEEEEE;
}
.welcomeHelp {
padding-left: 3px;
}
/*-----------------site actions ----------*/
.siteActions{
float:right;
padding-right: 26px;
background: transparent;
font-size: 0.75em;
}

.globalBreadcrumb a {
	
	background: transparent;
	padding-left: 3px;
	color:#666;
}
/********HEADER BANNER**********/
/*-----------------page image header banner add ----------*/
.PageImage{
position: relative; 
float:left; 
left:0; 
margin-left:10px;
margin-top:20px;
width: 200px;
height:120px;

 
    background-color: transparent;
}


/* -----searchbox section--*/

#searchBoxHolder{
border-style: none;
	float:right;
	width: 300px;
	margin-top: 90px;
	top:0px;
	background-color:transparent;
	border-collapse:collapse;
	height:30px;
	margin-right:35px;
}
table.searchBoxHolder{
 border:none;

}
.welcomeLink01 {
float:right;
width:100px;
}
.welcomeLink01 a{
font-size:0.85em;
color:#666;
}
.welcomeLink02 {
display:none;
}

.searchBox{
float:right;
width:180px;
background: transparent;
padding-left:30px;
}

/*-----------------end site actions ----------*/

/*------------------- ------------------------------------------------------------------------
TOP HORIZONTAL NAVIGATION 
(down here to keep z-index on top)
-----------------------------------------------------------------------------------------------*/
#topmenubar {
	position:relative;
	left:50px; 
	float:left;
	width:910px; 
	height:34px;
	margin-top:-21px;
	top:0;
	bottom:0;
	background-image:none;
	background-repeat:repeat-x;
	background-position: center 0;
	z-index:1000;
	border:none;
	background-color:transparent;
	font-size:1em;
	text-align:center;
}

#topmenubar a{
color:#CCC;
text-align:center;
}

/*--Hover state--*/
#topmenubar a:hover { 
background-image:url("img/topnavOver.gif");
background-color:#6a6797;
border-bottom-width:0px;
color:#000000;
}


/*--------------------------------------------------------
inside topmenubar navigation 
---------------------------------------------------------- */
.topmenu {
margin-top:0; 
top:0;}
.topmenu a{
display:block;
	color:#FFF;
	background-color:transparent;
}
/* -----inside topmenu--*/
#GlobalNav {
	
}
.topNavItem {
*width:80px;
min-width:80px;

}
.topNavSelected {
color:#003399;
background:url("img/topnavhover.gif");
background-repeat:repeat-x;

border-bottom-width:0px;
*width:80px;
min-width:80px;
}
.topNavHover{
background-image:url("img/topnavselected.gif");
border-bottom-width:0px;
color:#000000;
	
}
.topNavFlyOuts{
	color:#666666;
}
.topNavFlyOutsItem {
	color:#666666;
	background-color:#394a78;
}
.topNavFlyOutsHover {
	background-color:blue;
}








/********-----------------------------------------------------COLUMN WRAPPER------------------**********/

/*MAIN CONTENT PAGE*/
/*   .........main content area .............................................*/ 

#columnwrapperSpacer {
position: relative; 
	width:1000px; 
	
	margin-top:0px;

	height:200px;
	background-color: transparent;
}
.spacerInner {
	font-size: 0.8em;
	
	float:right;
	margin-right:24px;
	padding:0;
	background-color: transparent;
	
}
.spacerInner a{
	text-decoration: none;

}

#columnwrapper {
	position: relative; 
	width:1000px; 
	
	margin-top:-200px;
    background-color: transparent;
}	
/*-------------------------------------------------start main area------------------------------*/

/*------------------------------------------------------------------------------
LEFT NAV 
-------------------------------------------------------------------------------- */

/*Nav top stuff...(hidden)......*/
.leftCalendarHolder {
	display:none;
}


/*.......main one.........*/
#leftNavHolder {
	position:relative;
	width:183px;
	float:left;
	margin-left: 20px;
	top:0;
	background-image: url("img/leftNavHolder.png"); 
    background-color: transparent;
	border:1px solid #CCC;
}

.leftNavTop {
	text-align:center;
	font-size: 1.5em; 
	color:#8aa2f7;
	float:left;
	width:179px;
	height:22px;
	bottom:0;
 
    background-color: transparent;
}
#leftNav {
		margin-left: 0;
	margin-top: 5px;
	background: transparent; 
	
	font-size: 0.9em;
	padding: 1px 0 2px 5px;
}
#leftNavMid {
	width:179px;
	margin-left: 0;
	margin-top: 5px;
	background: transparent; 

    background-color: transparent;
	font-size: 0.9em;
	padding: 1px 0 2px 5px;
}
#leftNavNarrow {
	width:135px;
	margin-left: 0;
	margin-top: 5px;
	background: transparent; 
	vertical-align:top;

    background-color: transparent;
	font-size: 0.9em;
	padding: 1px 0 2px 5px;
}
#leftNav.leftNavtd {
	border-collapse:collapse;/*.......nav menus all inside this.........*/
	border:0px;
	
	background-color: transparent;

}
#leftNav a {
	background-image:none !important;
}
.leftNavBottom {
	text-align:center;
	font-size: 1.5em; 
	color:#8aa2f7;
	float:left;
	width:179px;
	height:12px ;
	top:0;
	background-image: url(img/transparent_graypale.png);
	background-repeat: repeat-y;
    background-color: transparent;
}
.ms-navheader {
	font-size:0.9em; /*.......main top menus.........*/
	font-weight:normal!important;
	line-height:1.2em;
}
.ms-navSubMenu1{/*.......main menus.........*/
	color:#333;
	background-COLOR:#2c395a;
}
.ms-navSubMenu1 a{
	color:#FFF;
	background:transparent;
}	
.ms-navSubMenu1 a:hover{
	color:#6ea9cb;
	text-decoration:none;
}	
.ms-navSubMenu2 {
	background:#FFF;
}
.ms-selectednavheader a{
	color:#000; /*..current menu...*/
}
.ms-navItem a{/*..spare menu...*/
color:#003399;
text-decoration:none;
}
.ms-navItem a:hover{/*..spare menu...*/
color:#6ea9cb;
text-decoration:none;
}


h3.ms-standardheader { /*..Content Editor web part menu header bar..*/
	display:none;
	background:transparent;
}
.ms-hidden{ /*------the little dots that show near top of columnwrapper------*/
	
	display:none;background:transparent;
}
div.preNav{background:#FFF;
padding: 3px;}
div.preNav p{
font-size:0.8em;}
/*.postNav{width: 150px;
}*/

/*----------------------
 QUICK LAUNCH  
------------------------*/
#QuickLaunchNavigationManager {
	background-color: transparent;
	display:none;
}
#QuickLaunchMenu {
	background-color: transparent;
	
}
/*-- main navigation menus----------------------------------------------------------------------*/
.ms-quicklaunch table.ms-navheader td,.ms-navheader2 td,.ms-quicklaunch span.ms-navheader{
background-color:#495881;
border-top:solid 1px #6f7fad;
border-right:solid 1px #2e374e;
border-bottom:solid 1px #2e374e;
border-left:solid 1px #697082;
padding:2px 3px 6px 4px;
font-size:0.8em;
font-weight:normal;

}

/*--Bottom border of Quick Launch pane and margin around pane-------------*/
.ms-quicklaunchouter{
border-bottom:solid 1px #83b0ec;
border-right:solid 1px #83b0ec;
}
.ms-quicklaunchouter{
margin:0px 1px 2px 1px;
}

/*--Quick Launch pane formatting and top and side borders around pane---------------------------*/
.ms-quickLaunch{
border:solid 1px #2e374e;
border-bottom:solid 1px #2e374e;
font-size:8pt;
font-family:tahoma;
line-height:10pt;
background-color:#f2f8ff;
} 
/*.......label.........*/
.ms-quicklaunchheader {
	display:none; /*..view site content..*/

}
.QuickLaunchMenu {
	background-color:red;
	
}
.ms-quicklaunch table.ms-selectednavheader td{  /*.......ms core.css.........*/
width:100%;
background-color:#ffe6a0;
background-image:url("img/selectednav.gif");
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:2px;
border-top:solid 1px #2e374e;
border-left:solid 1px #2e374e;
padding:1px 6px 3px 6px;
}
/*--Container for sub items----------------------------*/
.ms-quicklaunch table td{
border-top:1px solid #333;
} 



/*------tree view manager--------*/
#TreeViewNavigationManager{
	
}
td#idSiteHierarchy {
	
}
/*------tree view outer--------*/
div.ms-treeviewouter{
	
}
div.ms-treeviewouter div{
border-top:solid 1px #333;
}
.ms-recyclebin {
	display:none;
}




/*----------------main wrappers......*/
div.pageMaincontent {
position: relative;
width: 750px;

background-color: transparent;
background: transparent;
float:right;
margin-right:10px;
margin-top:0;
top:0;
}
div.pageMaincontentWide {
position: relative;
width: 960px;

background-color: #000;

margin-left:20px;
margin-right:20px;
margin-top:0;
top:0;
}

/*------top image that sits in mainContent table area--------*/
div.imageSplash {
	background-color:transparent;

}

/********CONTENT CONTAINERS*********/



/*Nav Sidebar...(hidden)......*/
.placeHolderMiniConsole{
	background:aqua;
}
/*--------Breadcrumb----- SharePoint breadcrumb navigation line*/
.breadcrumbnav {
	/* this breadcrumb navigation when turned on makes two breadcrumbs appear*/
	
	display:none;
}
.ms-pagebreadcrumb{ /*------- SharePoint breadcrumb navigation line*/
padding:2px 3px 3px 11px;
border:none;
background-color: transparent;

}
.ms-pagebreadcrumb,.ms-pagebreadcrumb a{
font-size:0.9em;
background-color:transparent;
color:#666666;
text-decoration:none;
}

.removeMargins {
margin-top:11px;
margin-left:-11px;
margin-right:-10px;
} 
.breadcrumbnav a{
	color: #004eff;
	text-decoration: none;
}
.breadcrumbnav a, .breadcrumbnav:active, .breadcrumbnav a:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #004eff;
}
.breadcrumbnav a:hover
{
	text-decoration:underline;
}
.breadcrumbCurrent {
	/* SharePoint breadcrumb navigation line*/
	background-color:transparent;
}
.ms-sitemapdirectional{
	/* SharePoint breadcrumb navigation line - last menu item*/
	color:green;
	font-size: 0.9em;
	background-color:transparent;


}
.pagetitle {
	display:none; /*..looks like an extra breadcrumb....*/
}
.ms-titlearea{
	
	height:20px;
	background-color:aqua;
 /*..part of first part of extra breadcrumb....*/

}
/*leftNav*/





/*------mainContent OUTER OVERALL table area--------*/
table.splashLinkFrame{
margin:0px;
background-color: transparent;
padding:0;	
height:100px;
border-collapse:collapse;
border:0;
}
/*------mainContent INER table area--------*/
.splashLinkArea{
	background-color:transparent;
	border-collapse:collapse;
border:0;

}
/*------holder for the next one--------*/
#group {
	background:transparent;
}
/*------holder for left td of main table--------*/
.slm-layout-main{
	background-color:transparent;
}

#maincontent  p{
	line-height: 1.8em;
	margin: 0;
	
}


/* ---------immediately above navigation - holds banner -----------*/
.PageImage {
	
}
/********BOTTOM SHADOW GRAPHIC**********/


#bottom {
	position: relative; width:1000px; 
	left: 0;
	margin: 0 auto; 
	height: 21px;
	background:url("img/footer.jpg");
	background-repeat:no-repeat;
	background-color: #FFF;	
	text-align: center;
	letter-spacing:0.5em;
	font-size: 0.8em;
	color: #999999;
}
#bottom a{
	color:#FFF;
	text-decoration:none;
}
/***********FOOTER************/
/*Footer Container*/
#footerbox {
	position: relative; left:50%; width:1000px; margin-left:-500px;
	left: 0;
	margin: 0; 
	font-size:0.8em;
	color: #666;
	background:url("http://www.dwf.org/_themes/global/img/texture_bottomX.jpg");
background-repeat:repeat-x;
	background-color: #FFF;	
	border-top:1px solid #CCC;
		
}
/*Footer Content*/
#footer {
	font-family: "Tahoma", Verdana,Arial,Helvetica,Geneva;
	text-align: center;
	background-color:transparent;
}	
#footer a{
	color:#36aec0;
	text-decoration:none;
} 	

/*-------------- maincontent panels-------------*/

div.panel_200 {
	width: 200px;
	float: left;
}
div.panel_500 {
	width: 500px;
	float: right;
}
div.panel_container {	
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	
	height:100%;
}
div.panel_containerFestival {	
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background:url("http://www.dwf.org/_themes/global/img/festivalPink.jpg");
background-repeat:repeat-x;
	height:100%;
}
div.panel_440_left {
	width: 440px;
	float: left;

}
div.panel_520_left {
	width: 520px;
	float: left;

}
div.panel_360_left {
	width: 360px;
	float: left;

}
div.panel_220_right {
	width: 200px;
	float: right;
	
}
div.panel_300_right {
	width: 280px;
	float: right;
	
}
div.panel_400_right {
	width: 400px;
	float: right;
	background-color:#b1b7c3;
}
div.panel_680 {
	/* full width of column  */
	width: 680px;
	float: left;
	background-color:transparent;
}
div.panel_740 {
	/* full width of column  */
	width: 740px;
	float: left;
	background-color:transparent;
	margin:0;
}
div.panel_header {
	/* grey header bar headings */
	font-size: 1.2em;
	letter-spacing: 0.2em;
	color: #FFF;
	background-image:url("http://www.dwf.org/_themes/global/img/panel_header.gif");
	background-repeat:repeat-x;
	background-position: center 0;
	padding: 5px;
	font-weight:normal;
}

div.panel_headerBlue {
	/* orange header bar */
	font-size: 1.2em;
	color: #FFF;
	background: #2e3c5f;
	padding: 5px;
}

div.panel_shadow {
	height: 10px;
	background: transparent url('img/panel_shadow.png') repeat-x top;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
div.panel_shadow_m {
	height: 5px;
	background: #FFF url('img/panel_shadow.png') repeat-x top;
}

div.panel_740_top {
	height: 38px;
	background: transparent url('img/panel740_top.png') no-repeat top;
}
.panel_740_top .title {
	color:#666;
	text-align:center;
	padding-top:12px;
	font: 1.3em "Trebuchet MS", Arial, sans-serif;
	vertical-align:bottom;
}

div.panel_content {
	/* white box inside */
	background-color:transparent;
	
	padding: 8px;
	margin-bottom: 20px;
}
div.panel_contentLeft {
	/* white box inside */
	width:400px;
	float:left;
	background-color:transparent;
	font-size:1em;
	padding: 8px;
	margin-bottom: 20px;
}
div.panel_contentLeft a{
	text-decoration:none;
}
div.panel_contentRight {
	/* white box inside */
	width:300px;
	float:right;
	background-color:transparent;
	font-size:0.85em;
	padding: 8px;
	margin-bottom: 20px;
}
div.panel_contentRight a{
	text-decoration:none;
}
div.panel_contentSmall {
	/* white box inside */
	background-color:transparent;
	font-size:0.85em;
	padding: 8px;
	margin-bottom: 20px;
}
div.panel_contentRight {
	/* white box inside */
	background-color:transparent;
	font-size:0.85em;
	padding: 8px;
	margin-bottom: 20px;
}
div.panel_contentDark {
	background-color:#dce2ed;
	padding: 8px;
	margin-bottom: 20px;
	border-left: 2px dotted #666;
}
div.panel_content p{
	font-size: 0.9em;
	line-height:1.9em;
}
div.panel_content .headBold{
	font-size: 1.2em;
	color:#2e3c5f;
	line-height:1.9em;
}
div.panel_680_mid {
	background: transparent url('http://www.dwf.org/_themes/global/img/panel680_mid.png') repeat-y top;
	padding: 8px;
	margin-bottom: 0px;
}

div.highlight_image_min {
	width: 70px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #CCC;
	float: left;
}

div.highlight_image {
	width: 200px;
	margin: 0 8px 8px 18px;
	border: 1px solid #CCC;
	float: left;
}
div.highlight_text_min {
	width: 260px;
	margin-bottom: 8px;
	float: left;
	font-size:0.9em;
	line-height:2em;
	color:#333;
}

div.highlight_text {
	width: 300px;
	margin-bottom: 8px;
	float: left;
}
div.highlight_text_min .headBold {
	font-size:1.4em;
}
div.panel740_bottom {
	height: 38px;
	background: transparent url('img/panel740_bottom.jpg') no-repeat top;
	text-align:center;
}
div.panel740_bottom a{
	color:#FFF;
}
div.panel680_bottom {
	height: 42px;
	background: transparent url('http://www.dwf.org/_themes/global/img/panel680_bottom.png') no-repeat top;
	text-align:center;
}
div.panel680_bottom a{
	color:#666;
} 
/*--------------------------------------------------------------------------------------------------
HEADINGS
----------------------------------------------------------------------------------------------------*/
h1  { 	
	FONT-FAMILY: "Tahoma", Verdana,Arial,Helvetica,Geneva;
	font-size: 1.8em;
	color : #009fd7;
	font-weight: normal;
	letter-spacing: 0.25em; 
	line-height: 1.2em;
	padding-left: 10px;
}
h2 { 	

	font: 1.2em "Trebuchet MS", Arial, sans-serif;
	color : #009fd7;
	letter-spacing: 0.25em; 
	line-height: 1.2em;
	padding-left: 15px;
}
h3 { 	font: 1.1em Arial, sans-serif;
	color : #C96;
	FONT-WEIGHT: bold;
	}	
h4 {FONT-FAMILY: "Tahoma", Verdana,Arial,Helvetica,Geneva; 
	FONT-SIZE: 1.3em; 
	FONT-WEIGHT: bold; 
	margin: 1.8em 0 1.8em 0;
	letter-spacing: 0.25em; 
	line-height: 2em;
	color : #C66;
}
h5, h6 { color : #CCC;
	font-size: 1.5em;
	FONT-WEIGHT: bold;
}
p {font-size: 1em;
   padding-left:5px;}

TABLE {border-collapse: collapse; padding: 0; }

	
/*--------------------------------------------------------------------------
general styles
-------------------------------------------------------------------------------*/
/* ---------global general -----------*/
p {
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 2px 15px 2px 15px;
}
ul {
font-size: 0.9em;
}
ol {font-size: 0.9em;
line-height: 2em;}

UL .arrow {
	list-style-image: url('img/arrow.gif'); margin-left:-1.5em; line-height: 1.8em;
	 }	
UL .arrow li{
	margin-bottom: 20px; margin-left:-10px;
	 }	
UL .arrow li a {
	color: #FF3333; text-decoration: none;
	 }	
UL .plus {
	list-style-image: url('img/plus.gif'); margin-left:-1.5em; line-height: 1.8em;
	 }	
UL .plus li{
	margin-bottom: 20px; margin-left:-10px;
	 }	
UL .plus li a {
	color: #FF3333; text-decoration: none;
	 }	  
/* ---------general -----------*/
.arrow {	

	line-height: 1.8em;
	
	}
.arrow a{	
	
	}
.bold {	
	FONT-WEIGHT: bold; COLOR: #C93;}

.caption {font-size: 0.7em; }
.captionXtra {font-size:0.7em!important;}
.clearfix { clear: both;  }
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}
.festivalPink {	FONT-FAMILY: "Tahoma", Verdana,Arial,Helvetica,Geneva;
	font-size: 2em!important;
	color : #FFF;
	font-weight: normal;
	letter-spacing: 0.25em; 
	line-height: 1.2em;
	padding-left: 10px;
	}
.floatRight { float: right; padding: 0 3px 0 25px }
.floatLeft { float: left; padding: 0 15px 15px 0 }
.floatClear { clear: both }
.grid {width: 450px; padding: 3px; border: 1px solid #CCC;
    font-size: 0.9em; text-align: right; color: #666;}
.headBold {	
	font: 1.2em "Trebuchet MS", Arial, sans-serif;
	color:#b54d59;
 }

.line { 
	 margin-left: 20px;
	 margin-right: 20px; 
	 border-top: 2px dotted #CCC; 
}
.linkBold {	
	font: 1.2em "Trebuchet MS", Arial, sans-serif;
	color:#b54d59;
	text-decoration:none;
	text-transform:uppercase;
 }
.linkBold a{	
	text-decoration:none;
	
	font-weight:normal;
 }
.narrow {
width:450px;
}	
.menu {
color:#00FFFF;
letter-spacing:0.8em;
text-transform:uppercase;
} 
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08, #menu09, #menu10, #menu11, #menu12 {
	font-size: 0.9em; border: 1px solid #91A4C6;	POSITION: absolute; left:600px; top:350px; VISIBILITY: hidden;
	BACKGROUND: #EEE; COLOR: #333;	text-align: left; line-height: 2em;	padding: 10px; width: 200px; z-index: 100;
}
.review {	
	font: 1.2em "Trebuchet MS", Arial, sans-serif;
	font-style:italic;
	
	color:#009fd7;
 }
.show a{text-decoration:none;} 
.smallMenu {font-size:0.8em;}
.smallMenu a{text-decoration:none;}
#archiveAll {
background-color: #FFF; 
font-size:0.9em;
border: 1px solid #999;
width:400px!important;
}	 
#ticket {background-color: #FFF; 
font-size:0.9em;
border: 1px solid #999;
}
#ticket tr {}	
#ticket td {padding: 4px;}	
#ticket .black {background-color:#EEE;
color:#666;
border-top:1px dotted #999;}	
#ticket .detail {
border-top: 1px solid #999;
background-color:#666666;
color:#FFF;
}

#ticketAll {
background-color: #FFF; 
font-size:0.9em;
border: 1px solid #999;
} 
#ticketAll td {padding: 4px;}
#ticketAll .black {background-color:#666;
color:#CCC;
border-top:1px solid #999;}	
#ticketAll .month {background-color:#666666;
color:#FFF;
border-top:1px solid #FFF;}	
#ticketAll .show {
	background-image:url("img/arrow.gif");
	background-repeat:no-repeat;
	background-position: left;
	background-color:#EEE;
	padding-left:10px;
	
color:#333;
border-top:1px solid #999;}	
#ticketAll .date {
	background-color:#EEE;
	
color:#333;
border-top:1px solid #999;}		
/*------brought in for maincontent panels------------*/





/*------------------------------------------------------------------------------
LEFT NAV 
-------------------------------------------------------------------------------- */