*  {padding: 0; margin: 0; }
body {	font-family: 'Century Gothic', Arial, sans-serif; 
			width: 100%; background: url(../images/backgrad.png) repeat-x top left #c9d5e0; text-align: center; font-size: 1em;}

p   { margin: 0.5em 0 0 1.5em; font-weight: 200;  }
h3, h4  { margin: 10px 0 0 15px; color: #17457a; font-size: 1.5em; }

h5  { margin: 1em 0 0 1.5em; padding-bottom: 0.1em; color: #17457a; font-size: 1.4em; }
h5 a  { color: #17457a;  } 
h5 a:hover { color: #cc88ff; } 

h6    { font-size: 1em; font-weight: bold; margin: 5px auto; color: #17457a;   }

#wrapper { background: #fff;  
				width: 90%; 
				min-width: 950px; 
				border: outset #fff 2px; 
				border-bottom: 0; 
				margin: 25px auto; 
				margin-bottom: 0;
				}


#header {	width: 100%; 
				clear: both; 
				text-align: right; 
				height: 160px;   /*  add ie hack here - using min-height breaks ie layout    */
				background: url(../images/Heading.jpg) repeat-x bottom right #992929; 
					}
#header img { padding: 54px 0 0 0; 
					margin-right: 20px; 
					float: left;  
					background: #992929; 
					border-right: 1px #fff solid;
						}
#headtext h1 { color: #992929; display: none; }
#headtext { float: right; background: url(../images/titletext.png) no-repeat top center; width: 600px; height: 126px; margin: 5px; }
.maintitle  { text-align: center; font-size: 2em; padding-bottom: 0.5em;  line-height: 1.3em; }

#content { padding: 10px 2% 25px 2%; color: #222; text-align: justify; background: #fff; float: left; width: 76%; position: relative; z-index: 0; }
#content img { margin: 8px 10px 4px 15px; float: right; border: none; }
#content a { color: #17457a;  }
#content ul {  list-style-type: disc; font-weight: normal; margin: 1em 0 1em 4em;}
#content li { margin: 0 0 4px 0; font-size: 0.9em; }
#mini > * { font-size: 0.7em; font-weight: normal; padding: 0 75px 0 60px; margin: 0;}
#mini h5 { text-align: center;  margin: 1.3em 0 0.4em 0;}
#open { padding: 30px; }
#season { padding: 10px; margin: 0; font-weight: bold; color: #17457a; background: #99ccff;}
#open * { font-size: 1.2em; text-align: center; }

.gallery {	float: right; 
				width: 55%; 
				max-width: 400px; 
				min-width: 350px;
				padding: 15px;
					}
.gallery * { width: 100%; height: 400px; }

.exhib  {width: 100%; border: 3px solid #99ccff;  }
.exhib p {max-width: 94%; }

#nav	{		font-weight: bold; 
				text-align: right; 
				width: 80%;
				float: right;
				vertical-align: 100%;	
				/*background: #992929; */
						} 
								

.button { 			font-size: 1em; 
						float: right;
						text-align: center;
						border: solid 1px #fff;
						border-bottom: solid #173082 1px; 
						height: 1.4em;
						margin: 0 0.6% 0 0.6%;
						background: #17457a;
								}


.button a, #subnav a, menu a  {  text-decoration: none;
					color: #fff; 
					
				  	 }
.button a {margin: 5px; }
.menu { color #fff; 
			font-weight: normal;
			font-size: 0.9em;
			position: relative; z-index: 5; left: 0;
			margin: 0 -0.6% 0 -0.6%; 
			background: #17457a; 
			padding: 5px 10px 5px 10px; 
			text-align: center; 
			line-height: 1.5em; 
			border: solid 1px #fff; 
			border-top: solid 1px #17457a;
			display: none;
				}
.menu li, .vmenu li {  }

#subnav {  float: left;
				position: relative; z-index: 0; 
				min-width: 160px; 
				background: url(../images/corner.png) no-repeat 100% 100% #992929;
				font-weight: bold; }

#subnav img { padding: 12px 8px 0 8px; }

#subnav ul, .menu ul { list-style-type: none; 
								color: #fff; }

#subnav > ul { padding: 5px 0 35px 0; }

#subnav a, #subnav .here { 
					padding: 5px 18px 5px 15px; 
					font-size: 1em;					
					border-bottom: 1px solid #fff;
					display: block;}

.vmenu { font-weight: normal;
			position: relative; left: 3em; 
			font-size: 0.9em;
			background: #17457a; 
			text-align: left; 
			line-height: 1.2em; 
			border: solid 1px #fff; 
			border-top: none;
			display: none;
				}

.button a:hover, #subnav a:hover  {  color: #f7c400; background: #17457a;}
.pad20 {clear: both; padding-bottom: 20px; }
.pad5 {   padding-bottom: 5px; clear: both; }
.clear { clear: both;}
.left { float: left; }
.right { float: right; }

#footwrap {	background: url(../images/Banner.png) no-repeat bottom #fff;    
					width: 90%; 
					min-height: 100px;
					min-width: 950px; 
					border: outset  #fff 2px; 
					border-top: 0;  
					margin: 0 auto 20px auto; 
						}	

#footer {  color: #173082; width: 100%; font-weight: bold; padding-bottom: 8px; font-size: 0.9em; min-height: 50px; } 
#footer ul { float: right; margin: 10px;  width: 96%; }
#footer li { display: inline; margin-left: 1.3em; margin-top: 40px; }
#footer a { color: #fff;  text-decoration: none;}

#power { margin: 10px auto; font-size: 0.8em; width: 85%; }
#power a {  text-decoration: none; float: right; color: #fff; }