*{
/*block all browser default margins and padding */
margin:0;
padding:0;
border: none;
/*temporary borders */
/*border:dashed 1px #f00;*/
}

body {
	font: 1.0em verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	behavior: url(css/csshover.htc);
	margin-top: 0px;
	}

* {
	margin: 0;
	padding: 0;
	}

p {
	font: 1.0em Times, "Times New Roman", serif;
	color: #333;
	text-align: left;
	}

h3 {
	font: 1.6em Times, "Times New Roman", Serif;
	color:#999999; 
	/*font-weight: bold;*/
	}

h2{
	font: 1.2em Times, "Times New Roman", Serif;
	font-style: italic;
	}
	
/*h1 {
	position: relative;
	height: 40px;
	width: 345px;
	
	font: 2.6em Times, "Times New Roman", Serif;
	font-stretch: ultra-condensed;
	/*text-transform: uppercase;*/
	/*margin: 30px 0 0 141px;*/

	}

#column2index a:link {
	color: #000;
	text-decoration: none;
	line-height: 2px;
	font-weight: normal;
	}
	
#column2index a:visited {
	color: #000;
	text-decoration: none;
	line-height: 2px;
	font-weight: normal
	}

#column2index a:hover {
	color: #999;
	text-decoration: none;
	line-height: 2px;
	font-weight: normal
	}

#contentarea a:link {
	color: #000;
	text-decoration: none;
	line-height: 2px;
	}
	
#contentarea a:visited {
	color: #000;
	text-decoration: none;
	line-height: 2px;
	}

#contentarea a:hover {
	color: #999;
	text-decoration: none;
	line-height: 2px;
	}

#column3 a:link {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	/*line-height: 2px;*/
	}
	
#column3 a:visited {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	/*line-height: 2px;*/
	}

#column3 a:hover {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
	/*line-height: 2px;*/
	}

#footer a:link {
	color: rgb(169,42,54);
	text-decoration: none;
	line-height: 2px;
	}
	
#footer a:visited {
	color: #999;
	text-decoration: none;
	line-height: 2px;
	}

#footer a:hover {
	color: rgb(212,182,36);
	text-decoration: none;
	line-height: 2px;
	}

#column1 a:link {
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-left: 0px;
	text-align: left;	
	letter-spacing: .1em;
	}
	
#column1 a:visited {
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	letter-spacing: .1em;
	margin-left: 0px;
	}

#column1 a:hover {
	font-size: 1.1em;
	color: #999;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	letter-spacing: .1em;
	margin-left: 0px;
	}


.float {
	float: right;
	}


.hall {
	font: .8em/90% Verdana, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	padding: 0 0 0 15px;
	color: #666;
	}
	
	
.smcaps {
	font-variant: small-caps;
	color: #666;
	font-weight: bold;
	}

.gray {
	color: #666;
	}

	
.quote {
	font: .8em Arial, Veredana, Helvetica, Sans-serif;
	color: #666;
	}
	
#header {
	width: 960px;
	background-color: #FFF;
	height: 80px;
	margin-left: 0px;
	background-image: url(../images_pres/arsLogo287x80.jpg);
	background-repeat: no-repeat;
	background-position: 170px 0px;
	}

#headspacer {
	width: 960px;
	background-color: #FFF;
	height: 45px;
	margin-left: 0px;
	/*background-image: url(../images_pres/arsLogo287x80.jpg);
	background-repeat: no-repeat;*/
	background-position: 170px 0px;
	}
	
#header h2{
	font: 1em/120% Arial, Veredana, Helvetica, Sans-serif;
	font-weight: light;
	font-stretch: condensed;
	/*font-style: italic;*/
	text-align: right;
	padding: 40px 10px 0 0;
	color: #999;
	}


/*#header2 {
	width: 774px;
	background-color: #FFF;
	height: 180px;
	margin-left: 0px;
	background-image: url(../images_pres/arsLogo323x90.jpg);
	background-repeat: no-repeat;
	background-position: 50px 35px;
	}

#header3 {
	width: 774px;
	background-color: #FFF;
	height: 180px;
	margin-left: 0px;
	background-image: url(../images_pres/arsLogo323x90.jpg);
	background-repeat: no-repeat;
	background-position: 50px 35px;
	}*/

/*#header3 h2{
	font: .8em/120% Times, "Times New Roman", Serif;*/
	/*font-style: italic;*/
	/*text-align: right;
	padding: 40px 30px 0 0;
	color: rgb(37,78,133);
	}


#header3 h4 {
	position: relative;
	height: 37px;
	width: 420px;
	overflow: hidden;
	font: 2.4em Times, "Times New Roman", Serif;
	font-stretch: ultra-condensed;
	text-transform: uppercase;
	margin:60px 0 0 100px;
	}*/


