﻿body { 
	background: #fff; 
	COLOR: #000; 
	margin: 0px; 
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
.clearme { clear: both; }

p {
	padding:0px;
	margin: 0 0 12px 0px;
	}
	
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	color: #333;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 24px;
	border-bottom: 1px dashed #666;
	}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin:0px 0 15px 0;
	padding:0px;
	}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px 0 5px 0;
	padding: 0px;
	}

ul {margin:0px; padding:0px;}
li {margin:0px; padding:0px;}

a:link{color: #333;}
a:visited{color: #333;}
a:active{color: #333;}
a:hover{color: #666;}

#container {
	width:756px;
	margin:0 auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 17px;
	}

.input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	margin:0 0 12px 0px;
	padding: 0;
	width:175px;
	}

#wrapper { 
	width:756px; 
	/*background-image: url(images/container_bg2.gif);
	background-repeat: repeat-y;
	background-position: top;*/
	margin:0px 0 20px 0; padding:0px;
	}

#wrapper { 
	width:756px; 
	background-image: url(images/inside_wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: top;
	margin:0px 0 20px 0; padding:0px;
	}

#header {
	width:756px;
	height:153px;
	background-image:url(images/inside_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float:left;
	margin:0px;
	padding:0px;
	}

#welcome {
	width: 523px;
	float: left;
	padding: 15px 0 0 10px;
	margin: 1px 0 0 0;
	color: #333;
/*	background-image: url(images/2col_body_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	}

.pgHome {
	background: #dbe0ee;
	}
	
.pgCalendar {
	background: #fefdd7;
	}

.pgEducation {
	background: #fae5d6;
	}

.pgArtists {
	background: #dcd7e9;
	}

.pgMembership {
	background: #e0eedf;
	}

.pgPressRoom {
	background: #f5d9e9;
	}

.pgLinks {
	background: #f2d7d7;
	}
	
.pgContact{
	background: #def2ed;
	}
	

#leftCol {
	width: 260px;
	float:left;
	margin: 0 0 20px 0;
	padding: 0 10px 0 25px;
	}

#leftCol ul {
	margin: 0 5px 0 35px;
	padding:0px;
	}
	
#leftCol li {
	margin:0px;
	padding:0 0 2px 0;}

#rightCol {
	float: right;
	width: 203px;
	margin-bottom: 30px;
	color: #563719;
	}

#rightCol img {margin:0 0 10px 0; border:3px solid #fff;}
	
#rightCol h1 {
	width:203px; 
	margin:0px 0 5px 0; 
	padding:0px;
	}

#rightCol dl {margin:0px;padding:0px; width:169px;}
#rightCol dt {
	margin:2px 18px 8px 0px;
	padding:0px;
	font-weight: bold;
	}

#rightCol dt a:link{color: #563719;}
#rightCol dt a:visited{color: #563719;}
#rightCol dt a:active{color: #563719;}
#rightCol dt a:hover{color: #CC6600;}

#rightCol dd {margin:0px 10px 0 0;padding:0px;}

#inside_body {
	width: 533px;
	float: left;
	padding: 15px 0 30px 0;
	margin: 1px 0 0 0;
	/*min-height: 260px;*/
	/*background-image: url(images/1col_bodybg.gif);
	background-repeat: repeat-y;*/
	}

.height {
	float: left; width: 1px; height: 190px;}
	
