/* Main Screen CSS Document */

/* ----------------- COLOURS ----------------- 
  Light Brown         : #ebd9bc (e.g Body Background)
*/

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }


/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, h3, h4, h5, p, li { font-family: "Trebuchet MS", Trebuchet, Arial, Verdana; }

h1 { font-size: 100%; margin: 0; color: #000; font-weight:bold; }
h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #56340c; font-weight: bold; }
h3 { font-size: 100%; margin: .5em 0 .5em 0; color: #56340c; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.5em; color: #56340c; }
li { font-size: 80%; margin: .5em 0 1em 0; line-height: 1.3em; color: #56340c; }

a:link { color: #462908; }
a:visited { color: #462908;}
a:active, a:hover { color: #a29483; }
a { outline: none; }


/* ----------------- RULE STYLES ----------------- */
hr { border:0; border-top: 1px solid #ebd9bc; height: 1px; }

/* ----------------- PAGE STYLES ----------------- */
body { background: url(../../images/body_background.jpg) #ebd9bc top left repeat-x; margin: 7px 10px 10px 10px; }

/* ----------------- FORM STYLES ----------------- */
form { display: inline; }

/* ---------------- ALIGN STYLES ----------------- */
.align-center { text-align: center; }
.align-right { text-align: right; }

/* ----------------- TITLE STYLES ----------------- */
.page-title { width: auto; height: 90px; }
.page-title div { width: auto; height: 90px; background-position: top left; background-repeat: no-repeat; }
.page-title h2 { display: none; visibility: hidden; }

.sub-title { width: auto; height: 30px; }
.sub-title div { width: auto; height: 30px; background-position: top left; background-repeat: no-repeat; }
.sub-title h3 { display: none; visibility: hidden; }

/* -- CONTAINER -- */
#frame { width: 766px; margin: 0 auto 0 auto; background: url(../../images/frame_background.gif) top left repeat-y; }

/* -- HEADER -- */
#header { width: 764px; height: 173px; background: url(../../images/header.jpg) top left no-repeat; padding: 1px; }
#header img, #header h1 { display: none; visibility: hidden; }


/* -- MAIN NAVIGATION -- */
#navigation { width: 602px; height: 54px; margin: 113px 0 0 150px; }
#navigation div { height: 54px; float: left; background-position: top left; background-repeat: no-repeat;  }
#navigation a { height: 54px; display: block; }
#navigation a:hover { background-position: bottom left; background-repeat: no-repeat; }
#navigation span { display: none; visibility: hidden; }
#navigation .selected { background-position: bottom left; }
/*-- Buttons --*/
#navigation .home, #navigation .home a:hover { width: 72px; background-image: url(../../images/nav_home.jpg); }
#navigation .about, #navigation .about a:hover { width: 72px; background-image: url(../../images/nav_about.jpg); }
#navigation .eventcalendar, #navigation .eventcalendar a:hover { width: 148px; background-image: url(../../images/nav_eventcalendar.jpg); }
#navigation .statistics, #navigation .statistics a:hover { width: 88px; background-image: url(../../images/nav_statistics.jpg); }
#navigation .contact, #navigation .contact a:hover { width: 84px; background-image: url(../../images/nav_contact.jpg); }
#navigation .competition, #navigation .competition a:hover { width: 122px; background-image: url(../../images/nav_competition.jpg); }
#navigation .voucheroffer, #navigation .voucheroffer a:hover { width: 138px; background-image: url(../../images/nav_voucheroffer.jpg); }


/* -- BODY -- */
#body-container { width: 760px; background: url(../../images/body_container_background.jpg) top left no-repeat; padding: 0 3px; }
#body { width: 700px; padding: 1px 30px 10px 30px; }

/* -- MAIN CONTENT -- */
#main-content { width: 640px; float: left; padding: 10px; }

/* -- Columns -- */
.column-410 { float: left; width: 410px; }
.column-280 { float: left; width: 280px; }
.column-170 { float: left; width: 170px; }
.column-520 { float: left; width: 520px; }
.column-320 { float: left; width: 320px; }
.column-190 { float: left; width: 190px; }


/* ----------------- FOOTER ----------------- */
#footer { width: 766px; height: 15px; background: url(../../images/footer_background.gif) top left no-repeat; overflow: hidden; }


/* -- MARGIN STYLES -- */
/* -- 1 side -- */
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
/* -- 2 sides -- */
.margin10-t-r { margin: 10px 10px 0 0; }
.margin10-t-b { margin: 10px 0; }
.margin10-t-l { margin: 10px 0 0 10px; }
.margin10-r-l { margin: 0 10px; }
.margin10-r-b { margin: 0 10px 10px 0; }
.margin10-b-l { margin: 0 0 10px 10px; }
/* -- 3 sides -- */
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-t-r-l { margin: 10px 10px 0 10px; }
.margin10-t-b-l { margin: 10px 0 10px 10px; }
.margin10-r-b-l { margin: 0 10px 10px 10px; }
/* -- 4 sides -- */
.margin10 { margin: 10px; }

/* ERROR STYLES */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title {
    padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold;
}
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; font-size: 86%; margin: .5em 0 .8em 0; line-height: 1.5em; }

.error { color: #cc0000 !important; }
.information-msg { color: #cc0000; }