#mainwrap {
	margin-top: 0px;
	width: 960px;
	background-color: #fff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(../images_pres/indexLyricArt420x37.jpg);
	background-repeat: no-repeat;
	background-position: 92px 110px;*/
	}

#contentarea {
	width: 960px;
	height: 3000px;
	/*background-image: url(../images_pres/homeBackgrd2.gif);*/
	background-repeat: repeat-y;
	margin: 20px 0 0 0;
	}
	
#column1 {
	width: 232px;
	float: left;
	margin-top: 0px;
	padding: 0px 0 0 0;
	/*border-right: 1px solid #ccc;*/
	/*background-image: url(../images/illus/lute.jpg);
	background-repeat: no-repeat;
	background-position: 10px 100px;*/
	}

#column1 h1 {
	font: 1.2em/100% Times, "Times New Roman", Serif;
	color: #000;
	/*border-bottom: 1px solid #333 ;*/
	padding: 5px 0 0 5px;
	font-weight: regular;
	}

#column1 h2 {
	font: 1.2em Times, "Times New Roman", Serif;
	line-height: 120%;
	padding: 5px 0 0 5px;
	}

#column1 h3 {
	font: 1.2em/120% Times, "Times New Roman", Serif;
	margin: 0 0px 0px 0px;
	font-weight: regular;
	padding: 0px 0 0 5px;
	}

#column1 p {
	font: normal .9em/130% Verdana, Arial, Helvetica, Sans-serif;
	padding: 0px 0 10px 5px;
	float: left;
	}

	
#column1 img {
	float: left;
	padding: 0px 0px 10px 5px;
	border: 0;
	}

#column1 img2  {
	float: right;
	padding: 0px 10px 0px 15px;
	}
	

#column2index {
	width: 548px;
	height: 1550px;
	float: left;
	margin-top:0px;
	border-left: 1px solid #ccc;
	}
	

#column2index li{
	font: 1em/130% Times, "Times New Roman", Serif;
	margin-left: 50px;
	}
	
#column2index p {
	padding: 0 10px 0px 10px;
	font: 1.2em/120% Times, "Times New Roman", Serif;
	margin: 0 0px 0px 0px;
	}
	
#column2index h1 {
	font: 1.2em/100% Times, "Times New Roman", Serif;
	color: #000;
	/*border-bottom: 1px solid #333 ;*/
	padding: 0px 0px 0px 0px;
	margin: 0 15px 0 10px;
	font-weight: regular;
	}
	
	#column2index h2 {
	font: 1em/100% Verdana, Helvetica, Arial, Sans-serif;
	color: #000;
	/*border-bottom: 1px solid #333 ;*/
	padding: 0px 0px 0px 0px;
	margin: 0 15px 0 10px;
	/*font-weight: bold;*/
	}

#column2index h3 {
	padding: 0 10px 0px 10px;
	font: 1.2em/120% Times, "Times New Roman", Serif;
	margin: 0 0px 0px 0px;
	font-weight: regular;
	}

#column2index h5 {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #000;
	margin: 0 15px 0 15px;
	}

#column2index img {
	float: left;
	padding: 0 10px 0px 10px;
	border: 0;
	}
	
#column2index iframe {
	float: left;
	padding: 0 10px 10px 10px;
	border: 0;
	}
	
	.background {
	width: 528px;
	height: 232px;
	background-image: url(../images_pres/cover_background.jpg);
	background-repeat: no-repeat;
	/*padding: 384px 0px 0 10px;*/
	}
	
.script {
	float: left;
	padding: 0px 10px 0px 87px;
	border: 0;
	}

#column3H {
	width: 178px;
	height: 1550px;
	float: left;
	margin-top:0px;
	border-left: 1px solid #ccc;
	}

#column3H h3{
	font: bold .9em/110% Verdana, Helvetica, Arial, sans-serif;
	padding: 0 20px 0 10px;
	letter-spacing: .09em;
	}

#column3H .red {
	color: #000;
	}
	
/*#column3H .smallcaps{
	font-variant: small-caps;
	font-weight: bold;
	font-size: .75em;
	}*/

#column3H p {
	padding: 0 20px 0 10px;
	font: .8em/135% Arial, Verdana, Helvetica, Sans-Serif;
	}