#body_bottom {
	width:536px;
	height:16px;
	clear:both;
	/*background-image: url(images/1col_bottom_border.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	padding-top:20px;
	}	
	
#singlecolumn {
	width:450px;
	float:left;
	padding:0 0px 0 35px;
	}

#singlecolumn ul {
	margin: 0 5px 0 35px;
	padding:0px;
	}
	
#singlecolumn li {
	margin:0px;
	padding:0 0 2px 0;
	}
	
#search_wrapper {
	width:450px;
	float:left;
	padding:0px;
	margin:0px 0 12px 0;
	background-image:url(images/map.gif); background-repeat:no-repeat;
	background-position: 220px -5px;
	}

#search_field {
	width:220px; 
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	}
	
#footer {
	background:url(images/footer_bg2.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:20px 20px;
	clear:both;
	color: #999;
	text-align: center;
	border-bottom:7px solid #fff;
	width:716px;
	}
#footer a:link{color: #333; text-decoration:none;}
#footer a:visited{color: #333;  text-decoration:none;}
#footer a:active{color: #333;  text-decoration:none;}
#footer a:hover{color: #333; text-decoration:underline;}

.table1 {
	border-right:2px solid #333;
	border-left:2px solid #333;
	border-bottom:2px solid #333;
	margin: 15px 0;
	background: #fff;
	}
	
.table1 td { padding: 2px 0px 2px 5px; vertical-align: top; }
.table1 .tablehead {
	background-color: #333;
	color: white;
	font-weight: bold;
	}
	
.table1 .tablehead a:link, .table1 .tablehead a:visited, .table1 .tablehead a:active 
{color:#fff;}
.table1 tr.alt { background: #e5e5e5; }

dl.locate {width:225px; float:left; display:inline; padding:2px 0px; margin:0px;}
dl.locate dt {width:225px; font-weight:bold; float:left;  margin:0px; padding:0px;}
dl.locate dd { float:left; margin:0px; padding:0px 0 0 0px; display:block;}

.dl_rows {width:450px;}

#photo {
	float:right; 
	width:230px;}
	
#photo img {border:1px solid #000;}
	
.hide {display:none;}

.about_container {
	padding-bottom:10px;}

.about_image{
	float:left; 
	width:80px; 
	padding:5px 15px 0 0;}
	
.about_image img {border:1px solid #937739;}
	
.about_body {
	float:left; 
	width:320px;}
	
	/*------------------------------------------------------------------------
SHORTHAND (delete once style sheet finished)

background:url(/images/interface/left_bg.gif) repeat-x bottom; 
background:url(/images/interface/left_bg.gif) no-repeat top left; 
background:#FF0000 url(/userdocs/history_pic1.gif) no-repeat 5px 50% fixed; 

list-style: url(/images/dot.gif) disc inside;

font: italic small-caps bold 13px/15px Verdana, Arial, Helvetica, sans-serif; 
font: 11px/13px Verdana, sans-serif; 
---------------------------------------------------------------------------*/
/*

.body { background: #FFF; COLOR: #000; margin: 0px; padding: 0px; }

P { margin:0px; }
UL { margin:0px; }
LI { margin:0px; }
FORM { margin:0px; }
INPUT { margin:0px; }
H1, H2, H3, H4, H5, H6, H7, H8 {margin:0px; }

H1 { font: bold 24px Verdana, Arial, Helvetica, sans-serif; COLOR: #0000FF; }
H2 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; COLOR: #0000FF; }

.content { font: 12px/14px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; }
.content A:link    { COLOR: #FF0000; }
.content A:visited { COLOR: #00FF00; }
.content A:active  { COLOR: #FFFF00; }
.content A:hover   { COLOR: #FFFF00; }

.welcome { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; }

.footer { font: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #DDDDDD; }
.footer A:link    { COLOR: #DDDDDD; }
.footer A:visited { COLOR: #DDDDDD; }
.footer A:active  { COLOR: #FFFFFF; }
.footer A:hover   { COLOR: #FFFFFF; }

#nav A { font: bold 11px Verdana, Arial, Helvetica, sans-serif; background: #990000; COLOR: #FFFFFF; display:block; text-decoration:none; }
#nav A:hover { background: #CC0000; COLOR: #FFFFFF; }
.nav { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
.nav A         { COLOR: #FF9999; text-decoration:none; }
.nav A:hover   { COLOR: #FF0000; text-decoration:none; }

#subnav A { font: 11px Verdana, Arial, Helvetica, sans-serif; background: #990000; COLOR: #FFFFFF; display:block; text-decoration:none; }
#subnav A:hover { background: #CC0000; COLOR: #FFFFFF; }
.subnav { font: 11px Verdana, Arial, Helvetica, sans-serif; }
.subnav A         { COLOR: #FF9999; text-decoration:none; }
.subnav A:hover   { COLOR: #FF0000; text-decoration:none; }


.border { COLOR: #000000; BORDER: solid #000000 1px; }

.input { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; background:#CCCCFF; }

.help { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #CC0000; }
.help A { COLOR: #CC0000; }
.error { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #006699; }
.error A { COLOR: #006699; }*/

