/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/1.6em Arial, Helvetica, Sans-serif; color: #000; background: #3E6F98;}

h1										{font: normal 3.1667em Georgia, "Times new Roman", Serif; color: #262626; letter-spacing: -0.02em; margin: 0 0 10px;}
h2										{font: normal 1.75em Georgia, "Times new Roman", Serif; color: #262626; letter-spacing: -0.02em; margin: 0 0 10px;}
h3										{font: normal 1.3333em Georgia, "Times new Roman", Serif; color: #262626; letter-spacing: -0.02em; margin: 0 0 10px;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

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

div#masthead							{background-color: #185a90; border-bottom: solid 5px #6f93b6;}

div#masthead-content, 
div#container							{width: 960px; margin: 0 auto;}
div#container							{margin: 15px auto;}

div#masthead-content					{position: relative; height: 130px; display: block;}
div#masthead-content div#navigation		{position: absolute; bottom: 0;}
div#masthead-content a.logo				{position: absolute; right: 0; top: 25px;}

div#container div#secondarynavigation,
div#container div#content,			
div#container div#secondarycontent		{float: left;}
div#container div#secondarynavigation	{width: 190px; margin: 0 20px 0 0;}
div#container div#content				{width: 480px; background-color: #fff; padding: 10px;}
div#container div#content.wide			{width: 690px;}
div#container div#secondarycontent		{width: 230px; margin: 0 0 0 20px;}

div#content p, div#secondarycontent p	{margin: 0 0 1em;}
div#content a, div#secondarycontent a	{text-decoration: underline; color: #185a90;}
div#content a:hover, div#secondarycontent a:hover {text-decoration: none;}
div#content a:visited, div#secondarycontent a:visited {color: #333;}

div#content ul, div#content ol, 
div#secondarycontent ul, div#secondarycontent ol {padding: 5px 10px; margin: 5px 15px; }
div#content ul, div#content	ul li,
div#secondarycontent ul, div#secondarycontent ul li {list-style-type: disc;}
div#content ol, div#content ol li,
div#secondarycontent ol, div#secondarycontent ol li	{list-style: decimal;}
div#content ul li, div#content ol li,
div#secondarycontent ul li, div#secondarycontent ol li {line-height: 1.4em; margin: 0 0 0.4em;}

div#secondarycontent div.module			{margin: 0 0 20px;}
div#secondarycontent div.module .mh		{background: transparent url(../gfx/secondarycontent-module-top.png) no-repeat top left;}
div#secondarycontent div.module .mb		{background-color: #fff; padding: 10px;}
div#secondarycontent div.module .mf		{background: transparent url(../gfx/secondarycontent-module-bottom.png) no-repeat bottom left;}

div#secondarynavigation div.round.top	{background: transparent url(../gfx/secondarynavigation-top.png) no-repeat top left;}
div#secondarynavigation div.round.bottom {background: transparent url(../gfx/secondarynavigation-bottom.png) no-repeat bottom left;}
div#content div.round.top				{background: transparent url(../gfx/content-top.png) no-repeat top left;}
div#content div.round.bottom			{background: transparent url(../gfx/content-bottom.png) no-repeat bottom left;}
div#content.wide div.round.top			{background: transparent url(../gfx/content-wide-top.png) no-repeat top left;}
div#content.wide div.round.bottom		{background: transparent url(../gfx/content-wide-bottom.png) no-repeat bottom left;}

div#content div.round.top,		
div#content div.round.bottom,
div#content.wide div.round.top,
div#content.wide div.round.bottom		{margin: -10px -10px 0 -10px;}
div#content div.round.bottom,
div#content.wide div.round.bottom		{margin: 10px -10px -10px; clear: both;}

div#container div.round,
div#secondarycontent div.module .mh,
div#secondarycontent div.module .mf		{display: block; height: 10px;}

div#footer								{margin: 15px 0 -5px; color: #333; text-align: center; font-size: 0.9167em; border-top: 1px solid #f3f3f3; padding: 3px 0 0;}
div#content div#footer em				{display: block;}
div#content.wide div#footer				{text-align: left;}
div#content.wide div#footer em			{float: right;}

div#secondarycontent div#translate		{margin-bottom: 50px;}
div#secondarycontent div#translate.module .mb {padding: 0 10px !important;}
div#secondarycontent div#contact.module .mb {padding: 5px 10px !important;}
div#secondarycontent div#translate,
div#secondarycontent div#contact		{font-size: 0.9167em; color: #1c1c1c;}
div#secondarycontent div#translate a,
div#secondarycontent div#contact a		{color: #1c1c1c; text-decoration: none; padding: 0 0 0 16px; background: transparent url(../gfx/secondarycontent-link-bg.png) no-repeat left 5px; display: block; line-height: 1.6em;}
div#secondarycontent div#translate a:hover,
div#secondarycontent div#contact a:hover {color: #555;}

div#secondarycontent address			{font-style: normal !important; font-weight: normal;}
div#secondarycontent address span		{display: block;}
div#secondarycontent address span.fn	{font-weight: bold; background: transparent url(../gfx/secondarycontent-link-bg.png) no-repeat left 5px;}
div#secondarycontent address span.fn,
div#secondarycontent address span.adr	{padding: 0 0 0 16px;}
div#secondarycontent address span.hidden {display: none;}
div#secondarycontent address span.inline {display: inline;}
div#secondarycontent address span.email	{margin: 10px 0 0;}

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

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

div#navigation ul li					{display: inline;}
div#navigation ul li a					{display: block; float: left; background-color: #fff; color: #565656; text-decoration: none; padding: 8px 10px;}
div#navigation ul li a:hover			{color: #999;}
div#navigation ul li.on a				{background-color: #6f93b6; color: #fff; padding: 10px; margin: -4px 0 0; font-weight: bold;}

div#secondarynavigation ul				{background-color: #fff;}
div#secondarynavigation ul li a			{padding: 5px 10px; color: #252525; text-decoration: none; display: block;}
div#secondarynavigation ul li a:hover	{color: #666;}
div#secondarynavigation ul li.on a		{background: #d9e2ea url(../gfx/secondarynavigation-link-bg.png) no-repeat left; padding: 5px 20px; font-weight: bold;}

div#secondarynavigation ul li.on li a	{font-weight: normal !important;}
div#secondarynavigation ul li.on li.on a {font-weight: bold !important;}

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

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

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px 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					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

div#content.wide div.gallery			{width: 920px;}
div#content.wide p.gallerybreadcrumb	{width: 910px;}
div#content.wide a.gallerydir			{margin: 0 14px 14px 0;}
div#content.wide a.galleryimg			{margin: 0 14px 14px 0;}

p.gallerybreadcrumb						{margin: 0 0 10px -10px !important; padding: 9px 10px 10px; background: #d9e2ea; color: #222; display: block; width: 480px;}
p.gallerybreadcrumb a					{color: #222 !important;}
a.gallerydir							{width: 145px; height: 135px; margin: 0 5px 5px 0; border: 1px solid #f0f0f0; padding: 6px 3px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000 !important; text-decoration: none !important; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 145px; height: 135px; margin: 0 5px 5px 0; border: 1px solid #f0f0f0; padding: 6px 3px; background: #fff; color: #000 !important; text-decoration: none !important; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both; margin: 0 auto;}
a.gallerydir span, a.galleryimg span    {width: 136px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 8px; left: 5px;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}


body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{background-color: #f0f0f0; margin: 10px 0; display: block; padding: 10px;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

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.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

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.documentlibrary, ul.documentlibrary li {list-style: none !important; display: block; width: 450px}
ul.documentlibrary						{margin-left: 0 !important; padding: 0 !important;}
ul.documentlibrary li					{line-height: 20px; border-bottom: solid 1px #f0f0f0; padding: 5px 0;}
ul.documentlibrary li img				{vertical-align: text-top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}