html, body {height:100%;}
body {
	padding:0;
	margin:0;
	margin-top:0px;
	margin-left:0px;
	background-color:#000000;
	background: url(http://www.artsudbury.org/Templates/images/background_centre.gif);
	color: #000000;
}

a{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;   
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;	
}

div {
	border:0px;
	margin:0px;
	padding:0px;
}


a:visited{
	color:#CCCCCC;
	text-decoration: none;
}

a:hover{
	color:#99CCFF;
	text-decoration: none;
}

#outer
{
	padding:0px;
	margin:0px;
	height:100%;
	min-height:100%;
	min-width:300px;
	margin-left:387px;
	background-color:#000000;
	margin-bottom:-30px;
	color: #000000;
	clear:right;
}
#outerwhite
{
	padding:0px;
	margin:0px;
	height:100%;
	min-height:100%;
	min-width:300px;
	margin-left:387px;
	background-color:#FFFFFF;
	margin-bottom:-30px;
	color: #FFFFFF;
	clear:right;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
	height:92px;
	width:100%;
	/*background-color:#000000;*/
	
	background: url(http://209.97.215.4/Templates/images/background_top_black.gif);
}

#printerfriendlylink
{
	width:600px;
	top:10px;
	left:-30px;
	position:absolute;
}



#headerleft
{
	margin:0px;
	padding:0px;
	position:absolute;
	top:9px;
	left:9px;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;	
	background-color:#000000;
}

#innerheaderleft {
	border:0px;
	margin:0px;
	padding:0px;
	height:81px;
	width:761px;
}


#toprightimage
{
	padding:0px;
	margin:0px;
	position:absolute;
	top:60px;
	left:386px;
	z-index: 1;
}

#innertoprightimage{
	padding:0px;
	margin:0px;	
	text-align:right;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;	
}

#innertoprightimage img{
	border-bottom:0px;

}


#toprighttext
{
	vertical-align:bottom;
	text-align:right;
	color:#FFFFFF;
	position:absolute;
	top:40px;
	left:680px;
}

#topleftimage
{
	position:relative;
	top:1px;
	left:0px;
	/*float:left;*/
}

#left {
	position:absolute;/*ie needs this to show float */
	width:149px;
	float:left;
	padding:0px;/*must be 1px less than width otherwise won't push footer down */
	margin-top:90px;/*needed to make room for header*/
	word-wrap: break-word;
	overflow:visible;
	margin-left: -378px;
}

#navigation {
	padding:5px;
	margin:0px;
	color:#FFFFFF;
	background-color:#000000;
	list-style:none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	z-index: 1;
}

#loginbox {
	display:none;
	padding:0px;
	margin:0px;
	width:80px;
	float:right;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	background-color:#000000;
}

#specialevents {
	position:absolute;
	padding:0px;
	margin-left:-148px;
	margin-top:25px;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	background-color:#0B2A51;
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
}

#innerspecialevents{
	width:376px;
}

#artworkname
{
	color:#FFFFFF;
	background-color:#000000;
	border-top:1px solid #FFFFFF;
	/*border-bottom:1px solid #FFFFFF;*/
	padding:8px;
}

#nextprevimage
{
	border-top:1px solid #FFFFFF;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	color:#FFFFFF;
	background-color:#000000;
}

#innernextprevimage {
	height:17px;
}

#mainimagearea
{
	padding:0px;
	margin:0px;
	border:0px;
	width:230px;
	background-color:#000000;
	/*overflow:hidden;*/
}

#innermainimagearea 
{
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;
}

#mainimage {
	width:228px;
	bottom:0px;
	margin:0px;
	padding:0px;
	border:0px;	
}


