/***** Page *****/

body
{
	background:#fff;
	font:70% verdana;
	color:#669999;
	margin:0;
	padding:0;
	margin-top:0px;
	background-image:url(../images/monsterbackground4.jpg);
	background-repeat:repeat-x;
	color: #454545; 
		
}

body a:visited 
{
	text-decoration:none;
	border:0;	
}

.left 
{
	float:left;
	padding:0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	display:inline;
}

.right
{
	display:inline;
	float:right;
	text-align:right;
	padding:0;
	font-size:xx-small;
	font-weight:normal;
}

.button
{
	padding:0;
	font-size:9px;
	color:#C8C8C8;
	font-weight:normal;
	background-color:#333333;
	background-repeat:no-repeat;
	border-bottom:#999999 1px solid;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	border-top:#999999 1px solid;
	
}

/***** Wrapper *****/

#wrapper
{
	background:#2E3336;
	border-left:0px dashed #cc6600;
	border-right:0px dashed #fff;
	color:#000;
	margin:0 auto;
	padding:0;
	width:780px;
}

/***** Top *****/

#top
{
	background:#fff;
	color:#fff;
	margin:0;
	padding:0;
}


#top .left
{
	margin:4px 0 0 8px;

}

#top .right
{
	
	margin:4px 8px 0 0;
}

#top a
{
	background:inherit;
	color:#fff;
	text-decoration:none;
}

#top a:hover
{
	text-decoration:underline;
}

/****Drop Down Menu TEST ****/
#Layer1 {
	position:relative;
	width:500px;
	height:15px;
	z-index:1;
	left: 0px;
	top: 0px;
} -->

/***** Navigation *****/

#navigation ul,#navigation li
{
	margin:0;
	padding:0;
}

#navigation
{
	/***background:#CC6600;
	background-image:;
	color:#fff;
	font-size:1em;
	height:2em;
	line-height:2em;***/
	background:#3B4145;
	background-image:url(../images/monsterTOPbuttons.jpg);
	background-repeat:repeat-x;
	color:#fff;
	font-face:trashed;
	font-size:0.8em;
	height:4em;
	line-height:2em;
}

#navigation li
{
	float:left;
	list-style:none;
	white-space:nowrap;
}

#navigation li a
{
	background:inherit;
	color:#FFF;
	display:;
	font-weight:bold;
	padding:0 15px;
	text-decoration:none;
	text-transform:uppercase;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover
{
	background:;
	color:#fff;
	text-decoration:underline;
}

/***** Content *****/

#content
{
	background:#2E3336;
	font-face: Verdana;
	color:#C0C7C9;
	float:left;
	padding:20px 5px 10px 25px;
	width:580px;
	border-right:0px dashed #999999;
	color:#C0C7C9;
	background-repeat:no-repeat;
}

#content h1
{
	color:#CC6600;
	font-size:1.4em;
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
	background:inherit;
}

#content h3
{
	color: #669900;
	font-size:1.0em;
	margin:0;
	padding:0 0 0 10px;
	font-weight:normal;
	background:inherit;
	font-weight:bold;


}

#content h2
{
	color:#fff;
	font-size:1.1em;
	margin:0;
	padding:0 0 0 10px;
	font-weight:normal;
	background:inherit;
	font-weight:bold;


}

#content p
{
	margin:10px 5px;
	padding-left:10px;
	padding-right:10px;
	
	
}

#content a
{
	text-decoration:none;
	color:#00BCFB;
}

#content a:hover
{
	text-decoration:underline;
}

.style22 {font-size: 80%}

/***** Side Content *****/

#sidecontent
{
	margin:0;
	padding:15px 2px 0 0;
	border-left:0px dashed #999999;
	border-bottom:0px dashed #999999;
	float:right;
	width:164px;
	background-image:url(../images/sidebk.jpg);
	background-repeat:no-repeat;
	
}

#sidecontent ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#sidecontent li
{
  padding: 0.1ex 0;
  border-bottom: 0px dashed #2E3336;
}

#sidecontent li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#045A73;
}

#sidecontent li a:hover
{
	background:#068AB0;
	color:white;
}

