body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	background: URL(SH_bkgrd8.jpg) 50% top;
}
body.homepage #PageContainer
{
	background: transparent ;
}

body.errorpage #PageContainer
{
	background: transparent ;
}

body.innerpage #PageContainer
{
	background: transparent URL(Seek_Icon_watermark430x433.gif) 50% 360px no-repeat;

}

body.controlpanel #PageContainer
{
	background: transparent URL(washing-machine-faded.gif) 50% 300px no-repeat;
}

#PageContainer
{
	text-align: left;
	width: 824px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative; /* child elements with pos absolute will be relative to this */
}

#cphead
{
	width: 824px; 
	height: 101px; 
	background:  url(masthead-sockhorror-357.gif) no-repeat left top;
	position: relative;
}
#logoutbuttoncontainer
{
	position: absolute; right: 0; top: 0;
	width: 8em;
	height: 2em;
	text-align: right;
	margin: .2em 0;
	z-index: 50;
}

#mainheader {
	width: 824px; 
	height: 202px; 
	background:  url(Masthead_redwhite.png) no-repeat 50% top;
	letter-spacing: -1000em;
}
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #mainheader 
{
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
} 
/* End of hack */ 	

#innerheader {
	width: 824px; 
	height: 202px; 
	background: url(Masthead_redwhite.png) no-repeat right top;
	letter-spacing: -1000em;
}
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #innerheader 
{
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
} 
/* End of hack */ 	

#masthead h2
{
	text-align: center;
}
#PageDescription
{
	text-align: left;
	font-size: 1.33em;
	position: relative;
	min-height: 150px;
	/* overflow: hidden; */
	margin: 0;
	padding: 0 2em;
/* no background squiggle
	background: #fff url(hrule-right.gif) right bottom no-repeat;	
*/
}
#PageDescription p
{
	text-align: justify;
}
#PageDescription p.left
{
	/* make room for an image on the left side */
	padding: 0.2em 2em 0.2em 150px;
}
#PageDescription p.right
{
	/* make room for an image on the right side */
	padding: 0.2em 150px 0.2em 2em;
}
#PageDescription p.left img
{
	position: absolute;
	top: 0; left: 0;
}
#PageDescription p.right img
{
	position: absolute;
	top: 0; right: 0;
}
ul#homepage-nav 
{
	margin: 0 auto; /* should be centred */
	width: 560px; 
	padding: 0; 
	list-style-type: none;
}
ul#homepage-nav li 
{
	display: inline;
}
ul#homepage-nav li a 
{
	float: left; 
	display: block; 
	width: 140px; 
	height: 140px;
	background: url(button-128.gif) 50% 50% no-repeat;
	letter-spacing: -1000em;
}
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body ul#homepage-nav li a 
{
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
} 
/* End of hack */ 	

ul#homepage-nav a:hover
{
	background: URL(button-128-hi.gif) 50% 50% no-repeat;
}
ul#homepage-nav li#aboutShButton a:hover {background: URL(btn-128-001-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#aboutSmButton a:hover {background: URL(btn-128-002-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#shopButton    a:hover {background: URL(btn-128-003-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#galleryButton a:hover {background: URL(btn-128-004-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#blogButton    a:hover {background: URL(btn-128-005-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#eventsButton  a:hover {background: URL(btn-128-006-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#contactButton a:hover {background: URL(btn-128-007-hi.gif) 50% 50% no-repeat;}
ul#homepage-nav li#linksButton   a:hover {background: URL(btn-128-008-hi.gif) 50% 50% no-repeat;}

ul#homepage-nav a:active
{
	background: URL(button-128-hi-hit.gif) 50% 50% no-repeat;
}

ul#cpPageList 
{
	margin: 2em auto 0 auto; /* should be centred */
	width: 100%; 
	padding: 0; 
	list-style-type: none;
}
ul#cpPageList li 
{
	display: inline;
}
ul#cpPageList li a 
{
	float: left; 
	padding: 0.2em 1.2em; 
	display: block; 
}
ul#cpPageList a:hover
{
	background: whitesmoke;
	text-decoration: underline overline;
}

#navigation 
{
	float: left;
	width: 80px;
}
#MainpageContent
{
	margin-left: 155px; /*was 54px , nw enough to leave room for the wider side nav with labels */
}

ul#inner-nav 
{
	margin: 0;
	width: 150px; /* was 75px */
	padding: 0; 
	list-style-type: none;
    background: url(nav-bg-02.gif) top right no-repeat;
}
ul#inner-nav li 
{
	display: block; /* was inline; */
}
ul#inner-nav li a 
{
	/* float: left; */
	display: block; 
	width: 148px; /* was 58px */
	height: 58px;
	background: url(button-48.gif) left 50% no-repeat;
	letter-spacing: -1000em; /* was -1000em */
}
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body ul#inner-nav li a 
{
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
} 
/* End of hack */ 	

ul#inner-nav a:hover
{
	background: URL(button-48-hi.gif) left 50% no-repeat;
}
ul#inner-nav a:active
{
	background: URL(button-48-hi-hit.gif) left 50% no-repeat;
}

ul#cp-nav 
{
	margin: 0;
	width: 100%; 
	padding: 0; 
	list-style-type: none;
}
ul#cp-nav li 
{
	display: inline;
}
ul#cp-nav li a 
{
	float: right; 
	font-weight: normal;
	padding: 8em .5em 0 .5em;
}

ul#cp-nav a:link
{
	text-decoration: none;
}
ul#cp-nav a:visited
{
	text-decoration: none;
}

