html, body {
height: 100%;
}

/*  COLORS

brown: #B8A45E
bright blue: #3ACAC4
red:  #990021
light blue: #60CAC6
*/

body {
/* background-color:green;*/
margin: 0; 
padding: 0; 
background:#B8A45E;
font: 10px normal Arial, Helvetica, sans-serif;}

* {margin: 0; padding: 0; outline: none;}

img {border: none;}

h1 {font: 3em normal Georgia, "Times New Roman", Times, serif; color: white; text-align: center;
    text-indent: -99999px; margin: 100px 0 10px;}

#top {
    width:1010px; 
    height:78px; 
    position:absolute;
    left:100px;
/*    background-color:#B8A45E; */
    background-color:black; 
}

#toptitle {
    width:200px;
    padding:20px 0px 20px 20px;
/*    margin:0px 10px 0px 0px; 
    background-color:green; */
}

#TopPictures {
    width:760px;
    position:absolute;
    left:250px;
    top:0px;
/*    padding:20px 10px 20px 0px;
    margin:0px 10px 0px 0px; */
    background-color:black;
}

#toptitle h3{
    color:#990021;
    font-size:34px;
}

.BigContainer {
/*min-height:100%; */
margin-bottom:-36px;
position:absolute;
top:100px;
left:100px;
height:1200px; 
width:775px;
/* background-color:yellow; */
}

#VideoSourceLabel {
width:300px;
}

#VideoSourceLabel h4 { 
 font-size:14px;
 font-weight:bold;
 color:#990021;
 padding:5px;
}

#VimeoLink {
/* background-color:#990021; */
 background-color:#3ACAC4;
 Position:absolute;
 top:27px; 
 left:0px; 
/* width:100px; */
 padding:5px;
}

#VimeoLink a {
 padding:5px;
 font-size:14px;
 font-weight:bold;
color:#990021;
/* color:white; */
}

#YouTubeLink {
/* background-color:#990021; */
 background-color:#3ACAC4;
 Position:absolute;
 top:27px;
 left:70px;
 padding:5px;
}

#YouTubeLink a {
 font-size:14px;
 font-weight:bold;
color:#990021;
/* color:white; */
}

#videoplayer {
    width:760px;
    position:absolute;
    top:52px;
    left:0px;
    border:2px solid #990021;
    z-index:1;
    background-color:#990021;
}

#VideoBox {
/*    height:505px; 
    width:900px; 
    background-color:orange; */
    width:640px;
}

#TwitFoot {
    position:absolute;
    top:152px;
    left:885px;
    width:180px;
    height:75px;
    font-weight:bold;
    background-color:#3ACAC4;
    text-align: center;

}

#TwitFoot h5 {
    color:#990021;
    padding-top: 10px; 
    padding-bottom: 10px; 
    font-size:16px;
}

#TwitFoot a {
    color:white;
    background-color:#990021; 
    padding:5px;
    font-size:16px;
}

#TwitFoot a:hover {
  background-color:black;
  color:white;
}

#FacebookFoot {
    position:absolute;
    top:235px;
    left:885px;
    width:180px;
    height:75px;
    font-weight:bold;
    background-color:#3ACAC4;
    text-align: center;

}

#FacebookFoot h5 {
    color:#990021;
    padding-top: 10px; 
    padding-bottom: 10px; 
    font-size:16px;
}

#FacebookFoot a {
    color:white;
    background-color:#990021; 
    padding:5px;
    font-size:16px;
}

#FacebookFoot a:hover {
  background-color:black;
  color:white;
}



#YoutubeChannelFoot {
    position:absolute;
    top:318px;
    left:885px;
    width:180px;
    height:75px;
    font-weight:bold;
    background-color:#3ACAC4;
    text-align: center;

}

#YoutubeChannelFoot h5 {
    color:#990021;
    padding-top: 10px; 
    padding-bottom: 10px; 
    font-size:16px;
}