#aboutus
{
	margin:0;
	padding:5px 2px 0 0;
	border-left:0px dashed #999999;
	border-bottom:0px dashed #999999;
	float:right;
	width:164px;
	background-image:;
	background-repeat:no-repeat;
	
}



#aboutus ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#aboutus li
{
  padding: 0.1ex 0;
  border-bottom: 0px dashed #2E3336;
}

#aboutus li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#996600;
}

#aboutus li a:hover
{
	background:#C48400;
	color:white;
}

#artwork
{
	margin:0;
	padding:5px 2px 0 0;
	border-left:0px dashed #999999;
	border-bottom:0px dashed #999999;

	width:164px;
	background-image:;
	background-repeat:no-repeat;
	
}



#artwork ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#artwork li
{
  padding: 0.1ex 0;
  border-bottom: 0px dashed #2E3336;
}

#artwork li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#743A74;
}

#artwork li a:hover
{
	background:#A653A6;
	color:white;
}

#active {

	color:#C48400;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#C48400;
background-image:url(../images/li_backabout.gif);
background-repeat:no-repeat;
}
/** this relates to the menu when it has a submenu highlighted and you want to have a link working */
#activeblank {

	
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px 0 0;
	background:#333;
background-repeat:no-repeat;
}

#activeblank ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#activeblank li
{
 color:#333;
  padding: 0ex 0;
  border-bottom: 0px dashed #2E3336;
}

#activeblank li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#C48400;
	border-top: 1px solid #333;
}

#activeblank li a:hover
{
	background:#996600;
	color:white;
}

/** this is as above but in blue **/

#activeblankblue {

	
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px 0 0;
	background:#333;
background-repeat:no-repeat;
}

#activeblankblue ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#activeblankblue li
{
 color:#333;
  padding: 0ex 0;
  border-bottom: 0px dashed #2E3336;
}

#activeblankblue li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#068AB0;
	border-top: 1px solid #333;
}

#activeblankblue li a:hover
{
	background:#045A73;
	color:white;
}

/** active purple link with sub links**/

#activeblankpurp {

	
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px 0 0;
	background:#333;
background-repeat:no-repeat;
}

#activeblankpurp ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#activeblankpurp li
{
 color:#333;
  padding: 0ex 0;
  border-bottom: 0px dashed #2E3336;
}

#activeblankpurp li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#A653A6;
	border-top: 1px solid #333;
}

#activeblankpurp li a:hover
{
	background:#743A74;
	color:white;
}


/**this section deals with the news and events sub menu**/

#newsmenu {

	
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px 0 0;
	background:#333;
background-repeat:no-repeat;
}

#newsmenu ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#newsmenu li
{
 color:#333;
  padding: 0ex 0;
  border-bottom: 0px dashed #2E3336;
}

#newsmenu li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#C48400;
	border-top: 1px solid #333;
}

#newsmenu li a:hover
{
	background:#996600;
	color:white;
}
/** THIS IS FOR THE SUBMENU, newsmenusub IS BLUE**/
#newsmenusub{

color:#068AB0;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px;
}

#activesubblue{

	
	text-decoration:none;
	font-weight: 500;
	color:#99CC00;
	font-size:1em;
	display:block;
	padding:2px 10px;
	background:#2E3336;
	background-image:url(../images/subBackgroundBlue.gif);
	background-repeat:no-repeat;
	
}	

#activesubbluea{

	
	text-decoration:none;
	font-weight: 500;
	color:#99CC00;
	font-size:1em;
	display:block;
	padding:2px 10px;
	background:#2E3336;
	/**background-image:url(../images/subBackgroundBlue.gif);**/
	background-repeat:no-repeat;
	
}	


#newsmenusub li a {

	
	text-decoration:none;
	font-weight: 500;
	color:#fff;
	font-size:1em;
	display:block;
	padding:4px 10px;
	background:#2E3336;
	

}



#newsmenusub li a:hover
{
	background:#2E3336;
	color:#99CC00;
}
/** end **/

/** THIS IS FOR THE SUBMENU, artworkmenusub IS purple**/
#artworkmenusub{

color:#A653A6;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px;
}

#activesubpurple{

	
	text-decoration:none;
	font-weight: 500;
	color:#A653A6;
	font-size:1em;
	display:block;
	padding:2px 10px;
	background:#2E3336;
	background-image:url(../images/subBackgroundpurple.gif);
	background-repeat:no-repeat;
	
}	

