body {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	background: #58595b;
	color: #58595b;
	vertical-align: top;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

p {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #58595b;
	padding: 0px 0px 0px 0px;
	padding-bottom: 8px;
}

td {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b;
	padding-top: 2px;
}

ul {
	margin: 0px 0px 0px 20px;
}

li {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
}

.text ul li {
	color: #58595b;
}

a, a:link, a:visited { color: #35a5d7; text-decoration: none; }

a:hover { color: #58595b; text-decoration: underline; }

img {
	border: 0px;
	line-spacing: 0px;
}

/* sections *******************************************************************************************************************************/

div.page {
	width: 977px;
	background: #ffffff url(lookfeel/bg.jpg) repeat-y;
	padding: 0px 6px 0px 6px;
	
	_width: 989px;
}

div.artpage {
	width: 977px;
	background: #ffffff;
	padding: 0px 6px 0px 6px;
	
	_width: 989px;
}

div.banner {
	width: 977px;
	height: 117px;
	text-align: left;
	overflow: hidden;
	white-space: normal;
}

div.nav {
	width: 187px;
	height: 38px;
	float: left;
	overflow: hidden;
}

div.topspace {
	width: 977px;
	height: 4px;
	clear: both;
	overflow: hidden;
	background: #ffffff;
}

div.leftside {
	text-align: left;
	width: 184px;
	float: left;
}

div.central {
	text-align: left;
	width: 531px;
	float: left;
}

div.centralmargins {
	margin: 0px 4px 4px 3px;
	overflow: hidden;
}

div.artcentral {
	text-align: left;
	width: 790px;
	float: left;
}

div.artcentralmargins {
	margin: 15px 230px 15px 23px;
	_margin: 15px 10px 15px 23px;
	overflow: hidden;
}

div.sitecentralmargins {
	margin: 15px 20px 15px 20px;
	overflow: hidden;
}

div.column {
	width: 219px;
	min-height: 140px;
	background: url(lookfeel/greyfade.jpg) repeat-x;
	float: left;
	padding: 25px 20px 10px 20px;
	
	_width: 259px;
	_height: 175px;
}

div.rightside {
	text-align: left;
	width: 262px;
	float: left;
	vertical-align: top;
}

div.rightsidemargins {
	padding: 10px 5px 20px 20px;
}

div.greenswash {
	width: 237px;
	height: 26px;
	font: normal 15px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	text-transform: none;
	background: #c7d933;
	padding: 8px 5px 0px 20px;
	
	_width: 262px;
	_height: 34px;
}

div.greyswash {
	width: 237px;
	height: 20px;
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	background: #bbbdab;
	padding: 5px 5px 0px 20px;
	
	_width: 262px;
	_height: 25px;
	_padding: 4px 5px 0px 20px;
}

div.footer {
	width: 711px;
	height: 22px;
	background: #35a5d7 url(lookfeel/botright.jpg) no-repeat bottom right;
	text-align: center;
	clear: both;
	float: left;
	padding-top: 14px;
	
	_height: 36px;
	_padding-top: 11px;
}

div.footer2 {
	width: 977px;
	height: 22px;
	background: #35a5d7 url(lookfeel/botright.jpg) no-repeat bottom right;
	text-align: center;
	clear: both;
	float: left;
	padding-top: 14px;
	
	_height: 36px;
	_padding-top: 11px;
}

/* admin link ***************************************************************************************************************************/

.editpagebox, .fronteditpagebox {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #000000;
}
.fronteditpagebox {
	left: 100px;
	background: #600000; 
}

a.editpagelink, a.editpagelink:visited, a.fronteditpagelink, a.fronteditpagelink:visited {
	color: #ffffff;
	padding: 6px;
	display: block;
}
a.editpagelink:hover, a.fronteditpagelink:hover { text-decoration: underline; }

/* Top Menu **************************************************************************************************************************/

div.Pipe {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #0071bb;
	text-decoration: none;
	text-align: left;
	display: inline;
}

div.Top {
	width: 770px;
	height: 22px;
	background: #35a5d7 url(lookfeel/topleft.jpg) no-repeat top left;
	text-align: left;
	float: left;
	padding: 16px 0px 0px 20px;
	
	_width: 790px;
	_height: 38px;
	_padding: 13px 0px 0px 20px;
}

a.Top0:link, a.Top0:visited, a.Top0:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #0071bb;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	display: inline;
}

a.Top0:hover { color: #c7d933; }

/* Green Menu **************************************************************************************************************************/

img.line {
	display: block;
	overflow: hidden;
	height: 1px;
	width: 184px;
}

div.Green0 {
	width: 184px;
	background: #dfe594 url(lookfeel/greenbg.jpg) repeat-x;
	vertical-align: top;
	margin-bottom: 5px;
}
div.Green1, div.Green2 { visibilty: hidden; }

div.outerGreenAll, div.outerGreen0, div.outerGreen0current, div.outerGreen1, div.outerGreen1current, 
div.outerGreen2, div.outerGreen2current, div.outerGreen3, div.outerGreen3current, div.outerGreen4, div.outerGreen4current { 
	width: 184px;
	border-bottom: 1px dotted #ffffff;
}

div.innerGreenAll, div.innerGreen0, div.innerGreen0current, div.innerGreen1, div.innerGreen1current, 
div.innerGreen2, div.innerGreen2current, div.innerGreen3, div.innerGreen3current, div.innerGreen4, div.innerGreen4current { 
	padding: 0px;
	margin-left: 0px; 
}
div.innerGreen1, div.innerGreen1current { margin-left: 20px; }
div.innerGreen2, div.innerGreen2current { margin-left: 40px; }
div.innerGreen3, div.innerGreen3current { margin-left: 60px; }
div.innerGreen4, div.innerGreen4current { margin-left: 80px; }

a.expandGreen0, a.expandGreen0current, a.expandGreen1, a.expandGreen1current,
img.expandGreen0, img.expandGreen0current, img.expandGreen1, img.expandGreen1current { display: none; }

a.Green0:link, a.Green0:visited, a.Green0:hover,
a.Green0current:link, a.Green0current:visited, a.Green0current:hover,
a.Green1:link, a.Green1:visited, a.Green1:hover,
a.Green1current:link, a.Green1current:visited, a.Green1current:hover {
	display: block; 
	font: normal 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b;
	text-align: left;
	padding: 10px 5px 10px 20px;
	text-transform: uppercase;
}
a.Green0:hover, a.Green0current:hover, a.Green1:hover, a.Green1current:hover {
	background: #35a5d7;
	color: #ffffff;
	text-decoration:none;
 }

/* Blue Menu **************************************************************************************************************************/

div.Blue0 {
	width: 184px;
	background: #c0dfe9 url(lookfeel/bluebg.jpg) repeat-x;
	vertical-align: top;
	margin-bottom: 5px;
}
div.Blue1, div.Blue2 { visibilty: hidden; }

div.outerBlueAll, div.outerBlue0, div.outerBlue0current, div.outerBlue1, div.outerBlue1current, 
div.outerBlue2, div.outerBlue2current, div.outerBlue3, div.outerBlue3current, div.outerBlue4, div.outerBlue4current { 
	width: 184px;
	border-bottom: 1px dotted #ffffff;
}

div.innerBlueAll, div.innerBlue0, div.innerBlue0current, div.innerBlue1, div.innerBlue1current, 
div.innerBlue2, div.innerBlue2current, div.innerBlue3, div.innerBlue3current, div.innerBlue4, div.innerBlue4current { 
	padding: 0px;
	margin-left: 0px; 
}
div.innerBlue1, div.innerBlue1current { margin-left: 20px; }
div.innerBlue2, div.innerBlue2current { margin-left: 40px; }
div.innerBlue3, div.innerBlue3current { margin-left: 60px; }
div.innerBlue4, div.innerBlue4current { margin-left: 80px; }

a.expandBlue0, a.expandBlue0current, a.expandBlue1, a.expandBlue1current,
img.expandBlue0, img.expandBlue0current, img.expandBlue1, img.expandBlue1current { display: none; }

a.Blue0:link, a.Blue0:visited, a.Blue0:hover,
a.Blue0current:link, a.Blue0current:visited, a.Blue0current:hover,
a.Blue1:link, a.Blue1:visited, a.Blue1:hover,
a.Blue1current:link, a.Blue1current:visited, a.Blue1current:hover {
	display: block; 
	font: normal 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b;
	text-align: left;
	padding: 10px 5px 10px 20px;
	text-transform: uppercase;
}
a.Blue0:hover, a.Blue0current:hover, a.Blue1:hover, a.Blue1current:hover {
	background: #35a5d7;
	color: #ffffff;
	text-decoration:none;
 }

/* search/login *************************************************************************************************************************/

div.search {
	width: 168px;
	height: 170px;
	background: url(lookfeel/searchbg.jpg) repeat-x;
	padding: 33px 0px 0px 16px;
	
	_width: 184px;
	_height: 203px;
}

table.login {
	padding-bottom: 15px;
}

td.searchdata, td.logindata, td.loginlabel, td.loginbutton {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #58595b; 
	border: none;
	margin: 0px; 
	padding: 3px;
	text-align: left;
}
td.loginlabel { text-align: right; }

input.searchinput, input.logininput {
	font: normal 10px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #58595b; 
	border: none;
	margin: 0px; 
	padding: 3px;
	text-align: left;
	border: solid 1px #58595b; 
}

input.searchbutton {
	border: 0px; 
	text-align: left;
}

input.loginbutton {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff; 
	border: 1px solid #58595b;
	background: #b3b3b3; 
	padding: 0px 7px 1px 7px;
	text-align: center;
}

/* text *******************************************************************************************************************************/

.title {
	font: bold 15px "Lucida Grande", Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #0060B6;
	text-align: left;
	padding-bottom: 10px;
}

.subtitle, a.subtitle, a.subtitle:link, a.subtitle:visited, a.subtitle:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0060B6;
	text-align: left;
	display: block;
	padding: 19px 0px 7px 0px;
}
a.subtitle:hover { text-decoration: underline; }

.text {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 130%;
	color: #58595b;
	text-decoration: none;
	text-align: left;
	padding-bottom: 18px;
}

.listlink, a.listlink:link, a.listlink:visited, a.listlink:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #58595b;
	padding: 4px 0px 4px 0px;
	display: block;
}

a.listlink:hover { color: c7d933; }

.featuretitle, a.featuretitle:link, a.featuretitle:visited, a.featuretitle:hover {
	font: bold 14px "Lucida Grande", Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #0071bb;
	text-align: left;
	padding-bottom: 15px;
}

a.featuretitle:hover { text-decoration: underline; }

.featuretext {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #58595b;
	padding-bottom: 5px;
	line-height: 150%;
}

.feature2text {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #58595b;
	padding: 0px 10px 2px 0px;
	line-height: 150%;
}

.featurelink, a.featurelink:link, a.featurelink:visited, a.featurelink:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0071bb;
	line-height: 150%;
}

