@import url("navigation.css");
@import url("lightbox.css");
/* +++++++++++++++++++  HTML ELEMENTS  ++++++++++++++++++++++ */

* {
		margin: 0px;
		padding: 0px;
}
html {
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
}
body {
		background-color: #606060;
}
a {
		text-decoration: none;
}
a:link {
		color: #C60C30;
}
a:visited {
		color: #617892;
}
a:hover {
		color: #930924;
}
a:active {
		color: #C60C30;
}
/* +++++++++++++++++++  LAYOUT ELEMENTS  ++++++++++++++++++++++ */

#contentWrapper {
		background: #FFFFFF url(../../layout/bg.jpg) repeat-x;
		width: 100%;
}
#columnWrapper {
		width: 961px;
		margin-right: auto;
		margin-left: auto;
		background: url(../../layout/header.jpg) no-repeat;
		padding-bottom: 10px;
}
#contentColumn {
		width: 641px;
		float: left;
}
#bannersColumn {
		float: right;
		width: 311px;
		margin-bottom: 10px;
		text-align: center;
}
#col-1 {
		float: left;
		width: 416px;
		margin-bottom: 10px;
		font-size: 1.1em;
}
#col-2 {
		float: right;
		width: 215px;
		margin-bottom: 10px;
		font-size: 1.1em;
}
#col-1-2 {
		width: 641px;
		font-size: 1.1em;
		margin-bottom: 40px;
}
#header {
		width: 641px;
		height: 165px;
		position: relative;
}
#footer {
		width: 100%;
		border-top: 3px solid #2e2e2e;
		margin-top: 0px;
		padding-top: 0px;
}
/* +++++++++++++++++++  HIRSISET FORM TABLE  ++++++++++++++++++++++ */

table.formTable {
		width: 100%;
		border-spacing: 0;
		border: none;
		border-collapse: collapse;
		background-color: #F1F1F1;
		margin-bottom: 10px;
}
table.formTable em {
		color: #FF0000;
}
table.formTable td.w50 {
		width: 50%;
}
table.formTable label.block, table.formTable span.legend {
		display: block;
		margin-bottom: 3px;
		margin-top: 3px;
/*		line-height: 24px;
		vertical-align:middle;*/
}
table.formTable td {
		text-align: left;
		vertical-align:top;
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: solid 1px #FFF;
		border-left: solid 1px #FFF;
		border-right: solid 1px #FFF;
}
table.formTable .bolded {
		font-weight: bold;
}
table.formTable label.floated {
		float: left;
		margin-right: 10px;
		white-space: nowrap;
}
table.formTable label.floated2 {
		float: left;
		margin-right: 5px;
		white-space: nowrap;
}
/* +++++++++++++++++++  FORM ELEMENTS  ++++++++++++++++++++++ */

