@import url("navigation.css");


/* +++++++++++++++++++    HTML ELEMENTS   ++++++++++++++++++++++ */

html {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	margin: 0px;
	padding: 0px;
	background: #B8D4F7 url(../layout/bg.jpg) repeat-x;
}
p {
	margin-top: 0px;
	margin-bottom: 1.5em;
}
a:link {
	color: #0D4692;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0D4692;
}
a:hover {
	text-decoration: none;
	color: #7C7614;
}
a:active {
	text-decoration: none;
	color: #0D4692;
}

/* +++++++++++++++++++    FORM ELEMENTS   ++++++++++++++++++++++ */

form, fieldset {
	margin: 0px;
	padding: 0px;
}
fieldset {
	border-style: none;
}
legend {
	display: none;
}
.txtBox, .inputBtn, .txtArea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
}
.txtBox {
	background: url(../layout/bgTxtBox.gif) no-repeat;
	width: 181px;
	line-height: 14px;
	padding: 7px 5px 8px;
}
.inputBtn {
	background: url(../layout/bgInputBtn.gif) no-repeat;
	height: 28px;
	width: 87px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-weight: bold;
	color: #0D4692;
}
.radioBtn {
	height: 1em;
	width: 1em;
	margin: 0px;
}

/* -----   FORM LAYOUT   */

#col2 .formBox {
	width: 520px;
	padding-bottom: 10px;
	background: url(../layout/bgFormTop.gif) no-repeat;
	padding-top: 4px;
}
#col2 .formBox ol {
	margin: 0px;
	padding: 0px 0px 4px;
	list-style: none;
	background: url(../layout/bgFormBottom.gif) no-repeat left bottom;
}
#col2 .formBox li {
	background: url(../layout/bgFormMid.gif) repeat-y;
	padding-top: 5px;
	padding-bottom: 5px;
}
#col2 .formBox li em {
	color: #FF0000;
}
#col2 .formBox li.buttons {
	text-align: center;
}
#col2 .formBox li label {
	line-height: 28px;
}
#col2 .formBox li.txtInputRow label {
	width: 240px;
	text-align: right;
	margin-right: 3px;
	display: block;
	float: left;
}
#col2 .formBox li.txtAreaRow label {
	text-align: center;
	display: block;
	background: url(../layout/bgTxtArea.gif) no-repeat 15px 30px;
	height: 200px;
}
#col2 .formBox li.buttons label {
	text-align: center;
}
#col2 .formBox .txtArea {
	width: 476px;
	height: 138px;
	background: url(none);
	margin-top: 7px;
}



/* +++++++++++++++++++    LAYOUT ELEMENTS   ++++++++++++++++++++++ */

.cleared {
	clear: both;
	font-size: 0;
	line-height:0;
}
img.bdrImg {
	border: 2px solid #D4E5fA;
	padding: 1px;
	background: #FFFFFF;
}
#wrapper {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#pageHeader {
	background: url(../layout/header.jpg) no-repeat;
	margin: 0px;
	height: 170px;
	width: 954px;
	text-indent: -9999em;
	position: relative;
}
#pageHeader a {
	display: block;
	background: url(../layout/tribunj-logo.gif);
	height: 67px;
	width: 149px;
	position: absolute;
	top: 95px;
	left: 30px;
}
#contentWrapper {
	background: #FFFFFF url(../layout/header-olives.jpg) no-repeat 252px 0px;
	width: 954px;
}
#col1 {
	width: 200px;
	float: left;
	display: inline;
	background: url(../layout/topLeftCorner.gif) no-repeat;
	padding-top: 3px;
	padding-left: 3px;
}
#col2 {
	width: 520px;
	float: left;
	display: inline;
	margin-left: 14px;
	margin-top: 20px;
	font-size: 1.2em;
	margin-bottom: 20px;
}
#col3 {
	width: 200px;
	float: right;
	display: inline;
	background: url(../layout/topRightCorner.gif) no-repeat right top;
	padding-right: 3px;
	font-size: 1.1em;
	margin-bottom: 20px;
}

/* +++++++++++++++++++   CONTENT ELEMENTS  ++++++++++++++++++++++ */

/* -----   USEFUL LINKS   */

#col1 #usefulLinks {
	margin-top: 1px;
	width: 200px;
	clear: both;
	background: #FBFBFB url(../layout/bgUsefulLinks.gif) no-repeat bottom;
	padding-bottom: 10px;
	font-size: 1.1em;
	margin-bottom: 10px;
}
#col1 #usefulLinks ul {
	margin: 0px;
	padding: 47px 5px 0px 6px;
	list-style: none;
	background: url(../layout/headerUsefulLinks.gif) no-repeat;
	width: 189px;
}
#col1 #usefulLinks li {
	background: url(../layout/dots.gif) repeat-x left bottom;
	width: 189px;
}
#col1 #usefulLinks a {
	background: url(../layout/bulletNewWindow.gif) no-repeat 0px 9px;
	display: block;
	font-weight: bold;
	padding-left: 13px;
	padding-top: 6px;
	padding-bottom: 8px;
	width: 176px;
}