.imageholder {
	padding:0px;
	bottom:0px;
	margin-bottom:0px;
	border:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.imageholder2 {
	padding:0px;
	bottom:0px;
	margin:0px;
	margin-bottom:-4px;
	border:0px;
}

.imageholderlink {
	bottom:0px;
	margin:0px;
	padding:0px;
	border:0px;
}

img.mainimagevalue {
	width:228px;
	bottom:0px;
	margin:0px;
	padding:0px;
	border:0px;
}




#specialeventstitle
{
	border-bottom:1px solid #FFFFFF;
	height:30px;
}

#left2 {
	position:absolute;
	float:left;
	padding:0px;
	width:230px;
	margin-left:0px;
	margin-top:90px;
	word-wrap: break-word;
	left: 157px;	/*top:90px;*/
	margin-right: 0px;
	margin-bottom: 0px;
	z-index: -1;
}




#centercontent {
	position:absolute;
	color:#FFFFFF;
	background-color:#000000;
	padding:20px;
	/*margin-left:2px;*/
	margin-bottom:30px;
	left: 389px;
	width: 550px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#centercontentwhite {
	position:absolute;
	color:#FFFFFF;
	background-color:#FFFFFF;
	padding:20px;
	/*margin-left:2px;*/
	margin-bottom:30px;
	left: 389px;
	width: 700px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

  .min200 {
    float:right;
    width:1px;  
    height:1200px;
  }  


/** html #centercontent {height:1%;margin-bottom:12px}*/

#footer {
	clear:both;
	background-color: #000000;
	color: #000000;
	position:relative;
}

#printfooter{display:none;}

* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}
#clearheader{
	height:90px;

	
}/*needed to make room for header*/
#clearfooter{clear:both;height:32px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/

img.corner {position:absolute;left:-4px;top:0;}

html>body .corner {display:none}



body, p, table, td, th, ul, ol, textarea, input,div {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #CCCCCC;
	line-height: 15px;
	
}

.title { 
		font-family: Verdana;   
		font-size: 15px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CC3300;  
		line-height: 20px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.headline { 
		font-family: Courier New;   
		font-size: 15px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #6699CC;  
		line-height: 20px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.abstract { 
		font-family: Arial;   
		font-size: 14px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #CC6600;  
		line-height: 18px; 
		/*background-color: transparent;*/
		vertical-align: baseline;
	}
.emphasis { 
		font-family: Arial;   
		font-size: 12px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 15px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.highlighter { 
		font-family: Arial;   
		font-size: 12px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #000000;  
		line-height: 15px; 
		background-color: #FFFF99;
		vertical-align: baseline;
	}
.smalltext { 
		font-family: Arial;   
		font-size: 9px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 11px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.darktext { 
		font-family: Arial;   
		font-size: 12px;   
		font-style: normal; font-weight: normal;text-decoration: none;  
		color: #000000;  
		line-height: 15px; 
		vertical-align: baseline;
	}
.quotation { 
		font-family: Arial;   
		font-size: 12px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #000000;  
		line-height: 15px; 
		background-color: #CFCFCF;
		vertical-align: baseline;
	}
.superscript { 
		font-family: Arial;   
		font-size: 11px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #CCCCCC;  
		line-height: 14px; 
		background-color: transparent;
		vertical-align: super;
	}
.subscript { 
		font-family: Arial;   
		font-size: 11px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #CCCCCC;  
		line-height: 14px; 
		background-color: transparent;
		vertical-align: sub;
	}
.heading1 { 
		font-family: Arial;   
		font-size: 32px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 37px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.heading2 { 
		font-family: Arial;   
		font-size: 24px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 27px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.heading3 { 
		font-family: Arial;   
		font-size: 19px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 23px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.heading4 { 
		font-family: Arial;   
		font-size: 16px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #FFFFFF;  
		line-height: 20px; 
		/*background-color: transparent;*/
		vertical-align: baseline;
	}
.heading5 { 
		font-family: Arial;   
		font-size: 13px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 16px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.heading6 { 
		font-family: Arial;   
		font-size: 11px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CCCCCC;  
		line-height: 13px; 
		background-color: transparent;
		vertical-align: baseline;
	}
.forminputbutton { 
		font-family: Arial;   
		font-size: 10px;   
		font-style: normal; font-weight: normal;text-decoration: none;  
		color: #FFFFFF;  
		line-height: 12px; 
		background-color: transparent;
		vertical-align: baseline;
	}
	
	
#navigation h3 {
visibility:hidden;
position:absolute;
}

#navigation ul {
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;   
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:#FFFFFF;
	text-align:right;
	padding:0px;
	margin:0px;
}


#navigation ul li{
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
}

#navigation ul li ul{
	padding:0px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:10px;
}

#navigation ul li ul li{
	padding:0px;
}

#navigation li a{
	color:#FFFFFF;
	text-decoration: none;
}


#navigation li a:visited{
	color:#CCCCCC;
	text-decoration: none;
}

#navigation li a:hover{
	color:#99CCFF;
	text-decoration: none;
}	

