/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: small;
	color: #000;
	background: #FFF;
}

a {
	color: #000000;
	outline: none;
}

a:hover {
	text-decoration: none;
	
}

img {
	border: none;
}


/* ####################################################################################################################
   HEADER
   #################################################################################################################### */

#header-wrapper {
	width: 100%;
	height: 225px;
	margin: 0;
	padding: 0;
	background: #FFF url(/images/layout/bg-header.jpg) repeat-x top left;
}

#header {
	position: relative;
	width: 996px;
	height: 225px;
	margin: 0 auto;
	padding: 0;
}

#logo-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 996px;
	height: 119px;
	margin: 0;
	padding: 0;
	z-index: 50;
}

#logo {
	position: absolute;
	top: 0px;
	left: 18px;
	margin: 0;
	padding: 0;
}

#headerpic {
	position: absolute;
	top: 0px;
	right: 18px;
	height: 119px;
	margin: 0;
	padding: 0;
	
	
}

#headerpic img {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* ####################################################################################################################
   MAIN MENU
   #################################################################################################################### */

#menu-container {
	position: absolute;
	top: 111px;
	left: 0;
	width: 960px;
	height: 106px;
	margin: 0;
	padding: 8px 18px 0 18px;
	background: transparent url(/images/layout/bg-menu.jpg) no-repeat center -10px;
	z-index: 50;
}

#nav-main {
	width: 960px;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background: transparent url(/images/layout/bg-nav-main.jpg) repeat-x left top;
}

#nav-main li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav-main li.current {
	
}

#nav-main li:hover {
	
}


#nav-main a {
	float: left;
	width: 118px;
	height: 20px;
	margin: 0;
	padding: 5px 0px;
	display: block;
	text-align: center;
	color: #FFF;
	font: bold 120% arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 2px solid #FFF;
}

#nav-main a:hover {
	color: #FFF;
	background: #2F5C04 url(/images/layout/bg-nav-main-a-hover.jpg) repeat-x left top;
}

#nav-main li.current a {
	width: 122px;
	margin-left: -2px;
	border: none;
	color: #333333;
	background: #FFF url(/images/layout/bg-nav-main-a-current.jpg) repeat-x left top;
}

#nav-main li.lihome a {
	width: 120px;
	margin-left: 0;
}

#nav-main li.current a:hover {
	
}

/* ### SUBMENU ################################################ */

#nav-main ul {
	position: absolute;
	top: 38px;
	left: 18px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent;
}

#nav-main ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav-main li.current ul a {
	float: left;
	display: block;
	width: auto;
	height: 28px;
	margin: 0;
	padding: 11px 20px 0 20px;
	font-size: 100%;
	color: #333333;
	text-decoration: none;
	text-transform: lowercase;
	border: none;
	background: none;
}

#nav-main li.current ul a:hover {
	color: #CD0039;
}

#nav-main ul li.currentsub {

}

#nav-main ul li.currentsub a {
	color: #003B79;
}

#nav-main ul li.currentsub a:hover {
	color: #003B79;
}


/* ### LEVEL 3 SUBMENU ################################################ */

ul.nav-l3 {
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
}

ul.nav-l3 li {
	margin: 0 0 0.5em 0;
	padding: 0;
}

ul.nav-l3 a {
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background: url(/images/layout/bg-nav-l3-a.gif) no-repeat 0px 0px;
}

ul.nav-l3 a:hover {
	color: #AEAEAE;
}

ul.nav-l3 li.current {
	
}

ul.nav-l3 li.current a {
	color: #AEAEAE;
	background-position: 0px -25px;
}

/* ### SITEMAP ################################################ */

#nav-sitemap {
	font-size: 105%;
	line-height: 1.4em;
	list-style: none;
}

#nav-sitemap li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 25px;
	background: url(/images/layout/bg-nav-l3-a.gif) no-repeat 0 -23px;
}

#nav-sitemap ul {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 10px;
	list-style: none;
}



/* ####################################################################################################################
   CONTENT LAYOUT
   #################################################################################################################### */


#content {
	overflow: hidden;
	width: 942px;
	margin: 0 auto;
	padding: 0 9px;
	min-height: 450px;
}

#col-content {
	overflow: hidden;
	width: 942px;
	margin: 0;
	padding: 0;
}

#col-content-w-right {
	overflow: hidden;
	float: left;
	width: 581px;
	margin: 0;
	padding: 0;
}

/*
#col-content-w-left {
	overflow: auto;
	margin: 0 0 0 361px;
	padding: 0;
}

#col-left {
	xoverflow: auto;
	float: left;
	width: 342px;
	margin: 0;
	padding: 0 19px 0 0;
	xborder: 1px solid red;
}

*/



#col-right {
	margin: 0 0 0 661px;
	padding: 0 0 0 0px;
}





/* ####################################################################################################################
   CONTENT
   #################################################################################################################### */

#mainpic {
	width: 580px;
	margin: 0 0 2em 0;
	padding: 0;
	background: #FFF;
}

h1, h2, h1 a, h2 a {
	margin: 0 0 1em 0;
	font-size: 200%;
	color: #333333;
}

