@import url("navigation.css");

/* +++++++++++++++++++ HTML ELEMENTS ++++++++++++++++++++++ */

* {
		margin: 0px;
		padding: 0px;
}
html {
		font: 62.5% Arial, Verdana, sans-serif;
		color: #000000;
}
body {
		background: #416272 url(../../layout/bg-01.png) repeat-x;
}
a {
		text-decoration: none;
}
a:link {
		color: #367695;
}
a:visited {
		color: #367695;
}
a:hover {
		color: #993333;
}
a:active {
		color: #705E42;
}
/* +++++++++++++++++++  GENERAL RULES  ++++++++++++++++++++++ */

img.bdrImg {
		border: 2px solid #2C414B;
		padding: 1px;
		background-color: #FFFFFF;
}
.cleared {
		clear: both;
		font-size: 0;
		line-height:0;
}
.alignLeft {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
}
.alignRight {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
}
.noFloat {
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		display: block;
}
/* +++++++++++++++++++ MAIN LAYOUT ELEMENTS ++++++++++++++++++++++ */


#headerRow {
		background: url(../../layout/bg-02.png) repeat-x left bottom;
		width: 100%;
		padding-bottom: 5px;
}
#headerRow #pageHeader {
		background: url(../../layout/header.jpg) no-repeat 45px 0px;
		width: 726px;
		height: 76px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 22px;
		padding-left: 232px;
}
#headerRow #pageHeader a {
		display: block;
		width: 247px;
		height: 48px;
		text-indent: -9999em;
}
#headerRow #topNav {
		width: 922px;
		margin-right: auto;
		margin-left: auto;
		background: #CEEFFF url(../../layout/bgHorzMenu.png) no-repeat left bottom;
		margin-bottom: 15px;
		height: 28px;
		padding-right: 18px;
		padding-left: 18px;
		padding-top: 2px;
}
#headerRow #welcomeMessage {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
		font-size: 1.2em;
		color: #FFFFFF;
}
#headerRow p.readMore {
		margin: 0px;
		background: url(../../layout/readMore.png) no-repeat center top;
		text-align: center;
		font-weight: bold;
		padding-top: 3px;
}
#contentRow {
		background-color: #FFFFFF;
		width: 100%;
}
#contentRow #contentWrapper {
		width: 958px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
		padding-top: 20px;
}
#contentRow #contentWrapper #col-1, #contentRow #contentWrapper #col-3 {
		width: 220px;
		float: left;
		font-size: 1.1em;
}
#contentRow #contentWrapper #col-2 {
		width: 498px;
		float: left;
		margin-right: 10px;
		margin-left: 10px;
		font-size: 1.2em;
}
#footerRow {
		width: 100%;
		background: url(../../layout/bg-03.png) repeat-x;
}
#footerRow #footerWrapper {
		width: 958px;
		margin-right: auto;
		margin-left: auto;
		font-size: 1.1em;
}
/* +++++++++++++++++++ CONTENT LIST ITEMS ++++++++++++++++++++++ */

.contentListItemWrapper {
		margin-bottom: 12px;
}
.contentListItem {
		padding-left: 5px;
}
.contentListItem h2.sectionTitle {
		background: url(../../layout/bgContentTitle.png) repeat-x;
		font: bold 1.33em/1.2em "Trebuchet MS", Arial, Verdana, sans-serif;
		color: #6B604A;
		height: 2.5em;
		overflow: hidden;
		margin-bottom: 6px;
		padding-top: 4px;
		padding-right: 8px;
		padding-left: 8px;
}
.contentListItem h3.sectionTitle {
		background: url(../../layout/bgContentTitle.png) repeat-x;
		padding: 12px 8px;
		font: bold 1.17em/1 "Trebuchet MS", Arial, Verdana, sans-serif;
		color: #6B604A;
}
.contentListItem .wysiwyg {
		margin-left: 8px;
}
.contentListItem .contentListItemImage {
		font-size: 0.92em;
		text-align: center;
		margin-bottom: 0px;
		width: 231px;
		clear: both;
}
.contentListItem .contentListItemImage span {
		background: #B3997A;
		padding: 4px;
		display: block;
		color: #FFF5E9;
}
.contentListItem p.readMore {
		margin: 0px;
		text-align: right;
		font-weight: bold;
		clear: both;
}
.oneInRow {
		background: url(../../layout/contentListItem.png) no-repeat;
}
.twoInRow {
		background: url(../../layout/contentListItem2.png) no-repeat;
}
.twoInRow .contentListItem {
		float: left;
		width: 239px;
}
.delimiter {
		margin-left: 10px;
}
/* +++++++++++++++++++ COMMON TABLE ++++++++++++++++++++++ */


