@charset "UTF-8";

/*||||||||||||||||||||||||||||||||||||||||||||| GENERIC / TOPLEVEL STYLES |||||||||||||||||||||||||||||||||||||||||||||*/

body{
	font-size:62.5%;
	background-color:#330000;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
#container{
	padding:0;
	margin:20px;
	background-image:url(../images/buthead/canvasbk.gif);
	border:2px outset #990000;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||| HEADER STYLES |||||||||||||||||||||||||||||||||||||||||||||||||||*/

#headerpanel{
	height:106px;
	text-align:center;
	padding:3px;
	margin:0;
	clear:both;
	border:2px outset #990000;
}
#headerpanel img{
	border:0;
	float:left;
}

/*|||||||||||||||||||||||||||||||||||||||||||||||||| CONTENT STYLES |||||||||||||||||||||||||||||||||||||||||||||||||||*/

#contentpanel {
	margin:0;
	padding:1em;
	border:2px outset #990000;
	font-family:Arial, Helvetica, sans-serif;
}
#contentpanel h1{
	clear:both;
	color:#990000;
	font-weight:bold;
	font-size:2.5em;
}
#contentpanel h2{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:2em;
}
#contentpanel p{
	font-size:1.5em;
	text-align:justify;
}
#contentpanel hr{
	clear:both;
}
#contentpanel a:link, #contentpanel a:active, #contentpanel a:visited {
	font-weight:bold;
	color:#900;
	text-decoration:underline;
}
#contentpanel a:hover {
	font-weight:bold;
	color:#F60;
	text-decoration:overline underline;
}

#contentpanel span.imgboxleft, #contentpanel span.imgboxright {
	width:auto;
	margin:4px;
	padding:0px;
	padding-bottom:3px;
	border:2px outset #990000;
	text-align:center;
	background-color:#993333;
	color:#FFFFFF;
	font-weight:bold;
}
#contentpanel span.imgboxleft img, #contentpanel span.imgboxright img {
	border:2px inset #990000;
	float:none;
}
#contentpanel span.imgboxleft{
	float:left;
	clear:left;
	font-size:1.5em;
}
#contentpanel span.imgboxright{
	float:right;
	clear:right;
	font-size:1.5em;
}
#contentpanel div.imgcentre{
	clear:both;
	width:100%;
	border:0;
	text-align:center;
}
#contentpanel div.imgboxcentre{
	border:0;
	font-size:1.5em;
	color:#990000;
	font-weight:bold;
}
#contentpanel div.imgboxcentre img{
	border:4px ridge #990000;
	float:none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||| GALLERY STYLES |||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* SELECTED IMAGES */
#gallerymainimg{
	border:0;
	padding:10px;
	margin:0;
	text-align:center;
}
#gallerymainimg h2{
	color:#660000;
	font-size:2.5em;
	font-weight:bold;
	font-variant:small-caps;
}
#gallerymainimg img{
	border:5px groove #990000;
}
#gallerymainimg p{
	width:70%;
	margin:auto;
}
#gallerymainimg a.zoom{
	margin:3px;
	padding:0;
	border:0;
	text-decoration:none;
}
#gallerymainimg a.zoom img{
	border:0;
}
/* THUMBNAIL MENU */
#gallerythumbs{
	border:0;
	padding:10px;
	margin:0;
	text-align:center;
}
#gallerythumbs table{
	border:0;
	padding:0;
	margin:auto;
}
#gallerythumbs td{
	width:128px;
	height:128px;
	padding:2px;
	margin:0;
	border:2px solid #FFCC99;
}
#gallerythumbs td.invisible{
	height:25px;
	border:0;
	padding:0;
}
#gallerythumbs td.cathead{
	padding:10px;
	height:auto;
	width:auto;
}
#gallerythumbs td.catheadselected{
	padding:10px;
	height:auto;
	width:auto;
	background-color:#FFCC99;
}
#gallerythumbs td.cathead h2{
	font-size:2em;
	color:#660000;
	font-weight:bold;
	font-variant:small-caps;
	margin:0;
	padding:0;
}
#gallerythumbs td.cathead p{
	text-align:center;
	width:auto;
	margin:auto;
	font-size:1.3em;
}
#gallerythumbs td.catheadselected h2{
	font-size:2.3em;
	color:#AA0000;
	font-weight:bold;
	font-variant:small-caps;
	margin:auto;
	padding:0;
}
#gallerythumbs td.catheadselected p{
	text-align:center;
	width:auto;
	margin:auto;
	font-size:1.4em;
	font-weight:bold;
}
#gallerythumbs td.thumb1{
}
#gallerythumbs td.thumb2{
	border:2px solid #996666;
	background-color:#FFCC99;
}
#gallerythumbs td.thumb3{
	border:2px ridge #990000;
	background-color:#CC3300;
}
#gallerythumbs a:link img, #gallerythumbs a:visited img{
	border:3px inset #990000;
}
#gallerythumbs a:active img, #gallerythumbs a:hover img{
	border:3px outset #990000;
}



/*||||||||||||||||||||||||||||||||||||||||||||||||||| NAV-BAR STYLES |||||||||||||||||||||||||||||||||||||||||||||||||||*/
#nav, #nav ul {/*base list*/
	float: left;									/*positions base list on page*/
	list-style: none;								/*stops list from being bulleted*/
	font-weight: bold;								/*boldness on all lists*/
	padding: 0;										/*how far from the list-chunk edges the text appears*/
	border: 0;										/*applies to all list-chunk borders*/
	margin: 50px 0 0 50px;								/*spacing around base list*/
}
#nav a, #nav span {/*text of (all) links*/
	display: block;									/*how to show links (don't change)*/
	font-family: Verdana,Arial,sans-serif;			/*font face on all lists*/
	font-size:1.5em;								/*changes font size on all lists... without messing proportions up (as it would if it applied to the above ul section as then all later ems are based on that setting rather than explicitly within themselves)*/
	color: #CC6600;									/*font colour for all links (effectively all text)*/
	text-decoration: none;							/*how to show all links text*/
	padding: 0.3em 0.5em;							/*padding each link's TEXT (topbottom / leftright)*/
	font-weight: bold;
}
#nav li {/*all list elements (not lists, list elements) */
	float: left;									/*layout of list (elements relative to each other, not to rest of page) */
	padding: 0;										/*0 padding = keep lists together - leave it alone*/
	border: 4px groove #AA3333;						/*border around each ELEMENT of the list, not around the list itself*/
	background: url(../images/buthead/cloth004_light.gif) repeat top left;
}
#nav li ul { /* all sublevel lists*/
	position: absolute;								/**/
	left: -999em;									/*hide lists way offscreen to the left*/
	height: auto;									/**/
	width: 18em;									/* ??? */
	font-weight: normal;							/*boldness of sub-level text*/
	border: 0;										/*border around sub-level LISTS (not list elements)*/
	margin: 0.3em 0 0 -4px;						/*positioning of popup lists*/
}
#nav li li {/*sublevel list elements*/
	padding: 0;
	border: 4px groove #AA3333;
}
#nav li ul a {
	width: 10.6em;
	text-align:left;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	border: 4px ridge #AA3333;
	background: url(../images/buthead/cloth004_dark.gif) repeat top left;
}
#nav a:hover, #nav span:hover{
	color:#990000;
}