#YoutubeChannelFoot a {
    color:white;
    background-color:#990021; 
    padding:5px;
    font-size:16px;
}

#YoutubeChannelFoot a:hover {
  background-color:black;
  color:white;
}

.TitleBox {
    position:relative;
    padding:5px 0px 5px 0px; 
    /*color:#990021; */
    color:white;
    font-size:28px;
    font-weight:bold;
}

.VideoEmbed {
    position:relative;
    padding:0px 0px 0px 15px;
    z-index:100;
    /*background-color:green; 
    background-color:green; */
}

.VideoDescription {
/*    background-color:green; 
    color:#990021;*/
    color:white;
    padding:15px 0px 5px 0px;
    font-size:14px;
    font-weight:bold;
}

#NewsContainer {
 position:absolute;
 top:525px;
 width:764px; 
background-color:#3ACAC4;
border-bottom:3px solid black;

}

#Headlines {
 position:absolute;
 /*top:525px;
 width:764px; */ 
width:764px;
 top:104px;
background-color:white;
margin:0px 0px 5px 0px;
height:450px;
overflow:scroll;

}

#HeadlineHeader {
 position:absolute;
 top:30px;
 left:150px;
 width:400px;
/* background-color:#3ACAC4; */
}

#HeadlineHeader h2 {
  color:#990021;
  padding:3px;
    font-size:24px;
}

#SingleHeadline {
/* height:25px; 
 background-color:green; */
 width:650px;
 margin:5px;
}

#SingleHeadline h4 {
  color:black;
  padding:3px;
  font-size:14px;
}

#SingleHeadline h5 {
  color:black;
  padding:3px;
  padding-left:25px;  
font-size:12px;
}

div.sc_menu_wrapper {
	/*position:absolute; 
	position: relative;*/
	position:absolute;
	top:40px;
	right:0;
	/* position: relative; 	
	 Make bigger than a photo, because we need a place for a scrollbar. */
    width:110px;
    height:350px;
/*	width: 160px;
	height: 500px; 
	
	margin-top: 30px; */
	overflow: auto;
/*	background-color:yellow;
	left:600px; */
}
div.sc_menu {
	padding: 15px 0;
}
.sc_menu a {
	display: block;
	margin-bottom: 5px;
/*	width: 130px; */
	
	width: 100px;
	border: 2px rgb(79, 79, 79) solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;		
	
	/* When image support is turned off 
	color: #fff;*/
	color:#990021;
    background:#3ACAC4;
/*    background:#B8A45E; */
    font-weight:bold;
    font-size:12px;
    text-align:center;
    text-decoration: none;
    /*	background: rgb(79, 79, 79);	*/
}
.sc_menu a:hover {
	border-color: rgb(130, 130, 130);
	border-style: dotted;
}
.sc_menu img {
	display: block;
	border: none;
}
 
.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;
 
	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
    top: 5px;
    left: 30px;	
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
	width: 120px;
	z-index:1000;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(255, 0, 0);
	/*background: rgb(0, 0, 0);
	 Make background a bit transparent for browsers that support rgba */	
	background: rgba(255, 0, 0, 0.5);
}
 
 /* ######### Style for Menu ######### */
.mc_menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
    position:absolute;
    top:40px; 
    left:425px;
    /*width:885px; 
	border:1px solid #FFF100; */
}
.mc_menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
}
.mc_menu li{
    float:left;
    padding:0px;
}
.mc_menu li a{
    color:#990021;
    display:block;
    font-weight:bold;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
    border-left:2px solid #990021; 
}
.mc_menu li a:hover, .mc_menu ul li:hover a{
    background:#990021;
    color:#B8A45E;
    text-decoration:none;
}
.mc_menu li ul{
    background:#990021;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:225px;
    z-index:200;
}
.mc_menu li:hover ul{
    display:block;    
}
.mc_menu li li {
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:225px;
}
.mc_menu li:hover li a{
    background:none;    
}
.mc_menu li ul a{
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
.mc_menu li ul a:hover, .mc_menu li ul li:hover a{
    background:#B8A45E;
    color:#990021;
    border:1px solid #990021;
    text-decoration:none;
}
.mc_menu p{
    clear:left;
}	


#middle {
    height:150px;
    /*background-color:#990021; 
	 border: 5px solid black; */
    color:white;
    position:relative;
    background: url('redgradient.png') repeat;
}

