﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/

@import 'reset.css';
@import 'grid.css';

body						            {font: normal 12px/18px sans-serif; color: #000; margin: 0; padding: 0; background: #f2f2f2 url(../gfx/bg_body.gif) repeat-y;}
body#viewphoto				            {margin: 10px;}

h1							            {padding: 0 0 18px 0; font: normal 24px/36px georgia, serif;}
h2							            {font: bold 16px/18px georgia, serif;}
h3							            {font: bold 14px/18px georgia, serif;}

h1 a, h2 a, h3 a			            {color: #000;}

a							            {color: #006;}
p							            {margin: 0 0 18px 0;}

img							            {border: 0;}
img.left					            {float: left; margin: 18px 18px 18px 0;}
img.right					            {float: right; margin: 18px 0 18px 18px;}
img.top						            {margin-top: 0;}

ul, ol						            {margin: 18px 0 18px 30px;}
ul							            {list-style-type: circle;}
ol							            {list-style-type: decimal;}
dl							            {margin: 0 0 18px 0;}
dl dt						            {font-weight: bold;}

blockquote					            {margin: 0 0 18px 18px; color: #666; font-style: italic;}
strong						            {font-weight: bold;}
em						            	{font-style: italic;}
pre						            	{margin-bottom: 18px; padding: 16px; background: #eee; border: solid 1px #ddd;}

hr                                      {width: 100%; height: 1px; margin: 0 0 17px 0; color: #069; background: #069; border: none; clear: both; float: none;}

table					            	{width: 100%; margin: 9px 0 27px; border: 0;}
th,td					            	{padding: 2px 4px; vertical-align: top;}
th						            	{font-weight: bold;}
table th h3				            	{margin: 15px 0 3px 0; border-bottom: solid 1px #000;}

p.small						            {font-size: 10px; margin-bottom: 18px;}
p.large						            {font-size: 14px; line-height: 36px;}
p.quiet						            {color: #666;}
.hide						            {display: none;}


/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#header                              {height: 100px; background: url(../gfx/bg.jpg) repeat-x;}
div#header img                          {margin: 5px;}
div#content                             {width: 790px; margin: 18px;}

div#footer								{width: 100%; margin-top: 18px; padding-top: 17px; border-top: solid 1px #000; clear: both;}
address.footer							{font: normal 12px/18px Sans-Serif;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

ul#menu						            {height: 16px; margin: 0; padding: 0 30px 0 0; background: url(../gfx/bg.gif) no-repeat 100% 0; list-style-type: none; overflow: hidden; position: absolute; top: 83px; left: 0;}
ul#menu li					            {display: inline;}
ul#menu li a				            {margin-left: 5px; padding: 0 5px 0 0; font: bold 11px/16px sans-serif; color: #fff; text-decoration: none; background: url(../gfx/sep.gif) no-repeat 100% 50%; display: block; float: left;}
ul#menu li a:hover			            {color: #000;}
ul#menu li.on a				            {color: #000;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 18px;}
ol.searchresult h3 a					{text-decoration: none; color: #069;}
ol.searchresult p						{margin: 0;}

address.staff							{margin: 18px 0; display: block; clear: both;}
address.staff span						{font: normal 12px/18px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{font-size: 14px;}
address.staff span.org					{margin: 0;}
address.staff span.title				{margin: 18px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0; padding: 5px 0; border-bottom: solid 1px #000; width: 491px;}
a.gallerydir							{width: 240px; height: 220px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;}
a.galleryimg							{width: 240px; height: 220px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;}
a.gallerydir:hover						{color: #000;}
a.galleryimg:hover						{color: #000;}
a.gallerydir span, a.galleryimg span	{margin: 3px 0 0 0; display: block; clear: both; font: normal 12px sans-serif;}
a.gallerydir span						{font-weight: bold;}

fieldset.contact						{width: 250px; border: 0; margin: 0; padding: 0 0 18px 20px; display: inline-block; float: right;}
fieldset.contact legend					{display: none;}
fieldset.contact p						{margin: 0 0 9px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 240px; height: 13px; margin: -2px 0 -1px 0; font: normal 12px sans-serif; color: #000;}
fieldset.contact textarea				{width: 240px; height: 103px; margin: -2px 0 -1px 0; font: normal 12px/18px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto; height: 21px; margin: 0 0 -1px 0;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}


ul.sitemap								{margin: 0 0 18px 0; padding: 0;}
ul.sitemap ul ul						{margin-top: 9px; margin-bottom: 9px;}
ul.sitemap li 							{list-style: none;}
ul.sitemap li li						{list-style: square;}
ul.sitemap li a							{font: normal 14px/18px sans-serif; color: #000; text-decoration: none;}
ul.sitemap li li a						{font: normal 12px/18px sans-serif; color: #069; text-decoration: none;}