#column3H img {
	float: left;
	padding: 0 0px 10px 10px;
	border: 0;
	}
	
	#column3H a:link {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	/*line-height: 2px;*/
	}
	
#column3H a:visited {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	/*line-height: 2px;*/
	}

#column3H a:hover {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
	/*line-height: 2px;*/
	}



#column3per img {
	float: left;
	padding: 0 10px 5px 20px;
	}

#footer {
	width: 960px;
	float: left;
	}

#footer p {
	font: .75em Arial, Verdana, Helvetica, Sans-Serif;
	padding: 10px 0 10px 190px;
	position: center;
	}

/*aslett clearing method*/
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/*endAslett*/

/*navigation*/
#listmenu
{
	position: relative;
	/*width: 100%;*/
	/* makes the div full width */
	float: left;
	/*makes the div enclose the list */
	/*border-top:1px solid #069;*/
	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;*/
	/* draws line on bottom edge of div */
	font: normal .7em Verdana, Arial, Helvetica, sans-serif;
	/*font-size: .7em;
	font-weight: bold;*/
	/* SET FONT-SIZE HERE */
	letter-spacing: .025em;
	background-color: #fff;
	/* colors the div */
	margin: 0px 0 10px 0px;
	padding: 20px 0px 30px 140px;
	/* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
}
	
#listmenu ul
{
	margin: 0 0 0 100px;
	/* indents ul from edge of container */
}

#listmenu li {
	float: left;
	/* causes the list to align horizontally instead of stack */
	position: relative;
	/* positioning context for the absolutely positioned drop-down */
	z-index: 99;
	/* causes the drop-down to appear above elements occuring later on the page*/
	list-style-type: none;
	/* removes the bullet off each list item */
	padding: 1px 5px 1px 5px;
	background-color: #fff;
	/*sets the background of the menu items */
	border-right:2px solid #666;
	/* creates dividing lines between the li elements */
	}

#listmenu li:first-child {
	border-left:2px solid #666;
	}

/*the first vertical line on the menu */

	/* remove these two lines is you want the top menu choices to be clickable */

#listmenu ul li a:hover {
	color: #930;
	cursor: default;
	}
/* removes the hover color and pointer - there is no choice to click so we disguise it */

#listmenu ul li ul li a:hover {
	color: #930;
	cursor: pointer;
	}
/* restores the hover color and pointer on the "drop-down" choices */

#listmenu li:hover{
	/*background-color: #999;*/
	/*sets the background of the menu items */
	}

#listmenu a {
	display: block;
	/*makes list items in drop down highlight and wrapped lines indent correctly */
	padding: 0 1px;
	/*creates space each side of menu item's text */
	text-decoration: none;
	/* removes the underlining of the link */
	color: #333;
	/* sets the type color */
	}

#listmenu a:hover { 
	color: #fff; 
	}
	
/* the drop-down starts here */
#listmenu ul li ul {
	margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	/*left:-1px;*/ /*aligns the drop exactly under the menu
	border-right: 0;*/
	}
#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	/* background-color: #666; */
	font-size: 1em;	/* SET FONT-SIZE HERE */
	/*border-left:1px solid #069;*/ /*  three sides of each drop-down item */
	/*font-variant: small-caps;*/
	border-bottom: 1px solid #666;
	text-align: left;
	border-right:0px solid #069; 
	padding: 2px 0 2px 1px;
	}


#listmenu ul li ul li:first-child {
	border-top:1px solid #666;  /*the top edge of the dropdown */
	border-left: 0px;
	border-right: 0px;
	}
	
/* make the drop-down display as the menu is rolled over */
#listmenu ul li ul {
	display:none;
	} /* conceals the drop-down when menu not hovered */

#listmenu ul li:hover ul, #listmenu ul li ul:hover {
	display:block;
	background-color: #FFF;
	color: #333;
	} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
 body #listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	left: 10em;
	top: -1px;
	}
	
#listmenu ul li ul li:hover ul {
	visibility:visible;
	border-bottom: 0px;
	} /* same effect as display:block in this situation */

/* second level popouts start here*/
#listmenu ul li ul li:hover ul li ul {
	visibility: hidden;
	left: 50em;
	}
	
#listmenu ul li ul li ul li:hover ul {
	visibility:visible;
	} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left: 2px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left: 50px; /* IE doubles the given value above - why? */
	}
	
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  #listmenu ul li ul {
	/*border-top:1px solid #069;*/
	border-left: 0px; /* stops the drop inheriting the ul border */
	}
	
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  #listmenu ul li ul li ul { 
  	left:9.85em; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	left:10em;
 	 }
 /*end navigation*/