﻿body { 
	background: #000033 url(/images/inside_bg.jpg) no-repeat left top; 
	COLOR: #000; 
	margin: 0px; 
	padding: 0px;}

p {
	padding:0px;
	margin: 0 0 12px 0px;
	}
	
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	color: #613191;
	margin:0px 0 8px 0;
	padding:0px;
	line-height: 24px;
	}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #613191;
	margin:0px 0 5px 0;
	padding:0px;
	}

ul {margin:0px; padding:0px;}
li {margin:0px; padding:0px;}

a:link{color: #6600CC;}
a:visited{color: #6600CC;}
a:active{color: #6600CC;}
a:hover{color: #CC6600;}

#container {
	width: 981px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #69369c;
	font-size: 11px;
	line-height: 17px;
/*	background:red;*/
	background-image:url(images/container_top.gif); 
	background-position:left 35px;
	background-repeat:no-repeat;
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9966cc;
	font-size: 11px;
	margin:0 0 12px 0px;
	padding: 0;
	width:175px;
	}

#wrapper { 
	width:980px; 
	background-image: url(/images/inside_wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: 2px top;
	margin:0px 0 20px 0; padding:0px;
	}

#header {
	width:980px;
	height:138px;
	background-image:url(images/header.gif);
	background-repeat: no-repeat;
	background-position:17px top;
	float:left;
	margin:0px;
	padding:0px;
	}

#welcome {
	width: 730px;
	float:left;
	padding: 0;
	margin:0;
	background: url(/images/2col_body_bg.gif) no-repeat 0px top;
	}

#leftCol {
	width:420px;
	float:left;
	margin: 0 0 20px 0;
	padding: 160px 35px 0 50px;
/*	background:green;*/
	}

#leftCol ul {
	margin: 0 5px 0 35px;
	padding:0px;
	}
	
#leftCol li {
	margin:0px;
	padding:0 0 2px 0;}
.upcomingEvents {
	float:left;
	width:223px;

}
.navColumn {
	float:left;
	width:223px;

}
#rightCol {
	float:left;
	width:170px;
	margin: 30px 0;
	padding: 120px 10px 10px 10px;
	color: #613191;
/*	background:red;*/
	}

#rightCol img {margin:0 0 10px 26px; border:3px solid #fff;}
	
#rightCol h1 {
/*	background-image:url(/images/featured_museum_header.gif);
*/	width:170px; 
	height:34px; 
	text-indent:-9999px; 
	margin:0px 0 5px 0; 
	padding:0px;
/*	background-color:green;*/
	}
#rightCol ul {
	list-style:none;
	}

#rightCol dl {margin:0px;padding:0px; width:169px;}
#rightCol dt {
	margin:2px 18px 8px 18px;
	padding:0px;
	font-weight: bold;
	}

#rightCol dt a:link{color: #6600CC;}
#rightCol dt a:visited{color: #6600CC;}
#rightCol dt a:active{color: #6600CC;}
#rightCol dt a:hover{color: #CC6600;}

#rightCol dd {margin:0px 10px 0 18px;padding:0px;}

#inside_body {
	width:533px;
	float:left;
	padding:0 0 0 0px;
	margin:0px;
	/*background-image: url(/images/1col_bodybg.gif);
	background-repeat: repeat-y;*/
	}
	
#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: Verdana, Arial, Helvetica, sans-serif;
	color: #9966cc;
	font-size: 11px;
	}
	
#footer {
	background-image:url(/images/footer_bg2.gif);
	background-position:2px top;
	background-repeat:no-repeat;
	padding:20px 60px 0 60px;
	clear:both;
	color:#FF0000;
	text-align: center;
/*	border-bottom:7px solid #fff;*/
	width:981px;
	height:90px;
	}
	
#footer a:link{color:#9966CC; text-decoration:none;}
#footer a:visited{color:#9966CC;  text-decoration:none;}
#footer a:active{color:#9966CC;  text-decoration:none;}
#footer a:hover{color:#330099; text-decoration:underline;}

.table1 {
	border-right:2px solid #9966cc;
	border-left:2px solid #9966cc;
	border-bottom:2px solid #9966cc;
	margin:15px 0;}
	
.table1 td {padding:2px 0px 2px 5px; vertical-align:top;}
.table1 .tablehead {
	background-color:#9966cc;
	color:white;
	font-weight: bold;
	}
.table1 tr.alt {background-color:#fff;}

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;}

#museum_pic {
	float:right; 
	width:230px;}
	
#museum_pic img {border:3px solid #fff;}
	
.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; }
.button { 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; 
	background:#662E93; 
	border:1px solid #662E93; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefe1; 
	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: #662E93;
	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: #66CC00;
	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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	border: 1px solid #9966cc;
	background: #ffffff;
	color: #000000;
	border-color: #DEDEDE;
	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: #9966cc;
	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: #66FF00;
	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:#DDD;}
.headerBG {
	font-family: Verdana;
	font-size: 12px;
	background-color: #FFFFFF;
}