/* THESE TABLES ARE USED BY GLOBAL ADMIN */
.tablea 
{
	COLOR: #000; 
	border:1px solid #fff; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#fff; 
	width: 100%;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tablea A:link { COLOR: #003C7B; text-decoration: underline;}
.tablea A:visited { COLOR: #003C7B; text-decoration: underline;}
.tablea A:active { COLOR: #003C7B; text-decoration: underline;}
.tablea A:hover { COLOR: #003C7B; text-decoration: none;}

.tablea td { padding: 2px; border: 1px;}

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tablea th {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5ea444;
	padding: 4px;
}
.tablea th A:link { color: #FFFFFF; text-decoration: underline;}
.tablea th A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea th A:active { color: #FFFFFF; text-decoration: underline; }
.tablea th A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5ea444;
	padding: 20px;
}
.tablea .header A:link { color: #FFFFFF; text-decoration: underline;}
.tablea .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:active { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header td { padding: 2px;}

.tablea .footer { 
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tablea .footer td { text-align: center;}
.tablea .alt { background:#E2E2D2;}
.tablea .pager { font-size: 12px; COLOR: #000000; background:#FFFFFF; }
.tablea .pager A         { font-weight:bold; }

.tableb {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	border: 1px solid #fffb76;
	background: #fefdd7;
	color: #000000;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tableb A:link { COLOR: #003C7B; text-decoration: underline;}
.tableb A:visited { COLOR: #003C7B; text-decoration: underline;}
.tableb A:active { COLOR: #003C7B; text-decoration: underline;}
.tableb A:hover { COLOR: #003C7B; text-decoration: none;}

.tableb td { padding: 2px; border: 1px; }

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tableb th {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ea7627;
	padding: 4px;
}
.tableb th A:link { color: #FFFFFF; text-decoration: underline;}
.tableb th A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb th A:active { color: #FFFFFF; text-decoration: underline; }
.tableb th A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header 
{
    text-align:left;
    display: block;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #ea7627;
	padding: 3px;
}
.tableb .header A:link { color: #FFFFFF; text-decoration: underline;}
.tableb .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:active { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header td { padding: 2px; }

.tableb .footer { 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tableb .footer td { text-align: center;}
.tableb .alt { background:#fff; border-bottom: 1px solid #d4d056;}
.headerBG { background: #254fa3; font-family: Verdana; font-size: 12px; color: #fff; height: 170px;}
.headerBG a:link, .headerBG a:visited { color: #fff;}

.button { 	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; COLOR: #fff; background: #cc0000; border: 2px solid darkred; padding: 2px; }

.eventTable {
	clear: both;
	margin: 0 0 20px 0;
	width:100%;
	}
	
.eventTable h3 {margin-bottom:15px;}
.eventTable img {border:1px solid #000; margin:15px 0;}
	
/*.eventTable h2 {
	clear: both;
	margin: 0 0 20px 0;
	}*/
	
.calendar {
	background: white;
	border: #333;
	}
	
.calendar td {
	background: #333;
	color: #fff;
	}
	
.calendar td.day {
	background: white;
	border: #333;
	color: #333;
	}
	
.calendar td.day a:link, .calendar td.day a:visited {
	color: #fff;
	}
