/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 0.9375em/1.4em Arial, Helvetica, Sans-serif; color: #000; background: #fff;}

h1										{font: normal 2.6em/1.5em Arial, Sans-Serif; color: #000; letter-spacing: -0.02em;}
h2										{font: normal 1.6em/1.5em Arial, Sans-Serif; color: #000; letter-spacing: -0.02em;}
h3										{font: normal 1.3em/1.5em Arial, Sans-Serif; color: #000; letter-spacing: -0.02em;}

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

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

div#masthead							{border-bottom: solid 1px #000; margin: 0 0 20px;}
div#masthead div#masthead-content, 
div#page								{width: 960px; margin: 10px auto 0; position: relative;}
div#footer								{border-top: solid 1px #000; padding: 30px 0; margin: 20px 0 0;}
div#navigation							{margin: 0 0 20px;}

div#container							{margin: 0 10px; background: transparent url(../gfx/container-bg.png) repeat-y left; padding: 0 0 30px;}
div#container #content,
div#container #secondarycontent			{float: right;}
div#container #content					{width: 680px; margin: 0 0 0 20px;}
div#container #secondarycontent			{width: 240px;}

div.socialconnections					{margin: 0 0 25px; position: absolute; top: 0; left: 8px;}
div.socialconnections ul li				{display: inline;}
div.socialconnections ul li a			{float: left; display: block; width: 20px; height: 20px; text-indent: -9999em; background-position: top left; background-repeat: no-repeat;}
div.socialconnections ul li.facebook a	{background-image: url(../gfx/facebook.png);}
div.socialconnections ul li.linkedin a	{background-image: url(../gfx/linkedin.png);}

div#content								{font: normal 0.9em/1.4em Arial, Helvetica, Sans-serif;}
div#content	p							{margin: 0 0 1em;}
div#content a							{color: #000;}
div#content a:hover						{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 #000; text-align: left; padding: 5px 5px 5px 0;}

div#pufflist							{}
div.puffitem							{margin: 0 0 20px; padding: 0 20px 0 0;}
div.puffitem h3							{font: bold 1.2em/1.4em Arial, Helvetica, Sans-serif;}
div.puffitem h3	a						{color: #898b8d; text-decoration: none;}
div.puffitem h3	a:hover					{color: #444;}
div.puffitem p							{font: italic 0.9em/1.4em Arial, Helvetica, Sans-serif;}

div#footer div#footer-content			{width: 960px; margin: 0 auto; text-align: center;}

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

div#content fieldset					{border: 0; margin: 0; padding: 0;}
div#content fieldset legend				{display: none;}
div#content fieldset label				{display: block;}
div#content fieldset .txt				{width: 100%; font-family:  Arial, Helvetica, Tahoma, sans-serif; font-size: 12px;}

div#content fieldset table.checkbox label {display: inline; margin: -10px 0 10px;}
div#content fieldset table.checkbox input {display: inline; width: 15px; margin-right: 13px;}
div#content fieldset table.checkbox span {margin-bottom: 15px;}
div#content fieldset table.checkbox		{line-height: 1.3em; margin-bottom: 10px;}

address.footer							{font-style: normal;}
address.footer strong					{display: none;}
address.footer span.fn					{text-transform: uppercase;}
address.footer span.fn,
address.footer span.adr,
address.footer span.locality,
address.footer span.tel					{border-right: solid 1px #000; padding: 0 5px 0 0;}
address.footer span.tel strong			{display: inline; font-weight: normal;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}

div.pageimage							{}

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

div#navigation ul li					{display: inline;}
div#navigation ul li a					{display: block; float:left; border-right: solid 1px #000; padding: 0px 10px; color: #000; font-size: 1.0667em; text-decoration: none; text-transform: uppercase;}
div#navigation ul li a:hover			{text-decoration: underline;}
div#navigation ul li.on a				{font-weight: bold;}

ul.submenu								{margin: 0 0 20px;}
ul.submenu li							{display: block;}
ul.submenu li a							{color: #000; background: transparent url(../gfx/secondarynavigation-item-bg.png) no-repeat left 1px; padding: 0 0 3px 20px; display: block; font-size: 0.8667em; text-decoration: none;}
ul.submenu li a:hover,
ul.submenu li.on a						{color: #898b8d; background-image: url(../gfx/secondarynavigation-item-bg-active.png);}

/*--------------------------------------------------------------------------------------------------
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								{margin: 10px 0; padding: 0 0 10px 10px; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 0 0 10px -10px !important; padding: 9px 10px 10px; border-bottom: solid 1px #000; color: #000; float: left; display: block; width: 100%;}
p.gallerybreadcrumb a					{color: #fff !important;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; 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;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

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