.character {
    position:absolute;
    left:570px;
    top:0px;
    height:150px;
    overflow:hidden;
    /*top:-53px; 
    left:600px; */
}
.ragdog {
    position:absolute;
    left:680px;
    top:0px;
    height:150px;
    overflow:hidden;
    /*top:-53px; 
    left:600px; */
}
.rudolph {
    position:absolute;
    left:790px;
    top:0px;
    height:150px;
    overflow:hidden;
    /*top:-53px; 
    left:600px; */
}

.middletext {
    position:relative;
    left:50px;
    width:500px;
/*    background-color:green; */
}

#middle h4 {
    color:white;
    font-size:35px;
    padding:10px 0px 15px 0px;
}

#middle h5 {
    color:white;
    font-size:20px;
}

 .video {
    position:absolute;
    left:50px;
    top:278px;
  /*  background-color:orange; */
    width:405px;
}

.video h2 {
    color:#990021;
    font-size:20px;
    text-align:center;
    padding:0px 0px 13px 0px;
}

.slideholder {
/*	background-color:yellow; */
    width:450px;
    left:500px;
    top:278px;
    position:absolute;
}

.slideholder h6 {
    color:#990021;
    font-size:20px;
    text-align:center;
    padding:0px 0px 13px 0px;
}

.container {
    position:relative;
	/*left:200px;
	top:50px; */
	overflow: hidden;
	width: 412px;
/*	width: 900px; */
	margin: 0 auto;
}

#main {
	padding: 10px;
    background: #990021;
/*	background: #589800;
/*	background: #f0f0f0; 
	border: 1px solid #ccc; */
}
a {color: #fff;}
 
/*--Main Image Preview--*/
.main_image {
	width: 250px; height: 203px;
/*	width: 598px; height: 456px; */
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; 
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 2px 10px 0px 10px;
}
.main_image p {
	font-size: 1.2em;
	margin: 0;
	padding: 2px 10px 4px 10px;	
	line-height: 1.6em;
}
.block small { 
/*	padding: 0 0 0 20px; */
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	/*  this is the hide/show button
	background: url(btn_collapse.gif) no-repeat left top;*/
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;}  
 
.image_thumb {
	float: left;
	width: 160px;
	background: #EC0033;
	color:#990021;
/*	width: 299px; 
	background: #589800;
	background: #f0f0f0; 
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc; 
	border-right: 1px solid red;
	border-top: 1px solid blue; */
}

/*.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;
} */

.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; 
	padding: 6px 5px 6px 5px;
	background: #B8A45E;
/*	background: #B12C49;
	background: #78AF2C; */

/*	margin: 0; padding: 12px 10px;
	border-bottom: 1px solid #ccc;
	border-
	top: 1px solid #fff;
	border-right: 1px solid #ccc;	background: #f0f0f0 url(nav_a.gif) repeat-x;  */
	width: 150px;
/*	width: 279px; */
	float: left;
	border-bottom: 1px solid #990021;
	border-top: 1px solid #990021;
	border-right: 1px solid #990021;
}
.image_thumb ul li.hover {
	background: #DCCA8B;
	cursor: pointer;
    /*background: #ddd;
	cursor: pointer; */
}
.image_thumb ul li.active {
    background: #DCCA8B;
	cursor: default;
	/*background: #fff;
	cursor: default; */
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 150px;
/*	width: 170px; */
}	
.image_thumb ul li p{display: none;}