fieldset {
		border-style: none;
}
legend {
		display: none;
}
select, input, textarea {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.txtBox {
		line-height: 13px;
		padding: 5px 5px 4px;
		width: 260px;
		background: #FFFFFF;
		border-top: 1px solid #AFB1B4;
		border-right: 1px solid #8D8F92;
		border-bottom: 2px solid #8D8F92;
		border-left: 1px solid #AFB1B4;
}
.txtBox2, .txtBox3, .txtBoxSmall {
		line-height: 13px;
		padding: 2px 5px 1px;
		background: #FFFFFF;
		border-bottom: 2px solid #8D8F92;
		border-top: none;
		border-right: none;
		border-left: none;
}
.txtBox2 {
		width: 260px;
}
.txtBox3 {
		width: 220px;
}
.txtBoxSmall {
		width: 40px;
}
.txtArea {
		width: 260px;
		padding: 5px;
		height: 150px;
		background: #FFFFFF;
		border-top: 1px solid #AFB1B4;
		border-right: 1px solid #8D8F92;
		border-bottom: 2px solid #8D8F92;
		border-left: 1px solid #AFB1B4;
}
.txtArea2 {
		width: 600px;
		padding: 5px;
		height: 100px;
		background: #FFFFFF;
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #8D8F92;
		border-left: none;
}
input.inputBtnActive, input.inputBtnInactive {
		border:0;
		cursor:pointer;
		overflow: visible;
		color:#FFFFFF;
		font: 11px/27px Verdana, Arial, Helvetica, sans-serif;
		height: 27px;
		padding-right: 5px;
		padding-left: 5px;
}
label.inputBtnActive, label.inputBtnInactive {
		height:27px;
		width: auto;
		display: block;
		float: left;
}
input.inputBtnInactive {
		background:transparent url(../../layout/bgButtonRightInactive.gif) no-repeat right top;
}
input.inputBtnActive {
		background:transparent url(../../layout/bgButtonRightActive.gif) no-repeat right top;
}
label.inputBtnActive {
		background:url(../../layout/bgButtonLeftActive.gif) no-repeat left top;
}
label.inputBtnInactive {
		background:url(../../layout/bgButtonLeftInactive.gif) no-repeat left top;
}
input.bold {
		font-weight: bold;
}
fieldset.contentForm {
		margin-bottom: 2px;
		padding-top: 10px;
		background: url(../../layout/bgWelcome.gif) repeat-x left bottom;
}
fieldset.contentForm .formRow {
		margin-bottom: 10px;
}
fieldset.contentForm .formRow label {
		width: 250px;
		display: block;
		line-height: 24px;
		text-align: right;
		padding-right: 3px;
		float: left;
}
fieldset.contentForm .formRow label em {
		color: #FF0000;
}
fieldset.buttons {
		padding-left: 254px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
}
fieldset.buttons .delimit {
		width: 5px;
		float: left;
		height: 27px;
}
/* +++++++++++++++++++  PAGE HEADER  ++++++++++++++++++++++ */

#contentColumn #header h1 {
		width: 236px;
		height: 57px;
		text-indent: -9999em;
		position: absolute;
		left: 22px;
		top: 23px;
}
#contentColumn #header h1 a {
		background: url(../../layout/logotip.gif) no-repeat;
		height: 57px;
		width: 236px;
		display: block;
}
/* +++++++++++++++++++  GENERAL RULES  ++++++++++++++++++++++ */

img.bdrImg {
		border: 1px solid #737577;
		padding: 1px;
		background: #FFFFFF;
}
.cleared {
		clear: both;
		font-size: 0;
		line-height:0;
}
.alignLeft {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
}
.alignRight {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
}
/* +++++++++++++++++++  MAIN CONTENT ELEMENTS  ++++++++++++++++++++++ */

h2.contentTitle {
		font: bold 2.2em "Trebuchet MS", Arial, Helvetica;
		width: 641px;
		background: url(../../layout/bgTitleHeader.gif) no-repeat left top;
		padding-top: 4px;
		color: #617892;
		margin-bottom: 8px;
}
h2.contentTitle span.title {
		display: block;
		width: 590px;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		margin-right: auto;
		margin-left: auto;
		padding-left: 40px;
		padding-top: 5px;
		padding-bottom: 8px;
}
h2.contentTitle span.subtitle {
		display: block;
		font-size: 0.6em;
}
h2.contentTitle span.toggleVisibility {
		text-align: right;
		font: normal 0.71em Verdana, Arial, Helvetica, sans-serif;
		display: block;
		background: url(../../layout/arrow-double.gif) no-repeat right center;
		padding-right: 15px;
}
/* +++++++++++++++++++  WYSIWYG  ++++++++++++++++++++++ */

#wysiwyg {
		width: 630px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 15px;
}
#wysiwyg p, #wysiwyg ul, #wysiwyg ol {
		line-height: 1.5;
		margin-bottom: 1.5em;
		float: none;
}
#wysiwyg ul {
		margin-left: 30px;
		list-style: disc inside;
}
#wysiwyg ol {
		margin-left: 30px;
		list-style: decimal inside;
}
/* +++++++++++++++++++  CONTENT LISTINGS ++++++++++++++++++++++ */

.contentList {
		width: 630px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 5px;
}
.contentList h3 {
		font: bold 1.4em "Trebuchet MS", Arial, Helvetica;
		color: #617892;
		margin-bottom: 0.5em;
}
.contentList p {
		line-height: 1.5;
		margin-bottom: 1.5em;
}
.contentList p.readMoreLink {
		background: url(../../layout/dots.gif) repeat-x left bottom;
		clear: both;
}
.contentList p.readMoreLink a {
		display: block;
		width: 130px;
		float: right;
		background: #EAEAEA;
		padding: 3px;
		text-align: center;
		font-weight: bold;
}
/* +++++++++++++++++++   PHOTO GALLERY  ++++++++++++++++++++++ */

