/* H O M E P A G E */
body, td, th, input, textarea{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 87%; color: white; letter-spacing: .05em;}
body { background-color:white; text-align:center; background-position:center; background-repeat:repeat-y; margin: 0px; padding: 0px; }

/* T e x t A n d L i n k S t y l e s */
h1 {font-weight:normal; font-family:"Century Gothic", Century, Arial, sans-serif;color:#000066;font-size:165%;padding:0px 0px; margin:15px 5px;}
h3 {font-weight:bold; color:white;font-size:105%;padding:0px 0px; margin:10px 5px;}
h2 {font-weight:normal; font-family:"Century Gothic", Century, Arial, sans-serif;color:#999;font-size:125%;padding:0px; margin:5px 5px;letter-spacing:3px;}
p {padding:0px; margin:15px 25px 15px 0px;}
sup {font-size:75%;}

A:link, A:active {color:#0099FF;text-decoration:none;}
A:visited {color:#0099FF;text-decoration:none;}  
A:hover, A:focus {color:#FF1A00;text-decoration:none;} 

#container { margin: 0px 0px 0px 0px; width:100%; height:188px; background-image: url(/images/banner_bg.jpg);  background-repeat:repeat-x;border: 0px none red; }

#locations { margin: 0px 0px 0px 0px; width:100%; color:#CCC; font-size:80%; text-align:left; }
#locations a  {text-decoration:underline; color:#AD0000; font-weight:bold;  }
#locations a.hover, #locations a:hover { text-decoration:none; color:#FF3300; font-weight:bold;}
#locations span.on {color:#FF3300; font-weight:bold;}

#index { margin: 0px 0px; width:100%; height:188px; background-image: url(/images/banner.jpg); background-position:right; background-repeat:no-repeat; }
#index a.aai 
{
	font-size:100%;
	text-decoration:none;
	color:white;  
	text-transform:uppercase; 
	background-image:url(../images/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
#index a.aai:hover, #index a.em:hover { text-decoration:underline; }
#index a.em 
{
	font-size:100%;
	text-decoration:none;
	color:white; 
	text-transform:uppercase; 
	background-image:url(../images/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#index li.aai { text-align:right; }
#index li.em { text-align:left; }
#index table { width:100%; height:100%; }
#index ul.em { }
#index ul.aai { }
ul { margin:0px; padding:0px; }
li { margin:0px; padding:3px; list-style:none; }

div.spacer { width:7px; display:inline; }
div.notes { width:96%; margin:0px auto;padding:0px;}
div.note { position:relative; width:31%; padding:0px 10px; vertical-align:top; float:left;}
div.note .top { border-bottom: 1px solid black; margin:0px 2px; height:1px; font-size:1px; }
div.note .text { text-align: left; border: 1px solid #333; background-image:url(/images/notes_bg.jpg); background-repeat:repeat-y; color:white; background-color:black;}
div.note .text p { margin: 15px; font-size:95%; }
div.note .text h2 { color:white; font-weight:bold; font-size:125%; margin: 5px 15px 10px 15px; }
div.note .bottom { border-top: 1px solid black; margin:0px 2px; height:1px; font-size:1px; }
div.note .text ul{ padding: 0px 15px 15px 15px; margin:0px 0px; list-style-type: none;}
div.note .text ul li{margin:0px 0px; padding:2px 0px 2px 15px;background-repeat: no-repeat;background: url(../images/dot_nav.gif);background-position: 0 50%;background-repeat: no-repeat;}
div.note .text ul li a{color:White; font-size:82%; font-weight:bold; letter-spacing:0px; text-decoration:none;}
div.note .text ul li a:link, div.note .text li a:visited, div#leftnav li a:active{text-decoration: none;}
div.note .text ul li a:hover, div.note .text li a:focus {text-decoration: underline;}


.footer { color:#666666; font-size:75%; line-height: 17px; width:880px; margin:10px auto; letter-spacing:.2em; }
.footer { color:#666666; font-size:75%; line-height: 17px; width:880px; margin:10px auto; letter-spacing:.2em; }
.footer .right { width:90%; display:inline; vertical-align:top; }
.footer .address { margin-top:15px; }
.footer .links { margin-bottom:15px; }
.footer .links a { color:#D1560D; margin-bottom:15px; }
.footer .links a:hover { text-decoration:underline; color:#F38441; }
.footer .contact {font-size:125%; color:#333;margin-bottom:5px;display:block;}

.header { color:#999; font-size:85%; line-height: 17px; width:880px; margin:20px auto 10px auto; letter-spacing:.2em; }

div.event {margin-left:5px;margin-right:15px; border-bottom: solid 1px #ccc;}
div.event div.Time {font-size:80%; font-style:italic; }
div.event div.Title {font-weight:bold; font-variant:small-caps;color:#FFF;font-size:115%;}
div.event div.body { padding-top: 15px;padding-bottom: 15px;}
ul.program{font-size:80%;padding-top:0;margin-top:0;}

input { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066;}
input.button{color:#FFFFFF; background-color: #000066; font-size:10px; text-align: center;  font-family:  Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #FFEFE5; }
select { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066; font-size:10px;}
option { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066; font-size:10px;}