h1 a, h2 a {
	font-size: 100%;
	text-decoration: none;
}

h3, h3 a {
	margin: 0 0 0.4em 0;
	font-size: 110%; 
	color: #333333;
}

h3 a {
	text-decoration: none;
}

h1.box, h2.box, h3.box {
	margin: 0 0 20px 0;
	padding: 2px 10px;
	font-size: 130%;
	text-transform: uppercase;
	color: #FFF;
	background: #333333;
}

#b-tv h1.box {
	height: 51px;
	padding: 25px 90px 0 10px;
	background: #4F940D url(/images/layout/bg-h1-tv.jpg) no-repeat right top;
}

h1.box, h2.box {
	padding-top: 4px;
	padding-bottom: 4px;
}
    
h4, h5 {
	margin: 0 0 0.2em 0;
	padding: 0;
	font-size: 105%;
}

h5 {
	font-weight: normal;
}

p {
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 1.4em;
}

p, td, label, input, textarea {
	font-size: 105%;
}

table.text td {
	padding-bottom: 3px;
}

#content div.content-box {
	margin: 0 0 2.5em 0;
	padding: 0;
}

#content div.left-box {
	float: left;
	width: 282px;
	margin-right: 19px;
}

#content div.right-box {
	margin-left: 301px;
}

#content div.inside-content-box {
	margin: 0;
	padding: 0 10px 0;
}

#content div.content-box p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#content img.centered {
	display: block;
	margin: 0 auto;
}

img.left {
	float: left;
	margin: 0 30px 30px 0;
}

img.right {
	float: right;
	margin: 0 30px 0 30px;
}

a.forward, a.back {
	padding: 2px 0 2px 25px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/images/layout/icons_direction.gif);
	background-repeat: no-repeat;
}

a.forward { background-position: 0px 0px; }
a.back { background-position: 0px -50px; }

a.forward:hover, a.back:hover {
	color: #CD0039;
}

a.boximagelink {
	text-indent: -10000px;
	display: block;
	width: 280px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-position: left top;
	background-repeat: no-repeat;
}

a.boximagelink:hover {
	background-position: left -100px;
}



/* ### GALLERY ################################################ */

ul.gallery {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.gallery li {
	float: left;
	margin: 0 30px 25px 0;
	padding: 0;
}


/* CONTACT BLOCKS ------------------------------------------------------ */

div.contactblock-left, div.contactblock-right {
	float: left;
	position: relative;
	width: 280px;
	height: 100px;
	margin: 0 20px 20px 0;
	padding: 0;
}

div.contactblock-right {
	margin-right: 0;
}

div.contactblock-left img, div.contactblock-right img {
	float: left;
	margin: 0 0 0 0;
}

div.contactblock-left span, div.contactblock-right span {
	display: block;
	width: 160px;
	margin: 0 0 0 120px;
	padding: 15px 0 0 0;
	font-weight: bold;
	
}

div.contactblock-left em, div.contactblock-right em {	
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
}

div.contactblock-left a, div.contactblock-right a {
	position: absolute;
	bottom: 10px;
	left: 120px;
	font-weight: bold;
	text-decoration: none;
	font-size: 105%;
}



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

div.messagebox {
	margin: 0 15px 2em 0;
	padding: 0 0 0.5em 0;
	border: 2px solid #CACACA;
}

div.messagebox h4 {
	display: none;
}

div.messagebox li {
	font-size: 105%;
}

div.errorbox, div.successbox {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

div.errorbox {
	background-image: url(/images/layout/icon-error.gif);
	background-color: #FFECEC;
	border-color: #FF0000;
}

div.successbox {
	background-image: url(/images/layout/icon-success.gif);
	border-color: #000000;
	background-color: #FFF;
}


div.messagebox p {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 6px;
}

div.messagebox ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 30px;
}

div.messagebox ul ul {
	margin: 0;
}

/* ### NEWS ################################################ */

div.news-listrow h2 {
	margin: 0 0 0.2em 0;
}

div.news-listrow h2 a {
	font-size: 80%;
}

div.news-listrow {
	margin: 0 0 2em 0;
}

div.news-listrow p {
	margin-bottom: 0;
}

span.date {
	font-size: 90%;
	color: #858585;
	font-weight: normal;
}

/* ### TV ################################################ */

#tv-list-wrap {
	margin: 0;
	padding: 0;
	background: #FFF url(/images/layout/bg-tv-list-wrap.jpg) repeat-y right top;
}

#tv-list-wrap-bg {
	margin: 0;
	padding: 0 0 370px 0;
	background: transparent url(/images/layout/bg-tv-list-wrap-bg.jpg) no-repeat right bottom;
}

#tv-list-wrap p {
	margin: 0;
	padding: 0;
}

div.tv-list-item {
	margin: 0 0 1.5em 0;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	background: transparent url(/images/layout/bg-tv-list-item.gif) repeat-y left top; 
}

div.tv-list-item:hover {
	background: #F0F0F0;
}

div.tv-list-item a {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
}