#artworkmenusub li a {

	
	text-decoration:none;
	font-weight: 500;
	color:#fff;
	font-size:1em;
	display:block;
	padding:4px 10px;
	background:#2E3336;
	

}



#artworkmenusub li a:hover
{
	background:#2E3336;
	color:#A653A6;
}
/** end **/
#activedown {

	color:#C48400;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#C48400;
background-image:url(../images/li_backorange.gif);
background-repeat:no-repeat;
}


/**#activesuborange {

	
	text-decoration:none;
	font-weight: 500;
	color:#C48400;
	font-size:1em;
	display:block;
	padding:4px 4px;
	background:#2E3336;
	background-image:url(../images/subBackground.gif);
	background-repeat:no-repeat;
	

}**/

#activesuborange{

	
	text-decoration:none;
	font-weight: 500;
	color:#C48400;
	font-size:1em;
	display:block;
	padding:2px 10px;
	background:#2E3336;
	background-image:url(../images/subBackground.gif);
	background-repeat:no-repeat;
	

}
/** THIS IS FOR THE SUBMENU, ACTIVESUB IS ORANGE(ABOUT US)**/
#activesub {

	color:#C48400;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:0px 0px;
}

#activesub li a {

	
	text-decoration:none;
	font-weight: 500;
	color:#fff;
	font-size:1em;
	display:block;
	padding:4px 10px;
	background:#2E3336;
	

}



#activesub li a:hover
{
	background:#2E3336;
	color:#C48400;
}

/** END**/
#whatson h1
{
	color:#99CC00;
	font-size:1.4em;
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
	

}

#active1 {

	color:#84C1C1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#068AB0;
background-image:url(../images/li_backwhat.gif);
background-repeat:no-repeat;
}

#about h1
{
	color:#C48400;
	font-size:1.4em;
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
	background:inherit;


}

#active2 {

	color:#84C1C1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: 500;
	font-size:1em;
	display:block;
	padding:8px 10px;
	background:#A653A6;
background-image:url(../images/li_backart.gif);
background-repeat:no-repeat;
}

#artwork h1
{
	color:#A653A6;
	font-size:1.4em;
	margin:0;
	padding:10px 5px 0 0;
	background:inherit;


}
#sidecontent h2
{
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:10px 0 2px 8px;
	
	color:#FFF;
}
/***** BOXES *****/
.boxright {
position: relative; 
float:left;
border: 0px;
width: 290px;
height: 80px;
left: 0px; 
top: 5px; 
bottom: 5px;
margin: 0px; 
padding: 6px;
padding-bottom: 6px; }
.box2 {
position: relative; 
float:left;
border: 1px;
width: 270px;
height: 80px;
left: 0px; 
top: 5px; 
bottom: 5px;
margin: 0px; 
padding: 6px;
padding-bottom: 6px; }
.box3 {
position: relative; 
float:right;
border: 1px;
width: 255px;
height: 80px;
left: 0px; 
top: 5px; 
bottom: 5px;
margin: 0px; 
padding: 6px;
padding-bottom: 6px;
}
.box4 {
position: relative; 
float:right;
border: 1px;
width: 270px;
height: 80px;
left: 0px; 
top: 5px; 
bottom: 5px;
margin: 0px; 
padding: 6px;

padding-bottom: 6px; }

/***** Footer *****/

#footer
{
	background:#3B4145;
	clear:both;
	/***color:#2681B8;***/
	color:#FFFFFF;
	font-size:.9em;
	height:1.8em;
	line-height:1.8em;
	padding:10px 5px 10px 20px;
	/***border-top:1px solid #999999;***//**background:#FFF;
	background-image:url(../images/banners/bottomorange.gif);
	background-repeat: no-repeat;
	clear:both;
	/***color:#2681B8;***/
	/**color:#FFF;
	font-size:.9em;
	height:3.5em;
	line-height:2.8em;
	padding:0;
	text-align:center;
	/***border-top:1px solid #999999;***/ 
}

#footer a
{
	background:inherit;
	color:#fff;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer .left
{
	margin:0 0 0 8px;

}

#footer .right
{
	
	margin:0 8px 0 0;
}

