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

h1										{font: bold 2.9167em/1.2em Arial, Helvetica, Sans-serif; margin: 0 0 0.2em; color: #747474; letter-spacing: -0.04em;}
h2										{font: bold 1.75em/1.6em Arial, Helvetica, Sans-serif; margin: 0; color: #747474; letter-spacing: -0.02em;}
h3										{font: bold 1.5em/1.6em Arial, Helvetica, Sans-serif; margin: 0;  color: #747474;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}
h1 span, h2 span						{font-weight: normal !important;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}
.structural								{position: absolute; left: -9999px;}

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

div#masthead,
div#container							{background-color: #fff;}
div#masthead-content, 
div#wrapper,
div#footer-content,
div#headercontent,
div.headercontent						{margin: 0 auto; width: 960px; padding: 0 10px; position: relative;}

div#masthead							{height: 110px; overflow: hidden;}
div#navigation							{position: absolute; width: 730px; top: 43px; right: 10px; text-align: right;}

div#header								{overflow: hidden; display: block;}
div#header img							{float: left;}

div#header .header-blogpost				{padding: 85px 0 105px;}
div#header .header-blogpost h3.header-type-title {color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin: 0 0 5px;}
div#header .header-blogpost a.header-blogitem-title {color: #fff; font-weight: bold; text-decoration: none; font-size: 2.5em; margin: 0 !important; letter-spacing: -0.02em;}
div#header .header-blogpost div.header-blogitem-content {color: #fff !important;}

div#header .header-blogitem-title-wrapper {display: inline; position: relative;}
div#header .header-blogitem-title-wrapper span.header-blogitem-comments {position: absolute; right: -50px; top: -45px; width: 50px; padding: 10px 0 15px; font-size: 1.1667em; text-align: center; background: transparent no-repeat top; font-weight: bold; margin: 3px 0 0; color: #fff;}
div#header .header-blogitem-title-wrapper span.header-blogitem-metadata {position: absolute; right: 0; top: 20px; color: #fff;}

div#header.blue .header-blogpost h3.header-type-title,
div#header.blue .header-blogitem-title-wrapper span.header-blogitem-metadata {color: #446f87;}
div#header.red .header-blogpost h3.header-type-title,
div#header.red .header-blogitem-title-wrapper span.header-blogitem-metadata {color: #802b2c;}
div#header.green .header-blogpost h3.header-type-title,
div#header.green .header-blogitem-title-wrapper span.header-blogitem-metadata {color: #6e7f26;}
div#header.orange .header-blogpost h3.header-type-title,
div#header.orange .header-blogitem-title-wrapper span.header-blogitem-metadata {color: #814021;}
div#header.pink .header-blogpost h3.header-type-title,
div#header.pink .header-blogitem-title-wrapper span.header-blogitem-metadata {color: #853662;}

div#header.blue .header-blogitem-title-wrapper span.header-blogitem-comments {background-image: url(../gfx/gui/header-comments-blue.png);}
div#header.red .header-blogitem-title-wrapper span.header-blogitem-comments {background-image: url(../gfx/gui/header-comments-red.png);}
div#header.green .header-blogitem-title-wrapper span.header-blogitem-comments {background-image: url(../gfx/gui/header-comments-green.png);}
div#header.orange .header-blogitem-title-wrapper span.header-blogitem-comments {background-image: url(../gfx/gui/header-comments-orange.png);}
div#header.pink .header-blogitem-title-wrapper span.header-blogitem-comments {background-image: url(../gfx/gui/header-comments-pink.png);}

div#header.white .header-blogpost h3.header-type-title {color: #666;}
div#header.white .header-blogpost div.header-blogitem-content, div#header.white .header-blogpost h2.header-blogitem-title a {color: #333 !important;}

div#container							{padding: 15px 0 25px;}

div.white								{background: #fff url(../gfx/gui/header-bg-white.png) repeat-x top;}
div.black								{background: #000;}
div.blue								{background: #67b2dc url(../gfx/gui/header-bg-blue.png) repeat-x top;}
div.red									{background: #d74346 url(../gfx/gui/header-bg-red.png) repeat-x top;}
div.green								{background: #c1d82f url(../gfx/gui/header-bg-green.png) repeat-x top;}
div.orange								{background: #da6435 url(../gfx/gui/header-bg-orange.png) repeat-x top;}
div.pink								{background: #e1599d url(../gfx/gui/header-bg-pink.png) repeat-x top;}

div#breadcrumb							{padding: 5px 0 15px; border-top: solid 1px #e2e2e2; font-size: 11px; color: #666!important;}
div#breadcrumb ul, div#breadcrumb ul li {padding: 0 !important; margin: 0 !important;}
div#breadcrumb ul li					{display: inline;}
div#breadcrumb ul li a					{text-decoration: none; font-weight: bold; color: #666!important;}

.red div#breadcrumb ul li,
.red div#breadcrumb ul li a				{color: #802b2c;}
.orange div#breadcrumb ul li,
.orange div#breadcrumb ul li a			{color: #814021;}
.green div#breadcrumb ul li,
.green div#breadcrumb ul li a			{color: #6e7f26;}
.blue div#breadcrumb ul li,
.blue div#breadcrumb ul li a			{color: #446f87;}
.pink div#breadcrumb ul li,
.pink div#breadcrumb ul li a			{color: #853662;}
				   					   
div#wrapper								{padding: 10px 0px 15px; width: 960px;}
div#wrapper div#secondarynavigation,
div#wrapper div#content,
div#wrapper div#secondarycontent		{float: left;}

div#wrapper div#secondarynavigation,
div#wrapper div#secondarycontent		{width: 220px;}

div#wrapper div#secondarynavigation,
div#wrapper div#content					{margin: 0 20px 0 0;}

div#wrapper div#content					{width: 480px;}
div#wrapper div#content.wide			{width: 720px; margin: 0;}
div#wrapper div#secondarycontent		{margin: 19px 0 0;}

div#secondarycontent img.shadow			{background: #fff url(../gfx/img-shadow-bg.png) no-repeat left; padding: 0 0 0 20px;}

div#currentpageindicator				{margin: 11px 0 0;}
div#currentpageindicator span,
div#currentpageindicator a				{background-image: none !important; padding: 10px; font-weight: bold; font-size: 1.3333em; border-bottom: solid 1px #f0f0f0; text-decoration: none; display: block; color: #888;}

div#secondarycontent div.module div.mb p,
div#secondarynavigation div.module div.mb p,
div#content p							{margin: 0 0 1em;}
div#secondarycontent div.module div.mb a,
div#secondarynavigation div.module div.mb a,
div#content a							{color: #555; text-decoration: underline;}
div#content a:visited					{color: #666;}
div#secondarycontent div.module div.mb a:hover,
div#secondarynavigation div.module div.mb a:hover,
div#content a:hover						{color: #333 !important; text-decoration: none;}

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

div#content table						{width: 100%;}
div#content table tr th,
div#content table tr td					{border-bottom: solid 1px #f0f0f0; text-align: left; padding: 5px 5px 5px 0;}

.red div#currentpageindicator span,
.red div#currentpageindicator a,
.red div#content a						{color: #802b2c;}

.orange div#currentpageindicator span,
.orange div#currentpageindicator a,
.orange div#content a					{color: #814021;}

.green div#currentpageindicator span,
.green div#currentpageindicator a,
.green div#content a					{color: #6e7f26;}	

.blue div#currentpageindicator span,
.blue div#currentpageindicator a,
.blue div#content a						{color: #446f87;}

.pink div#currentpageindicator span,
.pink div#currentpageindicator a,
.pink div#content a						{color: #853662;}

div#secondarycontent div.module div.mh,
div#secondarynavigation div.module div.mh {border-bottom: solid 1px #eaeaea; margin: 0 0 5px;}
div#secondarycontent div.module div.mb,
div#secondarynavigation div.module div.mb {margin: 0 0 15px;}

div#footer-content						{padding: 20px 0;}


div#footer-content div#footer-navigation {width: 580px; margin: 0 20px 0 0;}
div#footer-content div#footer-address	{width: 340px;}

div#footer-content div#footer-navigation,
div#footer-content div#footer-address	{float: left;}
div#footer-content div#footer-address	{border-left: solid 1px #e0e0e0; padding: 0 0 0 10px;}

div#footer-content h3, 
div#footer-content h3 a					{text-decoration: none; letter-spacing: -0.002em; clear: both;}
div#footer-content h3					{font-weight: bold;}
div#footer-content div#footer-navigation ul					{padding: 15px 0 5px; line-height: 1.6em;}
div#footer-content div#footer-navigation ul ul				{padding: 2px 0 0px;}
div#footer-content div#footer-navigation ul li				{display: inline;}
div#footer-content div#footer-navigation ul li a			{color: #2e2e2e; text-decoration: none; font-size: 0.9167em; margin: 0 10px 4px 0; float: left;}
div#footer-content div#footer-navigation ul li.master a		{font-weight: bold; clear: both; font-size: 1.2em;}
div#footer-content div#footer-navigation ul ul li a			{font-weight: normal !important; clear: none !important; font-size: 0.9em !important;}
div#footer-content div#footer-navigation ul li a:hover		{text-decoration: underline;}

div#footer-content .footercolumn.contact {background-color: #5c5c5c; width: 180px; margin: 0; padding: 10px 10px 15px; color: #fff;}
div#footer-content .footercolumn.contact address {font-style: normal;}
div#footer-content .footercolumn.contact span.fn {font-size: 1.5em !important; font-weight: bold; display: block; margin: 0 0 5px; line-height: 1.6em;}
div#footer-content .footercolumn.contact span.email {margin: 0 0 10px;}
div#footer-content .footercolumn.contact span.adr span.type {display: block;}
div#footer-content .footercolumn.contact span.adr span.type.inline {display: inline;}
div#footer-content .footercolumn.contact span a {color: #fff; text-decoration: none;}
div#footer-content .footercolumn.contact span a:hover {text-decoration: underline;}
div#footer-content .footercolumn.contact span {font-size: 0.9167em; display: block;}
div#footer-content .footercolumn.contact span.type {font-weight: bold;}
div#footer-content .footercolumn.contact span span {font-size: 1em; display: inline;}

div#footer-content div#footer-address .column {width: 150px; float: left; margin: 0px 20px 0 0;}
div#footer-content div#footer-address span.org {font-weight: bold; display: block; margin: 0 0 5px; line-height: 1.2em;}
div#footer-content div#footer-address span.street-address {display: block;}
div#footer-content div#footer-address span.tel {margin: 5px 0 0;}
div#footer-content div#footer-address span.email {display: inline;}
div#footer-content div#footer-address span.adr span.type {display: block;}
div#footer-content div#footer-address .inline {display: inline !important;}
div#footer-content div#footer-address span a {color: #333; text-decoration: none;}
div#footer-content div#footer-address span a:hover {text-decoration: underline;}
div#footer-content div#footer-address span {font-size: 0.9167em; display: block;}
div#footer-content div#footer-address span.type {font-weight: bold;}
div#footer-content div#footer-address span span {font-size: 1em; display: inline;}
div#footer-content div#footer-address .other	{padding: 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					{font: bold 1.25em/1.4em Arial, Helvetica, Sans-serif; text-decoration: none; color: #737373; margin: 0 0 0 50px; letter-spacing: -0.005em;}
div#navigation ul li a:hover			{color: #333;}
div#navigation ul li.on a,
div#navigation ul li.on a:hover			{color: #000;}

div#secondarynavigation	ul li			{display: block; border-bottom: solid 1px #f0f0f0;}
div#secondarynavigation ul li a			{padding: 10px; display: block; color: #444; text-decoration: none;}
div#secondarynavigation ul li.on a		{font-weight: bold;}
div#secondarynavigation ul li a:hover	{color: #000;}

.red div#secondarynavigation ul li a:hover		{color: #802b2c;}
.orange div#secondarynavigation ul li a:hover	{color: #814021;}
.green div#secondarynavigation ul li a:hover	{color: #6e7f26;}
.blue div#secondarynavigation ul li a:hover		{color: #446f87;}
.pink div#secondarynavigation ul li a:hover		{color: #853662;}

div#secondarynavigation	ul ul,
div#secondarynavigation	ul ul ul		{margin: 0 0 10px 10px; padding: 0 0 0 10px; border-left: solid 1px #f0f0f0;}

div#secondarynavigation	ul ul li,
div#secondarynavigation	ul ul ul li		{border: none;}
div#secondarynavigation	ul ul li a,
div#secondarynavigation	ul ul li.on ul li a,
div#secondarynavigation	ul ul ul li a	{font-weight: normal !important; padding: 4px 10px;}

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

/*--------------------------------------------------------------------------------------------------
Survey
--------------------------------------------------------------------------------------------------*/

div.survey-question								{}
div.survey-question p							{margin-top: 8px!important;}
div.survey-question h2							{font-size: 18px!important; font-weight: bold!important; line-height: 24px!important; border-bottom: solid 1px #ccc; padding-top: 20px;}
div.survey-question h3							{font-size: 16px!important; font-weight: normal!important; line-height: 22px!important; border-bottom: solid 1px #ccc; padding-top: 20px;}
div.survey-question div.comments				{}
div.survey-question div.comments label			{display: block; margin-top: 15px;}
div.survey-question div.comments textarea		{font: normal 12px/18px Arial, Helvetica, Sans-serif; width: 100%; height: 55px; clear: both;}
div.survey-question table td					{border-bottom: none!important;}
div.survey-question .survey-scale				{width: auto!important; border: none!important;}
div.survey-question .survey-scale td			{text-align: center; padding: 0 20px 0 0!important; border: none!important;}
div.survey-question .survey-scale td label		{}

div.survey-controls								{margin-top: 20px;}

table.survey-scale-results						{width: 300px; border-collapse: collapse;}
table.survey-scale-results th					{text-align: left; border-bottom: solid 1px #666; padding: 2px;}
table.survey-scale-results td					{border-bottom: solid 1px #ccc!important; padding: 2px;}
table.survey-scale-results td.no-border			{border-bottom: none;}
table.survey-scale-results tr.row-summary td	{border-bottom: none; border-top: solid 2px #666; font-weight: bold;}

div.survey-question div.comments p.comment		{background-color: #eee; padding: 10px;}
div.survey-question div.comments p.comment-odd	{background-color: #f5f5f5; padding: 10px;}



/*--------------------------------------------------------------------------------------------------
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.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{text-transform: uppercase; border-bottom: solid 1px #e2e2e2; padding: 0 0 5px; color: #555;}
p.gallerybreadcrumb a					{color: #000;}

a.gallerydir,
a.galleryimg							{width: 223px; height: 200px; border: solid 1px #e2e2e2; padding: 5px; display: block; float: left; margin: 0 5px 5px 0; text-decoration: none !important; position: relative;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 223px; font-weight: bold; text-align: center; display: block; clear: both; position: absolute; bottom: 10px; left: 5px;}
a.gallerydir:hover,
a.galleryimg:hover						{background-color: #f0f0f0;}

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						{border: 0; margin: 10px 0; padding: 0;}
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: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
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						{list-style: none; margin: 0; padding: 0;}
ul.documentlibrary li					{line-height: 20px;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}