ul#cp-nav a:hover
{
	background: whitesmoke;
	text-decoration: underline overline;
}
ul#cp-nav a:active
{
	text-decoration: underline;
}


dl.userinput
{
	width: 550px;
	margin: 0 auto;
	padding: 0;
}
dl.userinput dd input, dl.userinput dd textarea, dl.userinput dd select
{ 
	width: 450px;
} 
dl.userinput dd.button input
{ 
	width: 100px;
} 

dl.userinput dd.body input
{ 
	width: auto;
} 

dl.userinput dd.resultInfo
{ 
	width: 450px;
	text-align: center;
} 

dl.userinputnarrow
{
	width: 200px;
	padding: 0;
	margin-top:30px; float: left;
}
dl.userinputnarrow dd input, dl.userinputnarrow dd textarea, dl.userinputnarrow dd select
{ 
	width: 150px;
} 
dl.userinputnarrow dd.button input
{ 
	width: 100px;
} 

dl.userinputnarrow dd.resultInfo
{ 
	width: 150px;
	text-align: center;
} 
#selectedgroup
{ margin-top: 30px; float: left; padding-left: 2em; width: 520px; }


#footer
{
	clear: both;
	font-size: .8em; 
	text-align: center;
	background: url(hrule-left.gif) no-repeat left top;
	margin-top: 100px;
	padding: 50px 0 1em 0;
	width: 824px; /* matches #pagecontainer */
}
body.homepage #footer
{
	background: transparent;
}
body.errorpage #footer
{
	background: transparent;
}
#footer hr
{
	display: none;
}
#footer ul
{
	list-style: none; margin: 0;
}
#footer li
{
	display: inline;
	padding: 0 1em;
}
#footer li.hitcount span
{
	float: left; 
	display: block; 
	width: 88px; 
	height: 31px;
	/* background: url(../gfx/hitcounter.aspx) 50% 50% no-repeat; */
	letter-spacing: -1000em;
}
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #footer li.hitcount span 
{
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
}

#shopGroupList
{
}
#shopGroupList table
{
	width: 620px;
}
#shopGroupList tr
{
	vertical-align: top;
}
#shopGroupList tfoot tr
{
	height: 40px;
	background: url(hrule-right.gif) right bottom no-repeat;
}
#shopGroupList tfoot td
{
	border: 0;	
}
#shopGroupList td
{
	width: 50%;
	padding: .5em;
	border-bottom: 2px solid #e0e0e0;
	cursor: pointer;
}
#shopGroupList td.odd
{
	border-right: 2px solid #e0e0e0;
}
#shopGroupList h3
{
	margin: .5em 0;
}

div.clearfloats { clear: both; }

/* ==== ==== ==== ==== Blog entry pages                        ==== ==== ==== ==== */
.blogdetail
{
	font-size: .9em;
	background: url(hrule-right.gif) no-repeat right bottom;
	margin-bottom: 45px;
	padding-bottom: 45px;
}
.blogrepeater
{
	font-size: .85em;
	margin-left: 80px;
	margin-bottom: 1.6em;
}
.blogdetail p.origin, .blogrepeater p.origin
{
	float: right;
	text-align: right;
	margin-top: -1.6em;
	padding: .2em 0;
}

.blogrepeater p, .blogdetail p
{
	margin: .2em 0;
	padding: .2em 0;
}
.blogrepeater h5, .blogdetail h4
{
	margin: .2em 0;
	padding: .2em 0;
}
.blogdetail hr
{
	display: none;
}

/* ==== ==== ==== ==== Event pages ==== ==== ==== ==== */
.eventdetail
{
	font-size: .9em;
	float: left;
	width: 455px; border-right: 2px solid gray;
}
.eventrepeater
{
	font-size: .85em;
	margin-left: 455px;
}
.eventdetail span.eventdate, .eventrepeater span.eventdate
{
	padding-right: .5em;
	border-right: 2px solid gray;
	margin-right: .5em;
}

.eventrepeater p, .eventdetail p
{
	margin: .2em 0;
	padding: .2em 0;
}
.eventrepeater h5, .eventdetail h4
{
	margin: .2em 0;
	padding: .2em 0;
}
.eventdetail hr
{
	display: block; 
	width: 100%; 
	height: 55px; 
	border: 0;
	background: url(hrule-right.gif) no-repeat right 50%;
}

.eventdetail hr
{
	display: none;
}

#paypalcartbutton
{
	position: absolute;
	top: 140px;
	left: 0;
	z-index: 255;
	width: 140px;
	height: 75px;
}
#paypalcartbutton img { padding: 0; margin: 3px; }


/* ==== ==== ==== ==== Generic classes should apply everywhere ==== ==== ==== ==== */

.author {font-weight: bold; }
.entrydate {font-weight: bold; }
.morelink {float: right;}
.error
{
	color: Red;
}
.greyed
{
	color: Gray;
}
.info
{
	font-size: .85em;
	color: #222;
}
.fullwidth, dl.fullwidth
{
	width: 100% !important;
	clear: both;
}
.center
{
	text-align: center;
}


.embargoed
{
	background-color: #ffcccc;
}
.selectedrow
{
	color: Navy;
	background-color: #E0E0E0;
}
.userGuidance
{
	font-family: 'Comic Sans MS' , Cursive;
	font-size: 0.85em;
	color: Navy;
}
.statcounter { display: inline !important; }
.statcounter li { display: inline !important; }
.statcounter li a { display: inline !important; }
.statcounter li a img{ display: inline !important; }
table {border-collapse: collapse;}
td { border: 0;}

a img {border: 0;}
sup { font-size: 75%; color: Maroon; }