/*--------------------------------------------------------------------------------------------------------------------------




---------------------------------------------------------------------------------------------------------------------------*/


body {

	background-image: url(images/gradient_background.gif);
	background-repeat: repeat-x;
	margin: 0px auto 0px auto;
	text-align:center;
	font-family: arial;
	color: #000000;


}




/*--Container--*/

#container {

	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;

}


/*--Login Area--*/


#login {

	font-family: verdana;
	font-size: 10px;
	color: #851717;
	text-align: right;
	padding: 10px 20px 45px 0px;

}


.button {

	font-family: arial;
	font-size: 10px;
	color: #851717;
	background-color: #dedede;
	border: 0px;
}


/*--Masthead Area--*/


#masthead {

	background-image: url(images/masthead-bg-tile.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 118px;
	width: 800px;
	padding: 0px;
	margin: 0px;


}

#champcast-logo {

	background-image: url(images/champscast-logo.gif);
	background-repeat: no-repeat;
	width: 359px;
	height: 118px;
	float: left;
	padding: 0px;

}


/*--Logo Area--*/

#logos {

	width: 400px;
	height: 67px;
	float: left;

}


#yum-logo{

	background-image: url(images/yum-logo.gif);
	background-repeat: no-repeat;	
	width: 61px;
	height: 67px;
	float: right;
	margin-right: 10px;

}


#kfc-logo{

	background-image: url(images/kfc-logo.gif);
	background-repeat: no-repeat;	
	width: 51px;
	height: 67px;
	float: right;
	margin-right: 10px;

}


#aw-logo{

	background-image: url(images/aw-logo.gif);
	background-repeat: no-repeat;	
	width: 64px;
	height: 67px;
	float: right;
	margin-right: 10px;

}


#tacobell-logo{

	background-image: url(images/tacobell-logo.gif);
	background-repeat: no-repeat;	
	width: 42px;
	height: 67px;
	float: right;
	margin-right: 10px;

}


#pizzahut-logo{

	background-image: url(images/pizzahut-logo.gif);
	background-repeat: no-repeat;	
	width: 46px;
	height: 67px;
	float: right;
	margin-right: 10px;

}


#long-john-silver-logo{

	background-image: url(images/long-john-silver-logo.gif);
	background-repeat: no-repeat;	
	width: 66px;
	height: 67px;
	float: right;
	margin-right: 10px;

}

#masthead-rightedge {

	background-image: url(images/masthead-rightedge.gif);
	background-repeat: no-repeat;
	width: 31px;
	height: 118px;
	float: right;

}


/*--Red Content Area--*/


#red-content {

	background-image: url(images/red-bg-tile2.gif);
	background-repeat: repeat-x;
	height: 350px;

}



#red-content-right-side {

	background-image: url(images/red-right-side2.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 350px;
}



#red-content-right-corner {

	background-image: url(images/red-right-cnr.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 350px;
	

}



#red-content-left-side {

	background-image: url(images/red-left-side2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 350px;

}



#red-content-left-corner {

	background-image: url(images/red-left-cnr.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 350px;
	

}



.red-main-content {

	float: left;
	width: 630px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;

}


.red-main-content-img {

	background-image: url(images/top-image-red.png);
	background-repeat: no-repeat;
	background-position: top right;
	width: 220px;
	height: 290px;
	float: right;

}



.red-main-content-text {

	float: left;
	width: 375px;
	text-align: right;
	color: #ffffff;
	padding-top: 5px;
}

.red-main-content-text p {

	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	padding: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
}



.red-main-content-text a {

	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	padding: 0px;
	float: right;
	outline: none;
	padding: 0px 10px 0px 0px;

}







.red-main-content-text a:hover {


	color: #000000;

}






.white-text1 {

	font-family: arial;
	font-size: 17px;
	color: #ffffff;	


}




.white-text2 {

	font-family: verdana;
	font-size: 26px;
	color: #ffffff;	


}


sup {

	font-family: arial;
	font-size: 8px;
	color: #000000;		


}






/*--Gray Content Area--*/


.gray-main-content {

	float: left;
	width: 630px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 50px 20px;
	text-align: center;
	overflow: hidden;

}

.white-text {

	font-family: arial;
	color: #ffffff;
	font-size: 18px;
}



.grey-body-content {

	padding: 10px 10px 0px 0px;
	

}

.grey-body-content p{

	font-family: arial;
	color: #000000;
	font-size: 12px;
	padding: 5px 15px 0px 0px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
	
	

}


.grey-body-content i{

	font-family: georgia;
	color: #000000;
	font-size: 12px;
	letter-spacing: .5px;


}



.grey-body-content img{

	padding: 0;

}




.quote{

	font-family: arial;
	color: #000000;
	font-size: 12px;
	font-weight: bold;


}


.grey-body-content a{

	font-family: arial;
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
	outline: none;

}



.grey-body-content ul{

	font-family: arial;
	color: #000000;
	font-size: 13px;
	display: block;
	padding: 0px 0px 0px 20px;
}