/* -----   SMALL BANNERS   */

#col1 #smallBanners {
	font-size: 1.1em;
	width: 200px;
	text-align: center;
}
#col1 #smallBanners img {
	border: 1px solid #353535;
}
#col1 #smallBanners p {
	margin-top: 0px;
	margin-bottom: 10px;	
}

/* -----   WELCOME MESSAGE   */

#col2 #welcomeMessage {
	padding-top: 0.1em;
	display: block;
}
#col2 #welcomeMessage p#firstChild span {
	font: bold 550%/77% "Times New Roman", Times, serif;
	color: #7C7614;
	float: left;
	display: block;
	margin-bottom: -0.05em;
	padding-right: 0.1em;
}
#col2 #welcomeMessage img {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}

/* -----   HEADERS   */

#col2 h2.header {
	background: url(../layout/headerArticle.gif) no-repeat;
	font: normal 1.6em/1.1em Georgia, "Times New Roman", Times, serif;
	height: 28px;
	margin: 0px 0px 20px;
	width: 470px;
	color: #807A18;
	padding-left: 50px;
	padding-top: 8px;
}
#col2 h2.headerExp {
	color: #807A18;
	width: 510px;
	font: normal 1.6em/1.1em Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 5px;
	background: url(../layout/headerCommon.gif) repeat-x;
}
#col2 h2.headerExp span {
	background: url(../layout/oliveBranch.gif) no-repeat;
	display: block;
	padding-left: 55px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* -----   FRONT PAGE NEWS   */

#col2 .newsList {
	width: 520px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#col2 .newsList div {
	width: 250px;
}
#col2 .newsList div em {
	font-weight: bold;
	display: block;
	font-size: 0.91em;
	font-style: normal;
}
#col2 .newsList div span {
	text-align: right;
	font-weight: bold;
	display: block;
}
#col2 .alignedLeft {
	float: left;
	margin-right: 5px;
}
#col2 .alignedRight {
	float: right;
	margin-left: 5px;
}
#col2 .txtAlignRight {
	text-align: right;
	font-weight: bold;
}
#col2 .oneInRow {
	background: url(../layout/dots3.gif) no-repeat left bottom;
}
#col2 .twoInRow {
	background: url(../layout/dots2.gif) no-repeat left bottom;
}

/* -----   PAGING   */

#col2 #paging {
	margin: 0px;
	padding: 5px 0px;
	list-style: none;
	text-align: center;
	background: url(../layout/bgPaging.gif) repeat-x left top;
}
#col2 #paging li {
	display: inline;
	font-weight: bold;
	font-size: 0.91em;
}
#col2 #paging a {
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}
#col2 #paging #blockLink {
	display: block;
	margin-top: 10px;
}
#col2 #paging img {
	margin-bottom: -0.35em;
}

/* -----   BREADCRUMBS   */

#col2 #breadCrumbs {
	list-style: none;
	margin: 0px;
	font-size: 0.91em;
	padding: 5px;
	position: relative;
	background: #F3F3F3 url(../layout/bgBreadcrumbs.gif) no-repeat left top;
	width: 510px;
}
#col2 #breadCrumbs li {
	padding: 0px 0px 0px 10px;
	display: inline;
	background: url(../layout/bulletCrumbs.gif) no-repeat 0px 4px;
	margin-right: 7px;
}

/* -----   ATT. DOCUMENTS   */


#col2 #documents {
	list-style: none;
	margin: 0px 0px 15px;
	padding: 45px 0px 0px 55px;
	background: url(../layout/headerDocs.gif) no-repeat;
	width: 465px;
}
#col2 #documents li {
	background: url(../layout/bullet.gif) no-repeat 0px 1px;
	margin-bottom: 5px;
	padding-left: 20px;
}
#col2 #documents a {
	font-weight: bold;
}


/* -----   PHOTO GALLERY   */

#col2 #photoGallery, #col2 .photoList {
	width: 520px;
	margin-bottom: 20px;
}
#col2 #photoGallery {
	background: url(../layout/headerGallery.gif) no-repeat;
	padding-top: 45px;
}
#col2 .photoList img {
	margin-right: 9px;
	margin-left: 9px;
}


/* -----   ARTICLE OVERVIEW   */

#col2 .contentList {
	width: 520px;
}

/* -----   SYSTEM MESSAGE BOX   */

#col2 #systemMessages {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 10px;
	background: #F1F6FC;
}
#col2 #systemMessages li {
	background: url(../layout/bullet2.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}




/* +++++++++++++++++++    EVENT CALENDAR   ++++++++++++++++++++++ */