div.tv-list-item a:hover {
	text-decoration: underline;
}

div.tv-list-item span.by {
	color: #737373;
	font-size: 90%;
}

div.tv-list-item span.duration {
	padding: 0 0 0 25px;
	font-size: 90%;
}

div.tv-list-item span.subtitle a {
	display: inline;
	font-weight: normal;
	color: #000;
}

/* ### PAGELINKS ################################################ */

div.pagination {

}

div.pagination p {
	font-size: 95%;
	color: #858585;
	margin-bottom: 0.3em;
}

div.pagination a {
	padding: 1px 5px;
	margin-right: 5px;
	border: 1px solid #858585;
	text-decoration: none;
	background-image: url(/images/layout/icons_pagination.gif);
	background-repeat: no-repeat;
}

div.pagination a:hover {
	background-color: #F2F2F2;
}

div.pagination a.page_next {
	padding-right: 15px;
	background-position: right 5px;
}

div.pagination a.page_prev {
	padding-left: 15px;
	background-position: 4px -10px;
}

div.pagination a.page_last {
	padding-right: 20px;
	background-position: right -25px;
}

div.pagination a.page_first {
	padding-left: 20px;
	background-position: 4px -40px;
}


/* ICONLINKS ------------------------------------------------------ */

a.iconlink {
	padding: 0 0 0 25px;
	background-image: url(/images/layout/icons.jpg);
	background-repeat: no-repeat;
}

a.pdf {
	background-position: left 0;
}

/* ICONLINKS FOLLOW US ------------------------------------------------------ */

a.follow {
	display: block;
	float: left;
	width: 49px;
	height: 49px;
	margin: 0 25px 0 0;
	padding: 0;
	text-indent: 10000px;
	background-image: url(/images/layout/icons_followus.gif);
	background-repeat: no-repeat;
}

a.myspace { background-position: 0px 0px; }
a.ebay { background-position: 0px -50px; }
a.rss { background-position: 0px -100px; }


/* ####################################################################################################################
   MP3 PLAYER
   #################################################################################################################### */

#mp3playerwrapper {
	width: 260px;
	padding: 30px 0 0 0;
	margin: 0;
	background: #000 url(/images/layout/mp3player_header.jpg) no-repeat left top;
}

#mp3player {
	padding: 0;
	margin: 0;
	border-top: 1px solid #232323;
}

#playlist {
	width: 258px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #FFF;
	border: 1px solid #232323;
	border-top: none;
	border-bottom: none;
	background: #000;
}

#playlist li {
	width: 258px;
	float: left;
	margin: 0;
	padding: 0;
}

#playlist a {
	display: block;
	float: left;
	width: 238px;
	margin: 0;
	padding: 10px;
	color: #FFF;
	font-size: 105%;
	line-height: 1.3em;
	border-bottom: 1px solid #232323;
	text-decoration: none;
	
}

#playlist a:active, #playlist a.currentitem, #playlist a.currentitem:hover {
	background-color: #0A090A;
}

#playlist a:hover {
	background-color: #0A090A;
}

#playlist a img {
	float: left;
}

#playlist a span {
	display: block;
	width: 158px;
	margin: 0 0 0 80px;
}

#playlist a span.row1 {
	font-weight: bold;
}

#playlist a span.row2 {
	font-style: normal;
}

#playlist a span.row3 {
	font-style: italic;
}
   

/* ####################################################################################################################
   FORMS
   #################################################################################################################### */

input.textfield, select {
	width: 240px;
}

textarea {
	width: 350px;
}

input.textfield, input.fc-normal, textarea, textarea.fc-normal, select, select.fc-normal {
	margin: 0;
	padding: 3px;
	border: 1px solid #818181;
	background-color: #FAFAFA;
}

input.fc-error, textarea.fc-error {
	border: 1px solid #980FA8;
	background-color: #FBE6FE;
}

input.radiobutton, input.checkbox {
	
}

input.submit-button {
	width: 138px;
	height: 27px;
	padding: 0px 5px 4px 20px;
	cursor: pointer;
	border: none;
	color: #FFF;
	font-weight: bold;
	background: transparent url(/images/layout/bg-submit-button.gif) no-repeat left top;
}

span.required, span.required-symbol {
	color: #858585;
	font-size: 12px;
}

span.required-symbol {
	vertical-align: top;
	font-family: verdana;
	font-weight: bold;
}

/* ####################################################################################################################
   FOOTER
   #################################################################################################################### */

#footer-wrapper {
	clear: both;
	width: 100%;
	height: 200px;
	margin: 80px 0 0 0;
	padding: 0;
	background: #333333 url(/images/layout/bg-footer-wrapper.gif) repeat-x center top;
}

#footer {
	width: 940px;
	height: 170px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	color: #CBCBCB;
	background-repeat: no-repeat;
	background-position: center 50px;
}

#b-index #footer  {
	background-image: url(/images/layout/bg-footer.gif);
}

#nav-footer {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#nav-footer li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav-footer a {
	color: #CBCBCB;

}

#nav-footer a:hover {
	text-decoration: none;

}