a.featurelink:hover { color: #c7d933; }

.prevnext, a.prevnext:link, a.prevnext:visited, a.prevnext:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b; 
	line-height: 150%;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 18px 0px;
}

a.prevnext:hover { color: c7d933; }

a.sitemap1:link, a.sitemap1:visited, a.sitemap1:hover,
a.sitemap2:link, a.sitemap2:visited, a.sitemap2:hover,
a.sitemap3:link, a.sitemap3:visited, a.sitemap3:hover {
	font: bold 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #58595b;
	text-align: left;
	display: block;
	padding-left: 20px;
	padding-top: 12px;
}

a.sitemap2:link, a.sitemap2:visited, a.sitemap2:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	padding-left: 30px;
	padding-top: 2px;
}

a.sitemap3:link, a.sitemap3:visited, a.sitemap3:hover {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	padding-left: 40px;
	padding-top: 3px;
}

a.sitemap1:hover, a.sitemap2:hover, a.sitemap3:hover { color: #c7d933; }

/* pictures *******************************************************************************************************************************/

.picture {
	width: 172px;
	margin: 5px 10px 10px 0px;
	float: left;
}

.thumbnail {
	width: 80px;
	margin: 8px 10px 5px 0px;
	float: left;
}

.featurepic {
	width: 95px;
	margin-bottom: 4px;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
}

img.dotline {
	display: block;
	overflow: hidden;
	height: 1px;
	width: 237px;
}

/* others *******************************************************************************************************************************/

.contacttitle, .responsetitle  {
	font: bold 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b;
	vertical-align: top;
	padding: 0px 10px 0px 0px;
}

.contactdata, .responsedata {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b; 
}

.responseheading {
	font: bold 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b;
	padding: 0px 10px 0px 0px;
}

div.contact, div.response, div.downloads {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b; 
	line-height: 16px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

.responserequired {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#FF0000; 
	padding: 0px 10px 0px 0px;
}

div.downloads {
	padding: 5px 5px 5px 0px;
}

div.download {
	padding: 10px 2px 2px 0px;
}

img.download {
	border : none;
}

a.download:link, a.download:visited {
	font: normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #58595b;
	text-decoration: none;
}

a.download:hover { text-decoration: underline; }