#col3 #calendar {
	width: 200px;
	background: #D3D1B0 url(../layout/bgCalendarFooter.gif) repeat-x left bottom;
	padding-bottom: 5px;
}
#col3 #calendar h2 {
	margin: 0px;
	background: url(../layout/headerCalendar.gif);
	height: 67px;
	width: 200px;
	text-indent: -9999em;
}
#col3 #calendar table {
	width: 200px;
	padding: 0;
	margin: 0;
	text-align: center;
	border-collapse: collapse;
	background: #D3D1B0;
}
#col3 #calendar caption {
	margin: 0;
	padding: 0;
	width: 200px;
	background: #C3C19F;
	text-align: center;
	font-weight: bold;
	word-spacing: 1em;
	border-bottom: 3px solid #C3C19F;
}
#col3 #calendar th {
	background: #C3C19F;
	padding: 1px;
	border-top: 1px solid #E6E4D0;
	border-right: 1px solid #E6E4D0;
	border-bottom: 1px solid #E6E4D0;
}
#col3 #calendar .today {
	font-weight: bold;
	background: url(../layout/currentDayMark.gif) no-repeat right top;
}
#col3 #calendar td {
	text-align: center;
	padding: 1px;
	border-top: 1px solid #E6E4D0;
	border-right: 1px solid #E6E4D0;
	border-bottom: 1px solid #E6E4D0;
}
#col3 #calendar td a {
	font-weight: bold;
	display: block;
}
#col3 #calendar ol {
	margin: 0px;
	padding: 5px 0px 0px;
	list-style: none;
	background: url(../layout/bgCalendarFooter2.gif) repeat-x;
}
#col3 #calendar li {
	background: url(../layout/bgCalendarItem.gif) repeat-x left bottom;
	padding: 7px 5px;
}
#col3 #calendar p {
	margin: 2px 0px 0px;
	text-align: center;
	font-weight: bold;
	word-spacing: 1em;
}


/* +++++++++++++++++++    SURVEY   ++++++++++++++++++++++ */


#col3 .survey {
	margin: 0px;
	padding: 0px 0px 15px;
	width: 200px;
	background: #FBFBFB url(../layout/bgUsefulLinks.gif) no-repeat bottom;
}
#col3 .survey h2 {
	background: url(../layout/headerSurvey.gif) no-repeat;
	height: 47px;
	width: 200px;
	margin: 1px 0px 5px;
	text-indent: -9999em;
}
#col3 .survey p {
	background: url(../layout/dots.gif) repeat-x left bottom;
	width: 190px;
	margin-left: 5px;
	padding-bottom: 10px;
}
#col3 .survey ul {
	margin: 0px 0px 10px;
	padding: 0px 5px;
	list-style: none;
	width: 190px;
}
#col3 .survey li {
	display: block;
	margin-bottom: 15px;
	clear: both;
	float: left;
	vertical-align: middle;
	width: 190px;
}
#col3 .survey li input.radioBtn {
	float: left;
	display: block;
	width: 20px;
}
#col3 .survey li label {
	float: left;
	display: block;
	width: 170px;
}
#col3 .survey div {
	clear:both;
	width: 200px;
	text-align: center;
}

/* -----   SURVEY RESULTS   */

#col2 dl.surveyResults {
	margin: 0px;
}
#col2 dl.surveyResults dd {
	margin: 0px 0px 20px;
	background: #E6E4D0;
	padding: 0px;
}
#col2 dl.surveyResults dt {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
	background: url(../layout/headerCommon.gif) repeat-x;
}
#col2 dl.surveyResults .votes {
	display: block;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #807A18;
}
#col2 dl.surveyResults .results {
	background: #807A18;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px;
	text-align: right;
}
#col2 dl.surveyResults .noResults {
	background: #E6E4D0;
	font-weight: bold;
	color: #807A18;
	padding: 1px;
	text-align: right;
}

/* -----   PREVIOUS SURVEY OVERVIEW   */

#col2 #surveyList {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
}
#col2 #surveyList li {
	background: url(../layout/bullet2.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #F0F0F0;
	padding-bottom: 5px;
}
#col2 #surveyList span.date {
	display: block;
	font-weight: bold;
}
#col2 #surveyList a {
	text-align: right;
	display: block;
	font-weight: bold;
}
#col2 #surveyQuestion {
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


/* +++++++++++++++++++    NEWSLETTER   ++++++++++++++++++++++ */


#newsletter {
	background: #FFFFFF url(../layout/bgNewsletter.jpg) no-repeat right;
	width: 535px;
	clear: both;
	padding-left: 417px;
	margin-top: 20px;
	height: 29px;
	padding-top: 62px;
}
#newsletter fieldset {
	position: relative;
}
#newsletter label, #newsletter .txtBox {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}
#newsletter .inputBtn {
	position: absolute;
	top: 0px;
	left: 193px;
}


/* +++++++++++++++++++    FOOTER   ++++++++++++++++++++++ */


#footer {
	background: #B8D5F7 url(../layout/bgFooter.gif) repeat-x;
	width: 954px;
	clear: both;
	padding-top: 2px;
	font-size: 1.1em;
}
#copyLine {
	margin: 0px;
	background: url(../layout/bottomLeftCorner.gif) no-repeat;
	float: left;
	padding-top: 22px;
	padding-left: 5px;
}
#authorLine {
	background: url(../layout/bottomRightCorner.gif) no-repeat right top;
	text-align: right;
	margin: 0px;
	padding-top: 22px;
	padding-right: 5px;
	float: right;
}
#authorLine a {
	font-weight: bold;
}