.photoGalleryWrapper {
		margin-bottom: 12px;
		background: #F5F5F5;
		padding-top: 6px;
		padding-bottom: 6px;
		width: 641px;
}
.photoGalleryRow {
		clear: both;
		margin-bottom: 6px;
}
.photoGalleryRow a {
		display: inline;
		float: left;
		margin-left: 5px;
		background: #CC6633;
}
.photoGalleryWrapper h3, div.documents h3 {
		width: 630px;
		margin-right: auto;
		margin-left: auto;
		font: bold 1.8em "Trebuchet MS", Arial, Helvetica;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		margin-bottom: 10px;
		padding-bottom: 5px;
		color: #617892;
}
/* +++++++++++++++++++   ATTACHED DOCUMENTS  ++++++++++++++++++++++ */

div.documents {
		margin-bottom: 12px;
		background: #F5F5F5;
		padding: 6px;
}
div.documents ul {
		list-style: none;
		line-height: 1.5;
}
div.documents ul li {
		background: url(../../layout/arrow.gif) no-repeat 10px 6px;
		padding-left: 25px;
}
/* +++++++++++++++++++   DETAILED LINKS  ++++++++++++++++++++++ */

div.details {
		background: url(../../layout/bgDetails.gif) no-repeat left top;
		width: 641px;
		padding-top: 4px;
		margin-bottom: 20px;
}
div.details ul {
		list-style: none;
		text-align: center;
		background: url(../../layout/bgDetails2.gif) no-repeat left bottom;
		padding-top: 5px;
		padding-bottom: 10px;
		width: 641px;
}
div.details ul li {
		display: inline;
		margin-right: 10px;
		margin-left: 10px;
}
/* +++++++++++++++++++  LARGE BANNERS  ++++++++++++++++++++++ */

#largeBanners {
		width: 416px;
}
#largeBanners span {
		display: block;
		width: 416px;
		margin-bottom: 10px;
}
/* +++++++++++++++++++  RIGHT COLUMN BANNERS  ++++++++++++++++++++++ */

#topRightBanners {
		background: #F4F5E4 url(../../layout/bgTopRightBanners2.gif) no-repeat left bottom;
		width: 311px;
		margin-top: 26px;
		padding-bottom: 3px;
		margin-bottom: 10px;
}
#topRightBanners div {
		background: url(../../layout/bgTopRightBanners.gif) no-repeat left top;
		width: 311px;
		padding-top: 5px;
}
#topRightBanners div span {
		display: block;
		width: 311px;
		margin-bottom: 2px;
}
#rightBanners span {
		display: block;
		width: 311px;
		margin-bottom: 5px;
}
/* +++++++++++++++++++  WELCOME MESSAGE ++++++++++++++++++++++ */

#welcomeMessage {
		width: 416px;
}
#welcomeMessage h2 {
		width: 416px;
		background: url(../../layout/bgWelcomeHeader.gif) no-repeat left top;
		font: bold 1.64em "Trebuchet MS", Arial, Helvetica;
		padding-top: 4px;
		color: #617892;
		margin-bottom: 5px;
}
#welcomeMessage h2 span {
		display: block;
		width: 364px;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		margin-right: auto;
		margin-left: auto;
		padding-left: 40px;
		padding-bottom: 3px;
}
#welcomeMessage #messageContent {
		background: #E8E8E8 url(../../layout/bgWelcome.gif) repeat-x;
		padding-right: 6px;
		padding-left: 6px;
		padding-bottom: 5px;
}
#welcomeMessage #messageContent p, #welcomeMessage #messageContent ul, #welcomeMessage #messageContent ol {
		line-height: 1.5;
		margin-bottom: 1.5em;
}
#welcomeMessage #messageContent ul {
		margin-left: 7px;
		list-style: none;
}
#welcomeMessage #messageContent ul li {
		background: url(../../layout/green-arrow.gif) no-repeat 0px 2px;
		padding-left: 20px;
}
#welcomeMessage #messageContent ol {
		margin-left: 30px;
		list-style: decimal inside;
}
#welcomeMessage p.readMoreLink a {
		display: block;
		width: 174px;
		float: right;
		background: url(../../layout/bgWelcomeLink.gif) no-repeat;
		padding: 6px 3px;
		text-align: center;
		font-weight: bold;
}
/* +++++++++++++++++++  NEWS ++++++++++++++++++++++ */