.grey-body-content li{

	font-family: arial;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	list-style-type: square;
	padding: 5px 25px 0px 0px;
	


}



.grey-body-content a:hover{

	color: #851717;

}




.list-indent li {

	margin: 0px 0px 0px 20px;



}


/*--Right Navigation--*/


.right_nav {

	float: right;
	width: 260px;
	height: 450px;
	margin: 30px 0px 0px 10px;
	padding: 0px 20px 0px 20px;
	clear: right;
	border-left: dotted 1px #c4c4c4;

	
}



.right_nav b {

	font-family: arial;
	color: #000000;
	font-size: 12px;

	
}









/*--Navigation--*/



.navigation {

	width: 133px;
	float: left;

}

.background {

	background-image: url("images/nav-bg-tile.png");
	background-repeat: repeat-y;


}




.box2-tp {

	height: 10px;
	width: 133px;
	background-image: url("images/top-nav.png");
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	position: absolute;


}



.box2-tp2 {

	height: 10px;
	width: 133px;
	background-image: url("images/top-nav2.png");
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	position: absolute;


}




.box2-bk {

	padding-top: 5px;
	height: 310px;
	


}




.innerwrap {

	background-image: url("images/nav-bg-tile.png");
	background-repeat: repeat-y;
	width: 100%;
	height: 100%;


}



.innerwrap table {border-collapse:collapse; border:1; margin:0; padding:0;}



/* common styling */



.innerwrap ul {

	padding:0;
	margin:0;
	list-style-type: none;

}


.innerwrap ul li {

	float:left; 
	position:relative;

}


.innerwrap ul li ul {

	margin: 65px 0px 0px 0px;
display: none;
	background-color: #cccccc;
}


.innerwrap ul li ul li {

	padding: 0px; 
	width: 100%;
}

/* specific to non IE browsers */


.innerwrap ul li:hover a {

	color:#000000;
	

}


.innerwrap ul li:hover ul {

	display:block;
	position:absolute;
	top:0;
left: 20px;


}

.innerwrap ul li:hover ul li ul {

	display: none;

}


.innerwrap ul li:hover ul li a {

	display:block;
	background:#cccccc;
	color: #003e88;
	margin:  0px 0px 0px 0px;
	padding: 10px;
	width: 100%;
}


.innerwrap ul li:hover ul li a:hover {

	color: #851717;

}






.nav2_top {

	width: 622px;
	margin: 7px 0px 0px 0px;
	padding: 5px 0px 0px 0px;

}


.nav2_top a{

	font-family: arial;
	font-size: 12px;
	color: #58595b;
	padding: 0px 8px 0px 0px;
	text-decoration: none;

}




.nav2_top a:hover{

	color: #851717;
	text-decoration: underline;

}





.box2-bk a {


	 font-family: arial;
	 font-size: 12px;
	 color: #851717;
	 padding-bottom: 5px;
	 margin: 5px 10px 10px 30px;
	 float: left;
	 text-decoration: none;
	 text-align: left;
	 outline: none;
	 
	
}




.box2-bk a:hover {

	 color: #003e88;
}




.box2-btm {

	background-image: url("images/nav-footer.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 133px;
	height: 20px;
	padding: 0px;
	margin: 0px;




}





/*--Main Content--*/



#main-content {

	background-image: url(images/content-bg-tile.gif);
	background-repeat: repeat-y;
	width: 800px;
	height: 590px;
	margin: 20px 0px 0px 0px;
	
	

}



#main-content-top {

	background-image: url(images/content-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 590px;

}


#main-content-btm {

	background-image: url(images/content-btm2.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 590px;

}


/*--Left Content--*/


#left-content {

	width: 425px;
	float: left;
	margin: 40px 20px 0px 55px;
	display: inline;
	text-align: left;
	clear: both;

}



#left-content img {

	float: left;
	padding-right: 20px;
}



#left-content a {

	font-family: arial;
	font-size: 12px;
	color: #851717;
}



#left-content a:hover {

	color: #003e88;
}

#left-content h3 {

	font-family: arial;
	font-size: 16px;
	color: #004789;

}



#left-content ul {

	font-family: arial;
	font-size: 14px;
	color: #000000;

}


#left-content li {


	padding: 10px 0px 0px 0px;


}

.font1 {

	font-family: arial;
	font-size: 12px;
	color: #000000;

}


#left-content p {

	font-family: arial;
	font-size: 12px;
	color: #000000;


}



/*--Right Content--*/


#right-content {

	width: 230px;
	float: right;
	margin: 40px 40px 0px 0px;
	display: inline;
}


#right-content a {

	font-family: arial;
	font-size: 10px;
	color: #851717;
}



#right-content a:hover {

	color: #003e88;
}



#box1 {

	margin: 0px 0px 15px 0px;

}




#box1 p {

	font-family: arial;
	font-weight: bolder;
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 5px;


}



#box2 {

	margin: 25px 0px 0px 0px;

}


