/*******************************************************************************
* DEFAULT
*******************************************************************************/
body { margin: 0; background-color: #ECECEC; }

form, table, div { margin: 0; padding: 0; }

body #site input,
body #site select,
body #site textarea { font-family: arial, tahoma, verdana; font-size: 1.25em; }

table,
table thead,
table tbody,
table tfoot,
table thead tr th,
table tbody tr td,
table tfoot tr td { border-collapse: collapse; vertical-align: top; border: none; padding: 0; }

h2 { color: #CCFF33; }

/*******************************************************************************
* CLASSES
*******************************************************************************/
.container { position: relative; width: 968px; }

body a.fancyButton { display: inline-block; background: transparent url( ../images/button-left.png ) no-repeat left top; padding: 0; height: 30px; text-decoration: none; color: #000; }
body a.fancyButton span { display: inline-block; background: transparent url( ../images/button-right.png ) no-repeat right top; padding: 0; height: 30px; line-height: 30px; margin-left: 20px; padding-right: 20px; text-decoration: none; color: #000; }
body a.fancyButton:hover { background-position: left bottom; }
body a.fancyButton:hover span { background-position: right bottom; }

/*******************************************************************************
* IDENTIFIERS
*******************************************************************************/
body #site #header { position: relative; background: #161616 url( ../images/header-background-bevel.png ) no-repeat center top; height: 497px; }
body #site #header #logo { position: absolute; left: 14px; top: 25px; }
body #site #header #menu { position: absolute; background: transparent url( ../images/menu-background.png ) no-repeat left top; left: 14px; top: 110px; height: 55px; width: 954px; }

body #site #header #splash { position: absolute; top: 195px; left: 14px; height: 390px; width: 954px; }
body #site #header #splash .header { position: absolute; }
body #site #header #splash .header .slide { overflow: hidden; padding-left: 10px; padding-top: 10px; width: 930px; height: 330px; }
body #site #header #splash .header .slide .slideDescription { background: transparent url( ../images/splash-description.png ) no-repeat; color: #fff; font-size: 2em; line-height: 1.1em; padding-top: 8px; padding-left: 10px; position: absolute; left: 10px; top: 230px; width: 569px; height: 69px; overflow: hidden; }
body #site #header #splash .header .controls { position: absolute; z-index: 999; bottom: 20px; width: 922px; text-align: center; }
body #site #header #splash .header .controls ul { list-style-type: none; margin: 0; width: auto; margin: auto auto; }
body #site #header #splash .header .controls ul li { display: inline-block; margin: 0; }
body #site #header #splash .header .controls ul li a { display: inline-block; background: transparent url( ../images/splash-buttons.png ) no-repeat left top; height: 21px; width: 21px; padding: 0; padding-right: 8px; }
body #site #header #splash .header .controls ul li a:hover { background-position: left bottom; }
body #site #header #splash .header .controls ul li a.current { background-position: left center; }
body #site #header #splash .header .controls ul li a span { display: none; }
body #site #header #splash .header .controls #header1play,
body #site #header #splash .header .controls #header1pause,
body #site #header #splash .header .controls #header1previous,
body #site #header #splash .header .controls #header1next { display: none; }

body #site #content { position: relative; padding-top: 110px; }
.top { background: transparent url( ../images/main-top.png ) no-repeat left top; height: 28px; }
.middle { background: transparent url( ../images/main-middle.png ) repeat-y left top; float: left; width: 100%; padding-left: 28px; padding-right: 28px; width: 912px; }
.bottom { background: transparent url( ../images/main-bottom.png ) no-repeat left top; height: 28px; }

.greenblock .top { background: transparent url( ../images/green-top.png ) no-repeat left top; height: 10px; width: 310px; }
.greenblock .middle { background: transparent url( ../images/green-middle.png ) repeat-y left top; width: 280px; float: left; padding: 10px; padding-left: 20px; }
.greenblock .middle h2 { margin-top: 0; color: #000; }
.greenblock .bottom { background: transparent url( ../images/green-bottom.png ) no-repeat left top; height: 10px; width: 310px; clear: both; margin-bottom: 20px; }

body #site #footer { background: transparent url( ../images/footer-background.png ) repeat-x left top; color: #fff; height: 35px; margin-top: 30px; padding-top: 15px; text-align: center; }
body #site #footer a { color: #fff; text-decoration: none; }
body #site #footer a:hover { color: #CCFF33; text-decoration: underline; }

/*******************************************************************************
* DROPDOWN MENU
*******************************************************************************/
body #site #menu                 { font-family: verdana, tahoma, arial; }
body #site #menu #nav            { position: absolute; left: 0; top: 0; width: 100%; }
body #site #menu #nav li         { width: 14.28%; text-align: center; }
body #site #menu #nav li a       { padding: 0; margin: 0; height: 34px; width: 100%; padding-top: 20px; background: transparent url( ../images/menu-seperator.png ) no-repeat right center; text-decoration: none; color: #fff; }
body #site #menu #nav li a.first {}
body #site #menu #nav li a.last  { background: none; }

body #site #menu #nav #subMenusContainer a:hover,
body #site #menu #nav li #subMenusContainer a:focus,
body #site #menu #nav li a.mainMenuParentBtnFocused,
body #site #menu #nav li #subMenusContainer a.subMenuParentBtnFocused,
body #site #menu #nav li a:hover { text-decoration: underline; color: #CCFF33; }
body #site #menu #nav li a span  {}

body #subMenusContainer .smOW ul            { font-size: 1.2em; color: #000000; border: 1px solid #000000; }
body #subMenusContainer .smOW ul li         { display: inline; }
body #subMenusContainer .smOW ul li a       { background: none; color: #ffffff; background-color: #333333; }
body #subMenusContainer .smOW ul li a:hover { color: #cccccc; background-color: #555555; }

#tinymce { background: none; background-color: #fff; }