.newsItem {
		width: 215px;
}
.newsItem h2 {
		color: #617892;
		font: bold 1.3em "Trebuchet MS", Arial, Helvetica;
		width: 215px;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		margin-bottom: 5px;
}
.newsItem h2 span.date {
		display: block;
		width: 36px;
		padding: 2px;
		color: #FFFFFF;
		font-size: 0.91em;
		text-align: center;
		float: left;
		background: url(../../layout/bgDate.gif) no-repeat left top;
}
.newsItem h2 span.title {
		display: block;
		float: right;
		width: 170px;
}
.newsItem p {
		margin-bottom: 1em;
}
.newsItem p img {
		margin-bottom: 0.6em;
}
.newsItem p.readMoreLink {
		background: #F5F5F5;
		clear: both;
}
.newsItem p.readMoreLink a {
		display: block;
		width: 130px;
		float: right;
		background: #EAEAEA;
		padding: 3px;
		text-align: center;
		font-weight: bold;
}
/* +++++++++++++++++++  HIDDEN NEWS LIST ++++++++++++++++++++++ */


#hiddenNewsList div {
		background: #F0F0F0;
		border: 1px dotted #737577;
		width: 619px;
		padding: 10px;
		margin-bottom: 10px;
}
#hiddenNewsList div ul {
		list-style: none;
}
#hiddenNewsList div ul li {
		background: url(../../layout/dots.gif) repeat-x left bottom;
		padding-bottom: 10px;
		margin-bottom: 10px;
}
#hiddenNewsList div ul li a {
		font-weight: bold;
		text-align: right;
		display: block;
		margin-top: 10px;
}
/* +++++++++++++++++++  MESSAGE BOX ++++++++++++++++++++++ */

div.messageBox {
		margin-bottom: 15px;
		padding: 6px;
		background: #FCE4E8;
		border: 1px dashed #737577;
		list-style-type: none;
		width: 616px;
		margin-right: auto;
		margin-left: auto;
}
div.messageBox ul {
		list-style: none;

}
div.messageBox ul li {
		background: url(../../layout/arrow.gif) no-repeat 0px 5px;
		padding-left: 13px;
		margin-bottom: 3px;
		line-height: 1.5;
}
/* +++++++++++++++++++ PAGING ++++++++++++++++++++++ */

div.paging {
		width: 215px;
		margin-bottom: 20px;
}
div.paging ol {
		list-style: none;
		text-align: center;
		background: url(../../layout/bgPagingAlt.gif) no-repeat left top;
		padding-top: 9px;
		padding-bottom: 10px;
		width: 215px;
}
div.paging ol span {
		padding-right: 1px;
		padding-left: 1px;
		color: #000000;
		font-weight: bold;
}
div.paging ol li {
		display: inline;
		font-weight: bold;
		font-size: 0.91em;
		white-space: nowrap;
}
div.paging ol a {
		padding-right: 1px;
		padding-left: 1px;
		font-weight: bold;
}
div.paging ol img {
		margin-bottom: -0.5em;
}
div.paging p#archive {
		background: url(../../layout/bgPaging3.gif) no-repeat left bottom;
		width: 169px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		padding: 3px 3px 4px;
		border-top: 2px solid #E8E8E8;
}
div.paging2 {
		margin-bottom: 20px;
		width: 630px;
		margin-right: auto;
		margin-left: auto;
}
div.paging2 ol {
		list-style: none;
		text-align: center;
		background: url(../../layout/bgPagingXl.gif) no-repeat left top;
		padding-top: 9px;
		padding-bottom: 10px;
		width: 630px;
}
div.paging2 ol span {
		padding-right: 1px;
		padding-left: 1px;
		color: #000000;
		font-weight: bold;
}
div.paging2 ol li {
		display: inline;
		font-weight: bold;
		white-space: nowrap;
}
div.paging2 ol a {
		padding-right: 5px;
		padding-left: 5px;
		font-weight: bold;
}
div.paging2 ol img {
		margin-bottom: -0.5em;
}
/* +++++++++++++++++++  FOOTER  ++++++++++++++++++++++ */

#footer div {
		width: 961px;
		margin-right: auto;
		margin-left: auto;
		background: url(../../layout/footer.jpg) no-repeat center top;
		font-size: 1.1em;
		color: #FFFFFF;
		height: 39px;
		margin-bottom: 20px;
}
#footer #copyright {
		float: left;
		width: 400px;
		margin-top: 5px;
}
#footer #author {
		text-align: right;
		width: 400px;
		float: right;
		margin-top: 5px;
}
#footer #author a {
		font-weight: bold;
		color: #FFFFFF;
}
/* +++++++++++++++++++  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%;
}