#right-content .font2 {


	width: 228px;
	height: 38px;
	color: #b92932;
	text-align: left;
	padding: 10px 0px 0px 0px;

}




#right-content .font2 a {

	background-image: url(images/header-1.gif);
	background-repeat: no-repeat;
	width: 228px;
	height: 38px;
	font-family: arial;
	font-weight: bolder;
	font-size: 14px;
	color: #b92932;
	text-align: left;
	padding: 10px 0px 0px 15px;
	display: block;
	text-decoration: none;
	outline: none;

}


#right-content .font2 a:hover {

	color: #004789;

}

#box2 p {

	font-family: arial;
	font-weight: bolder;
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 10px;


}




/*--Other Pages Content Area--*/


#grey-background {

	background-color: #f5f5f5;

	overflow: hidden;
	


}


.grey-bottom {

	background-image: url("images/grey-bottom.gif");
	background-repeat: repeat-x;
	background-position: bottom right;
	overflow: hidden;


	

}


.grey-right-side {

	background-image: url("images/gray-right-side1.gif");
	background-repeat: repeat-y;
	background-position: top right;
	overflow: hidden;


}


.grey-right-corner {

	background-image: url("images/gray-right-corner.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;


}



.grey-left-side {

	background-image: url("images/gray-left-side1.gif");
	background-repeat: repeat-y;
	background-position: 0 left;
	overflow: hidden;


}


.grey-left-corner {

	background-image: url("images/gray-left-corner.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	overflow: hidden;


}


.grey-top {

	background-image: url("images/red-top.gif");
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;

	

}



.blue_font {

	font-family: arial, sans-serif;
	font-size: 16px;
	color: #004690;
	font-weight: bolder;
}



.blue-font {

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #004690;
	font-weight: bolder;
}



.blue-font2 {

	font-family: arial, sans-serif;
	font-size: 30px;
	color: #004690;
	font-weight: bolder;
	padding: 0px 0px 0px 150px;
	letter-spacing: 1px;
}



.imge_left_page {

	clear: left;
	float: left;
	width: 189px;
	height: 265px;
	margin: 10px 25px 10px 0px;

}



.video_boxes {

	width: 600px;
	overflow: hidden;
	margin: 25px 0px 0px 0px;


} 


.video-area {

	float: left;
	width: 220px;
	border: solid 1px #000000;

}


.text-area {

	float: right;
	width: 360px;

}


.text-area p {
	
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0px 0px 0px 0px;


}



.grey-body-content form {

	text-align: top;

}


.grey-body-content form p {

	padding: 0px 0px 0px 0px;

}



.grey-body-content label {

	display: block;
	color: #000000;

}



.grey-body-content textarea {

	width: 300px;
	height: 100px;



}

.grey-body-content input.radio, input.checkbox, input.submit {

	width: auto;

}

.grey-body-content input.radio {

	float: left;
	margin-right: 16px;

}


.grey-body-content input:focus, textarea:focus  {

	background: #ffcc;

}


.grey-body-content input{type="text"}, textarea {

	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-bottom: 1px solid #cccccc;	
	border-right: 1px solid #cccccc;

}


 .grey-body-content .required {

	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
	color: #760000;

}

.grey-body-content label {

	float: left;
	width: 100px;

}



.spacer {

	height: 5px;
	clear: both;
	width: 600px;


}



.comment-div {

	width: 400px;
	float: right;


}



/*--Footer--*/



#footer {

	background-image: url(images/footer-bg-tile.gif);
	background-repeat: repeat-y;
	height: 75px;
	width: 800px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear:  both;

}


#footer-top {

	background-image: url(images/footer-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 75px;
	width: 800px;


}


#footer-btm{

	background-image: url(images/footer-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 75px;
	width: 800px;


}


#footer-text{

	font-family: arial;
	font-weight: bolder;
	font-size: 9px;
	color: #000000;
	text-align: left;
	padding: 25px 0px 0px 50px;
	width: 380px;
	float: left;


}


#footer-text a {

	font-family: arial;
	font-weight: bolder;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}


#footer-text a:hover {

	color: #003e88;

}


#copyright{

	font-family: arial;
	font-weight: bolder;
	font-size: 9px;
	color: #000000;
	padding: 25px 25px 0px 0px;
	text-align: right;
	width: 330px;
	float: right;
	clear: right;
	text-align: left;

}



.video-container {

  padding-top: 25px;
  
}


.video-container h1{

	font-family: arial;
	font-weight: bolder;
	font-size: 16px;
	color: #003e88;

}

.video_thumbs {

  width: 250px;
  float: right;
  text-align: center;
  display: block;
  
}

.video_thumbs h1{

	font-family: arial;
	font-weight: bolder;
	font-size: 12px;
	color: #003e88;
	text-align: left;
	padding: 0px 0px 0px 18px;

}


.video_thumbs a {

  float: left;
  font-size: 9px;
  
}

.video_thumbs a img {

  border: none;
  
}