html {
	height: 100%; margin-bottom: 1px; /* fixing the problem with Firefox shifting the centred site when vertical scrollbar appears */
}

body				{
	background: url('images/background.jpg');
	background-color: #FFFFFF; 
	background-repeat: none;
	margin: 0px;
	text-align: center;	
}

#container		{
	margin: 40px auto;
	width: 746px; height: 760px
}
#logo		{
	margin-bottom: 8px
}
#nav	{
	border-bottom: solid 7px #999999;
	padding-bottom: 6px
}
#col1a	{
	margin-top: 5px; margin-bottom: 3px; width: 360px; float: left
}
#col2a	{
	margin-top: 5px; margin-bottom: 3px
}
#col1b	{
	margin-top: 5px; margin-bottom: 10px; width: 316px; float: left; margin-right: 7px; 
}
#col2b	{
	margin-top: 5px; margin-bottom: 10px; float: left; width: 423px
}
#intro	{
	font-family: arial, sans-serif; font-weight: bold; font-size: 30px; line-height: 32px; color: #666666; margin-bottom: 8px
}
#pull_quote	{
	font-family: arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 19px; color: #666666;
	border-top: solid 7px #999999;
	padding-top: 6px;
	margin-top: 5px;
}
#pull_quote	a {
	color: #666666;
}
#news_index_panel	{
	margin-top: 27px; 
	border-top: solid 7px #999999;
	padding-top: 6px;
	border-bottom: solid 7px #999999;
	padding-bottom: 6px;
	margin-bottom: 8px; 
}
#gallery_index_panel	{
	margin-top: 12px; 
	border-bottom: solid 7px #999999;
	padding-bottom: 6px;
	margin-bottom: 8px; 
}
#panels	{
	border-top: solid 7px #999999;
	clear: both; float: left
}
#panel1	{
	width: 241px; height: 160px; float: left;
	border-right: solid 1px #B3B4B4;
	margin-top: 5px;
	margin-bottom: 5px;
}
#panel1 p	{
	font-size: 11px; margin-left: 2px; padding-right: 10px
}
#panel2	{
	width: 241px; height: 160px; float: left;
	border-right: solid 1px #B3B4B4;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#panel2 p	{
	font-size: 11px; margin-left: 2px; padding-right: 10px
}
#panel3	{
  width: 242px; height: 160px; float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#panel3 p	{
	font-size: 11px; margin-left: 2px
}
#footer	{
	border-top: solid 7px #999999;
	padding-top: 6px;
	font-size: 11px;
	clear: both;
	color: #666666
}

h1	{
	font-family: arial, sans-serif; font-weight: bold; font-size: 28px; margin: 0px
}
h2	{
	font-family: arial, sans-serif; font-weight: bold; font-size: 22px; line-height: 22px; margin: 0px; margin-bottom: 8px; color: #666666
}
h3	{
	font-family: arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 13px; margin: 0px; margin-bottom: 2px; color: #666666
}
div			{
	text-align: left; font-family: arial, sans-serif; font-size: 12px; color: #3D3D3D
}
div.date	{
	color: #666666; font-weight: bold; margin-bottom: 4px
}
div.news_pic	{
	margin-bottom: 8px;
}
div.attribute	{
	font-size: 11px; margin-top: 4px; margin-bottom: 12px; color: #666666
}
p			{
	text-align: left; font-family: arial, sans-serif; font-size: 12px; color: #666666; margin-top: 0px; margin-bottom: 8px
}
p.emph	{
	color: #333333
}

td	{
	color: #666666;
}

a	{
	color: #3D3D3D; text-decoration: none
}
a:hover	{
	color: #999999
}
a.nav		{
	color: #999999; font-weight: bold
}
a.nav:hover		{
	color: #3D3D3D; 
}
a.nav_on	{
	font-size: 12px; font-weight: bold; color: #3D3D3D; text-decoration: none
}
a.nav_on:hover		{
	color: #3D3D3D; 
}
a.index	{
	font-size: 16px; font-weight: bold; color: #999999
}
a.index:hover	{
	font-size: 16px; font-weight: bold; color: #666666
}
a.index_on	{
	font-size: 16px; font-weight: bold; color: #666666
}
a.index_on:hover	{
	font-size: 16px; font-weight: bold; color: #666666
}
a.in_text	{
	font-weight: bold; text-decoration: underline; color: #666666
}
a.action	{
	font-weight: bold; 	
}

hr	{
	height: 1px; color: #999999
}

img	{
	border: none
}

input	{
	font-family: arial; font-size: 12px
}
textarea	{
	font-family: arial; font-size: 12px
}