/* Global Style & Formatting - you may edit this with caution */
body     { 
	font: 9pt/16pt "Lucida Grande", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	background: #ffffff;
	text-align: left;
	margin: 0; 
	padding: 0;
	padding-bottom: 25px; 
	border: 0 
}


/* Site navigation and dropdown menu */
#siteNavigation li {
float: left;
}

#siteNavigation li a {
display: block;
background: #FFFFFF;
padding: 5px 12px;
width: 50px;
white-space: nowrap;
opacity:0.95;
}


		#siteNavigation ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#siteNavigation ul li
		{	float: none;
			display: inline}
		
		#siteNavigation ul li a
		{	width: auto;
			background: #EEEEEE}
		
		#siteNavigation ul li a:hover
		{	background: #CCCCCC}



/* Basic Layout - do not edit without assistance */
#container {
	text-align: left;
	position: relative;
	border: 0px;
	margin: 10px auto;
	padding: 0px;
	width: 760px; 
}

#DaltonHeading {  
	z-index: 4;
	position: absolute;
	top: 43px;
	left: 585px; 
	height: 30px;
	margin: 0px 0px 0px 0px;
}

#siteHeading {
	height: 75px;
	overflow: visible;
	z-index: 2;
	position: absolute;
	padding-top: 15px;
	top: 19px;
	margin-left: 0px;
	font-size: 34px;
}

#subtitle {
	font-size: 18px;
        position: absolute;
        top: 70px;
        margin-left: 0px;
        letter-spacing: 4px;
}

#siteNavigation {
	z-index: 3;
	position: absolute;
	top: 121px; /*91px; */
	text-align: center;
	vertical-align: top;
}

#pageBody  {
	padding-top: 25px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	position: absolute;
	z-index: 2;
	top: 136px; /*116px; */
	width: 758px;
	min-height: 400px;
	border-bottom: 0px solid #000000;
	border-top: none;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	margin-bottom: 25px;
	left: 1px;
	height: 253px;
	text-align: justify;
}

#pageFooting  {
	display: none;
}
/* end Basic Layout*/


/* Navigation Layout - do not edit without assistance */
#home {
   	left: 0px;
}

#concerts { 
	left: 110px;
}

#biographies       { 
	left: 245px; 
}

#membership {
	left: 410px;  
}

#support      { 
	left: 570px;
}

#listen      { 
	left: 690px;
}

.on    {
	width: 99px;
	color: #000; 
	font-size: 11px; 
	letter-spacing: 1px;
	border-bottom-width: 0px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

.off    { 
	width: 100px;
	color: #000; 
	font-size: 12px; 
	letter-spacing: 1px; 
}

.sitenav {
	text-align: left;
	position: absolute;
	height: 19px;
}

/* end Navigation Layout*/


/* Content Layout - safe to edit */
#column1   {
	float: left;
	margin-left: 0px; 
	width: 270px;
}

#column2 {
	margin-top: -12px;
	margin-left: 310px; 
	width: 420px;
}

#column3 {
	margin-left: 460px; 
	width: 250px;  
}
/* end content Layout */

/* TheDaltonSchool logo - edit only if you really know thqt you want to */
#DaltonHeading h1 { 
	margin: 0px;
	padding: 0px;
}

#DaltonHeading h1 a { 
	text-decoration: none;
}

#DaltonHeading span.the { 
	font-size: 18px;
	font-weight: normal; 
	text-decoration: none; 
	color: #999;  
}

#DaltonHeading span.dalton { 
	font-size: 18px;
	font-weight: normal; 
	text-decoration: none; 
	color: #000; 
	margin-left: -8px;
}

#DaltonHeading span.school { 
	font-size: 18px;
	font-weight: normal; 
	text-decoration: none; 
	color: #999; 
	margin-left: -8px;
} 
/* end TheDaltonSchool logo */


/* The following 6 styles control the appearance and behavior of the Site Title */
#siteHeading {
	text-decoration: none;
	position: absolute;
	
}

#siteHeading h2 { 
	color: #4682B4; /* steel blue */
	font-weight: lighter;
	text-decoration: inherit;
	margin: 0px;
}

#siteHeading a {
	color: inherit;
}

#siteHeading h2 a:link { 
	color: inherit;
	text-decoration: inherit;
}

#siteHeading h2 a:visited { 
	color: inherit;
	text-decoration: inherit;
}

#siteHeading h2 a:hover { 
	color: #B0C4DE;  /* light steel blue */
	text-decoration: inherit;
}

#siteHeading h2 a:active { 
	color: #4682B4;
	text-decoration: inherit;
}

.greytext {
	color: #666666;
	font-weight: inherit;
	font-family: inherit;
}

/* The following 4 styles control the appearance and behavior of the section links */
#siteNavigation a:link { 
	color: #000000; 
	text-decoration: none;
}

#siteNavigation a:visited { 
	color: #000000;
	text-decoration: none;
}

#siteNavigation a:hover {
	color: #4682B4;  /* steel blue */
	text-decoration: none;
}

#siteNavigation a:active {
	 color: #000000;
	 text-decoration: none;
}


/* Content Styles - safe to edit */
#indexTitle    { 
	font-size: 18px; 
	font-weight: bold; 
	margin-bottom: 0px; 
}

#indexBody{ 
	color: #666; 
	font-size: 12px;
	line-height: 20px;
}

#itemTitle    { 
	font-size: 20px; 
	font-weight: normal; 
	margin-bottom: 0px 
}

#itemDate{
	font-size: 14px; 
	font-weight: normal; 
	margin-bottom: 10px; 
}

#itemAuthor{
	font-size: 14px; 
	font-weight: normal; 
	margin-bottom: 0px;
}

#itemBody{ }

#column1 img {
	margin-bottom: 15px;
}

.LinkList  { 
	text-indent: 0; 
	list-style-position: outside; 
	margin-top: 0; 
	margin-right: 25px; 
	margin-left: 15px; 
	padding-left: 0; 
	position: relative; 
	left: 0;
	font-size: 11px; 
	line-height: 15px; 
	color: grey; 
	font-stretch: normal; 
	text-decoration: none; 
	margin-bottom: 5px
}
/* end Content Styles */


/* regular Styles  - safe to edit */

# column2 p  { 
	margin-top: 0; 
	margin-right: 25px; 
	margin-bottom: 15px; 
}

h1 { }

h2 { }

h3 { }

h4 { }

a:link {
	color: #4682B4; /* steel blue */	
}

a:visited {
	color: #4682B4; /* steel blue */		
}

a:hover {
	color: #4682B4;  /* steel blue */		
}	

a:active {
	color: #4682B4; /* steel blue */		
}

ol   { 
	list-style-type: decimal; 
	margin-right: 0;
	margin-left: 25px;
	padding-right: 12px;
	font-family: Helvetica; 
	font-style: normal; 
	font-weight: normal; 
}

li { }

img { border-style: none }