table.commonTable {
		margin-bottom: 10px;
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		border-bottom: 3px solid #B3997A;
}
table.commonTable td, table.commonTable th {
		padding: 4px;
		border-right: 1px solid #B3997A;
		border-left: 1px solid #B3997A;
}
table.commonTable th {
		background: url(../../layout/bgContentTitle.png) repeat-x left top;
		border-top: 1px solid #B3997A;		
		color: #6B604A;
		padding-top: 8px;
		padding-bottom: 8px;
}
table.commonTable td {
		background: url(../../layout/bgCommonTableBottom.png) repeat-x left bottom;
}

/* +++++++++++++++++++ PHOTO GALLERY BOX ++++++++++++++++++++++ */

.photoGalleryBox {
		margin-bottom: 12px;
		background: #BBD9E5;
}
.photoGalleryBox h2.sectionTitle {
		font: bold 1.45em/1 "Trebuchet MS", Arial, Helvetica;
		color: #367695;
		background: #BBD9E5 url(../../layout/headerPhotogallery.jpg) no-repeat;
		height: 41px;
		padding-left: 65px;
}
.photoGalleryBox ul.itemList {
		list-style: none;
		width: 200px;
		margin-right: auto;
		margin-left: auto;
}
.photoGalleryBox ul.itemList li {
		display: block;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		clear: both;
		height: 73px;
		overflow: hidden;
		padding-top: 7px;
}
/* +++++++++++++++++++ PAGING, MORE LINKS BAR ++++++++++++++++++++++ */

.photoGalleryBoxPaging {
		background: #93BDD1 url(../../layout/bgPhotoGalleryPaging.gif) no-repeat left bottom;
		height: 24px;
		overflow: hidden;
}
.photoGalleryBoxPaging ol {
		list-style: none;
		text-align: center;
		font-weight: bold;
		height: 19px;
		overflow: hidden;
		padding-top: 5px;
}
.photoGalleryBoxPaging ol span {
		padding-right: 2px;
		padding-left: 2px;
		color: #FFE9CE;
}
.photoGalleryBoxPaging ol li {
		display: inline;
		padding-right: 2px;
		padding-left: 2px;
}
.photoGalleryBoxPaging li.altLink {
		display: block;
		text-align: center;
		padding-top: 1px;
		padding-bottom: 1px;
		width: 100px;
		margin-right: auto;
		margin-left: auto;
		background: #366624;
		margin-top: 4px;
}
.paging {
		font-size: 0.91em;
}
.paging ol, .moreLinks ul {
		list-style: none;
		text-align: center;
		margin-bottom: 11px;
		height: 23px;
		padding-top: 8px;
}
.setOnArchiveLink {
		background: url(../../layout/bgPaging2.png) no-repeat;
}
.setOffArchiveLink, .moreLinks ul {
		background: url(../../layout/bgPaging.png) no-repeat;
}
.setOnArchiveLink ol {
		float: left;
		width: 338px;
}
.setOffArchiveLink ol {
		width: 498px;
}
.paging ol span {
		background: #FFFFFF;
		padding-right: 2px;
		padding-left: 2px;
		color: #CC0000;
}
.paging ol li, .moreLinks ul li {
		display: inline;
		font-weight: bold;
		padding-right: 4px;
		padding-left: 4px;
		line-height: 14px;
}
.paging img, .photoGalleryBoxPaging img {
		margin-bottom: -0.25em;
}
.paging a.altLink {
		width: 160px;
		display: block;
		float: right;
		text-align: center;
		line-height: 14px;
		padding-top: 8px;
}
.moreLinks .delimiter {
		background: url(../../layout/delimiter.gif) no-repeat left center;
		padding-left: 22px;
}
.moreLinks p {
		font-weight: bold;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		width: 200px;
		background: #B3997A;
}
.moreLinks p a {
		display: block;
		padding-left: 8px;
		padding-top: 6px;
		padding-bottom: 5px;
		margin-bottom: 1px;
		letter-spacing: 0.1em;
		color: #FFF5E8;
}
/* +++++++++++++++++++ BREADCRUMBS ++++++++++++++++++++++ */

