/* NOTE: this style sheet was designed using advice given in "Designing with Web Standards" by Jeffrey Zeldman (New Riders, 2003).  READ IT. */

/* GLOBAL STYLES */
body  {
	color: #000;
	background: #006;
	margin: 0 0 0 0;
	padding: 0; 
	}

h1, h2, h3, h4, h5, h6, a, p, ul, li {
		font-family: verdana, arial, sans-serif;
		color: #000;
		}
		
html p	{font-size: 97%;}
hr {color: #306;}

/* ANCHOR PSEUDO-CLASSES (LVHA) */
a:link {
	text-decoration : underline; 
	color: #006; 
	background: transparent; 
	}

a:visited {
	text-decoration : underline; 
	color: #006;
	background: transparent; 
	}

a:hover {
	text-decoration : underline; 
	color: #69f;
	background: transparent; 
	}

a:active {
	text-decoration : underline; 
	}


/* NOTE: leave active state unchallenged to avoid pseudo-class shenanigans in IE/Windas.  See "Designing with Web Standards" p. 239, by Jeffrey Zeldman (New Riders, 2003) */

/* SPECIAL STYLES */
#pageheader {
	text-align: center;}
	
#pageheader img {
	margin: 0 0 10px 0;}

/* this is the promo image on the members special programs page */
#promoimage {
	position: absolute;
	top: 160px;
	left: 50px;}

/* these are promo image on the members special programs page */
#headerparas {
	margin: 10px 0 0 10px;
	}
	
ul#subnav {
	margin: 10px 0 10px 25px;
	text-size: 95%;
	list-style: none;
	font-weight: bold;
	}
ul#subnav li {
	line-height: 1.5em;
	}

/* CONTENT DIV STYLES */
#content h1 {
	font-size: 125%;}

#content h2 {
	font-size: 120%;
	margin: 0 0 20px 5px;
	display: block;}
	
#content h3 {
	font-size: 115%;
	margin: 0 0 0 5px;
	display: inline;}
	
#content h4 {
	font-size: 110%;
	margin: 15px 0 5px 5px;
	display: inline;}

#content h5 {
	font-size: 105%;
	margin: 15px 0 5px 0px;}
	
#content h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 30px 0 5px 0;}
	
#content p {
	margin: 0 30px 5px 10px;
	font-size: 90%;}

#content ul {
	font-size: 90%;
	margin: 5px 5px;
	list-style: none;}
	
#content ul.menu {
	font-size: 110%;
	margin: 5px 5px;
	list-style: none;
	font-weight: bold;}

#content ul.nav1, #content li.date, #content li.time, #content li.price {
	font-weight: bold;}

#content li.loc {font-style: italic;}
	
#content ul.nav1 li, #content ul.menu li {padding: 3px;}

#content .entry {
	margin: 30px 0;}
	
.back {
	text-align: center;
	margin: 20px 0;}

/* text template banner styles */
.title {
font: 20px Verdana, Arial, sans-serif;
color: #fff;
background: #006;
padding: 5px;
display: inline;}

.subtitle {
font: bold 16px verdana, arial, sans-serif;
color: #000066;
background: #fff;
padding: 2px;
display: inline;}

/* hayden programs styles */
#haydenprog h1 {
font-size: 125%;}

#haydenprog h2 {
font-size: 120%;}

#haydenprog h3 {
font-size: 115%;}

#haydenprog h4 {
font-size: 110%;}

#haydenprog h5 {
margin: 100px 0 5px 0;
display: inline;
font-size: 105%;}

#haydenprog h6 {
margin: 30px 0 5px 0;
font-size: 100%;
font-weight: bold;}

#haydenprog p {
margin: 0 30px 5px 10px;
font-size: 90%;}

#haydenprog ul {
list-style: none;
margin: 5px 5px;
font-size: 90%;}

#haydenprog ul.instructor {
font-size: 90%; font-style: italic;}

#haydenprog ul.nav1 {font-size: 105%; font-weight: bold;}

#haydenprog li.lecturer {font-size: 105%; font-weight: bold; margin-bottom: 10px;}
#haydenprog li.code {font-size: 100%; font-weight: bold; color: #006;}
#haydenprog li.date, #haydenprog li.time {font-size: 100%; font-weight: bold;}
	
#haydenprog .back {
text-align: center;
margin: 25px 0px;
font-size: 90%;}

#haydenprog .entry {
	margin: 30px 0;
	}

/* ns4 friendly image styles */
.image {
float: right;
padding: 10px;
width: 300px;}

.imageleft {
float: left;
padding: 10px;
width: 200px;}

#content .image img {margin: 5px 0 0 0;}


#haydenprog img.ticketbutton {display: inline;}
div#haydenprog div.image img {float: right;}

#content .image h5, #content .imageleft h5, #content .imageright h5, #haydenprog .image h5 {
margin: 0;
display: block;
font: italic 80% verdana, arial, sans-serif;}

#content .image h6, #content .imageleft h6, #content .imageright h6, #haydenprog .image h6 {
margin: 0;
display: block;
font: 65% verdana, arial, sans-serif;}

/* this supports existing code */
.image img {
display: block;}

.credit {
font: italic 75% verdana, arial, sans-serif;
display: block;}

.soldout {font: bold 100% verdana, arial, sans-serif; color: #f00;}

h6.back {text-align: center; font-size: 85%;}