#navigation li a.selectednavitem:visited{
	color:#99CCFF;
	text-decoration: none;
}

.selectednavitem {
	font-weight:normal;
	color:#99CCFF;
}

img {
	visibility: visible;
	border:0px;
	padding:0px;
	margin:0px;
	left: 500px;
}

#footer .title, #footer .headline, #footer .abstract, #footer .emphasis, #footer p, #footer table, #footer td, #footer th, #footer ul, #footer ol, #footer textarea, #footer input,#footer div {
	color:#000000;
}

#specialevents .title, #specialevents p, #specialevents table, #specialevents td, #specialevents th, #specialevents ul, #specialevents ol, #specialevents textarea, #specialevents input,#specialevents div {
	color:#99CCFF;
}

#specialevents a:hover{
	color:#99CCFF;
}

#specialevents a, #specialevents .headline{
	color:#FFFFFF;
}

#specialevents .abstract {
	color:#CC6600;
}

#specialevents .emphasis, #specialevents .smalltext {
	color:#CCCCCC;
}

#content{
	width:100%;
	position: relative;
	left: 0px;
}
#content .title a {
		font-family: Verdana;   
		font-size: 15px;   
		font-style: normal; font-weight: 800;text-decoration: none;  
		color: #CC3300;  
		line-height: 20px; 
		background-color: transparent;
		vertical-align: baseline;

}
#content .abstract a {
		font-family: Arial;   
		font-size: 14px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #CC6600;  
		line-height: 18px; 
		background-color: transparent;
		vertical-align: baseline;

}
#content .abstract a:visited {
		font-family: Arial;   
		font-size: 14px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #CC6600;  
		line-height: 18px; 
		background-color: transparent;
		vertical-align: baseline;

}
#content .abstract a:hover {
		font-family: Arial;   
		font-size: 14px;   
		font-style: normal; font-weight: normal; text-decoration: none;  
		color: #CC6600;  
		line-height: 18px; 
		background-color: transparent;
		vertical-align: baseline;

}

#content table, #content td, {
	font-family: Arial;   
	font-size: 12px;   
	font-style: normal; font-weight: normal; text-decoration: none;  
	color: #000000;  
	line-height: 15px; 
	vertical-align: baseline;
}

#content input {
	font-family: Arial;   
	font-size: 12px;   
	font-style: normal; font-weight: normal; text-decoration: none;  
	color: #000000;  
	line-height: 15px; 
	vertical-align: baseline;
}

#content .darktext a {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #990066;
	line-height: 15px;
	background-color: transparent;
	vertical-align: baseline;
}

#backtolist {
	position:absolute;
	width:80%;
	text-align:center;
	margin-left:20px;
}

#specialevents p{
	margin:0px;
	padding:0px;
	margin-bottom:4px;

}

#specaieventstext
{
	padding:10px;
}

.abstractdiv{
	height:78px;
}

html>body .abstractdiv {
	min-height:78px;
	height:auto;
}
.newsarea {
	background-color: #0B2A51;
	width: 376px;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: 311px;
	left: -403px;
	height: 392px;
}
.innernewsarea {
	width: 80%;
	position: relative;
	text-align: left;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}