#breadCrumbs {
		margin-bottom: 10px;
		clear: both;
		font-size: 0.91em;
		border-bottom: 1px dotted #B3997A;
		background: url(../../layout/bgBreadcrumbs.png) no-repeat;
		padding: 6px 5px 4px;
}
#breadCrumbs ul {
		list-style: none;
}
#breadCrumbs ul li {
		display: block;
		white-space: nowrap;
		float: left;
		background: url(../../layout/arrow.gif) no-repeat 0px 3px;
		margin-right: 10px;
		padding-left: 11px;
}
/* +++++++++++++++++++ PHOTO GALLERY AND ATTACHED DOCUMENTS ++++++++++++++++++++++ */
.documents, .photoGalleryWrapper {
		margin-left: 8px;
}
.photoGalleryRow {
		clear: both;
		margin-bottom: 10px;
}
.photoGalleryRow .delimiter {
		margin-left: 13px;
}
.photoGalleryRow a {
		display: inline;
		float: left;
}
.documents ul {
		list-style: none;
		line-height: 1.5;
}
.documents ul li {
		background: url(../../layout/arrow.gif) no-repeat left center;
		padding-left: 15px;
}
/* +++++++++++++++++++ MESSAGE BOX ++++++++++++++++++++++ */
.messageBox ul {
		margin-bottom: 11px;
		padding: 6px;
		list-style-type: none;
		color: #FFFFFF;
		background: #AE3939;
		margin-left: 8px;
		border-top: 2px solid #CF6B6B;
		border-bottom: 2px solid #772626;
}
.messageBox ul li {
		background: url(../../layout/arrow2.gif) no-repeat 2px center;
		padding-left: 17px;
		margin-bottom: 3px;
		line-height: 1.5;
}
.messageBox ul li a {
		color: #FFE2BB;
}
/* +++++++++++++++++++ WYSIWYG ++++++++++++++++++++++ */
.wysiwyg {
}
.wysiwyg ul, .wysiwyg ol {
		margin-left: 30px;
}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
		line-height: 1.5;
		margin-bottom: 1.5em;
}
.wysiwyg ul, .wysiwyg ol {
		margin-left: 30px;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
		font-weight: bold;
		margin-bottom: 0.64em;
}
.wysiwyg h1 {
		font-size:1.45em;
}
.wysiwyg h2 {
		font-size:1.36em;
}
.wysiwyg h3 {
		font-size:1.27em;
}
.wysiwyg h4 {
		font-size:1.18em;
}
.wysiwyg h5 {
		font-size:1.09em;
}
.wysiwyg h6 {
		font-size:1em;
}
/* +++++++++++++++++++ BANNERS ++++++++++++++++++++++ */
.banners span {
		display: block;
		margin-bottom: 10px;
		width: auto;
}
.banners object {
		margin-bottom: 10px;
}
/* +++++++++++++++++++ FOOTER ELEMENTS ++++++++++++++++++++++ */
#newsletterBox {
		background: url(../../layout/bgNewsletter.gif) no-repeat 0px 9px;
		width: 332px;
		float: left;
		height: 40px;
		position: relative;
}
#newsletterBox .txtBoxNL {
		position: absolute;
		left: 100px;
		top: 11px;
}
#newsletterBox .inputBtnNL {
		position: absolute;
		top: 11px;
		right: 25px;
}
#footerWrapper ul {
		list-style: none;
		float: left;
		width: 606px;
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 16px;
}
#footerWrapper ul li {
		display: block;
		white-space: nowrap;
		float: left;
		padding-right: 10px;
		margin-right: 10px;
		background: url(../../layout/bulletFooterLinks.png) no-repeat 0px 3px;
		padding-left: 15px;
}
#footerLinks {
		width: 958px;
		color: #FFFFFF;
		clear: both;
		height: 50px;
}
#footerLinks p#copyright {
		float: left;
		width: 335px;
		padding-top: 5px;
}
#footerLinks p#author {
		float: right;
		width: 335px;
		text-align: right;
		padding-top: 5px;
}
#footerWrapper a:link {
		color: #FFF5E8;
}
#footerWrapper a:visited {
		color: #DDD5CA;
}
#footerWrapper a:hover {
		color: #FFFF99;
}
#footerWrapper a:active {
		color: #FFFF99;
}
/* +++++++++++++++++++ FORM ELEMENTS ++++++++++++++++++++++ */

fieldset {
		border-style: none;
}
legend {
		display: none;
}
select, input, textarea {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.txtBoxNL {
		width: 165px;
		line-height: 13px;
		border: 2px solid #614D36;
		padding: 4px 5px;
		background: #FFF5E8;
}
/*.txtBoxSmall {
		width: 30px;
		border: 1px solid #E6E6E6;
		padding: 2px;
		text-align: center;
		background: #F5F5F5;
}*/
.txtBox2 {
		width: 190px;
		background: none;
		border: none;
		line-height: 13px;
		margin-top: 8px;
}
.txtArea {
		width: 185px;
		background: none;
		border: none;
		height: 187px;
}
.radioBtn {
		margin: 0px;
}
input.inputBtnActive, input.inputBtnActive2 {
		border: 0;
		cursor: pointer;
		overflow: visible;
		line-height: 27px;
		padding-right: 5px;
		padding-left: 5px;
		height: 27px;
		color: #FFFFFF;
}
input.inputBtnActive {
		background:transparent url(../../layout/bgButtonRight.png) no-repeat right top;
}
input.inputBtnActive2 {
		background:transparent url(../../layout/bgButtonRight2.png) no-repeat right top;
}
label.inputBtnActive, label.inputBtnActive2 {
		height: 27px;
		width: auto;
		display: block;
}
label.inputBtnActive {
		float: left;
		background:url(../../layout/bgButtonLeft.png) no-repeat left top;
}
label.inputBtnActive2 {
		float: left;
		background:url(../../layout/bgButtonLeft2.png) no-repeat left top;
}
input.bold {
		font-weight: bold;
		color: #FFF7B8;
}
fieldset.contentForm {
		margin-bottom: 11px;
		margin-left: 8px;
		border: 1px solid #B3997A;
}
fieldset.contentForm h3 {
		font-weight: bold;
		font-size: 1em;
		background: url(../../layout/bgContentTitle.png) repeat-x;
		color: #6B604A;
		padding: 10px 7px;
		margin-bottom: 5px;
}
fieldset.contentForm .txtBoxRow, fieldset.contentForm .txtBoxRowCal, fieldset.contentForm .radioRow, fieldset.contentForm .selectRow, fieldset.contentForm .checkRow, fieldset.contentForm .txtAreaRow, fieldset.contentForm .txtRow {
		margin-bottom: 7px;
		clear: both;
}
fieldset.contentForm .txtBoxRow label, fieldset.contentForm .txtBoxRowCal label, fieldset.contentForm .radioRow span, fieldset.contentForm .selectRow label, fieldset.contentForm .txtAreaRow label {
		display: block;
		float: left;
		width: 220px;
		line-height: 30px;
		text-align: right;
		padding-right: 3px;
}
fieldset.contentForm .radioRow label {
		display: block;
		float: left;
		margin-left: 10px;
		padding-top: 7px;
}
fieldset.contentForm em {
		font-size: 1.2em;
		color: #E2001A;
		margin-right: 5px;
}
fieldset.contentForm .txtBoxRow span {
		display: block;
		float: left;
		background: url(../../layout/bgTxtBoxCommon.png) no-repeat;
		width: 201px;
		margin-right: 5px;
		padding-left: 5px;
		height: 30px;
}
fieldset.contentForm .txtBoxRowCal span {
		display: block;
		float: left;
		background: url(../../layout/bgTxtBoxCalendar.png) no-repeat;
		width: 201px;
		margin-right: 5px;
		padding-left: 5px;
		height: 30px;
}
fieldset.contentForm .txtAreaRow span {
		display: block;
		float: left;
		background: url(../../layout/bgTxtArea.png) no-repeat;
		width: 201px;
		margin-right: 5px;
		padding-left: 8px;
		height: 194px;
		padding-top: 6px;
}
fieldset.contentForm .selectRow span {
		display: block;
		float: left;
		width: 192px;
		margin-right: 5px;
		height: 24px;
		padding-top: 3px;
}
fieldset.contentForm .selectRow select {
		width: 200px;
}
fieldset.contentForm .checkRow label {
		text-align: center;
		display: block;
}
fieldset.contentForm .txtRow {
		padding-left: 225px;
}
fieldset.contentFormButtons {
		padding-left: 203px;
		margin-bottom: 10px;
}
fieldset.contentFormButtons .delimit {
		width: 5px;
		float: left;
		height: 27px;
}



/* +++++++++++++++++++ CLEARFIX ++++++++++++++++++++++ */

.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
}
.clearfix {
		display: inline-block;
}
html[xmlns] .clearfix {
		display: block;
}
* html .clearfix {
		height: 1%;
}
