/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {
	border-style: solid;
	size: 4px;
	}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #666;
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", ;
	color: #243750;	
	font-size:12px;
	text-align:center;
	background-image:url(images/bg.jpg);	
	background-repeat: repeat-y;
	background-position: center top;}
	/*	
	font-size: 14px;	
	color: #D9EFFE;	
	background-color: #D9EFFE;
		*/

	


.container { width:1024px;
	margin: 0 auto;
	background-color: #FFF;	
	background-position: 50% 0;
	background-repeat:repeat-y;
}

/* ------------------------ welcome  --------------------------- */
#welcome {
	clear:both;
	width: 1024px;
	background-image:url(images/toptext-bg.jpg);
	background-repeat:repeat-x;
	}

p.welcome-big { font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 10px; text-align: center;}		
p.welcome { font-size: 12px; font-weight: normal; color: #666; text-decoration: none; padding: 10px 30px 20px 30px; text-align: justify;}	
/* ------------------------ end of welcome  --------------------------- */

/* ------------------------ navigation  --------------------------- */
#navigation { 
	background-image:url(images/navbar.jpg);
	background-repeat:no-repeat;
	width: 1024px; 
	height: 66px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}

#navigation span { display: none; } 

#navigation li, #navigation a { height: 45px; display: block; }

#navigation li { float: left; list-style: none;}

#navigation-01 { width: 303px; top-margin: 2px; }
#navigation-02 { width: 439px; }
#navigation-03 { width: 282px;}


#navigation-01 a:hover {background:url(images/navbar.jpg) 0 -66px no-repeat;}
#navigation-02 a:hover {background:url(images/navbar.jpg) -303px -66px no-repeat;}
#navigation-03 a:hover {background:url(images/navbar.jpg) -742px -66px no-repeat;}

/* ------------------------ end of navigation code --------------- */

/* ------------------------ episode box area  --------------------------- */
#epbox {
	clear:both;
	width: 1024px;
	background-color: #FFF;
	}
.border {border:1px solid #666; margin: 2px;}		
.border2 {border:1px solid #666; margin: 1px;}
p.ep-title { font-size: 34px; font-weight: bold; color: #000; text-decoration: none; padding: 10px; text-align: center; font-family: Arial, Helvetica, sans-serif;}
p.ep-text { font-size: 12px; font-weight: normal; color: #666; text-decoration: none; padding: 10px 10px 10px 10px; text-align: justify;}
.border3 {border:0px solid #666; margin: 0 0 30px 0;}
/* ------------------------ end of episode box area  --------------------------- */

/* ------------------------ footer button  --------------------------- */
#footer-mid { 
	background-image:url(images/footer-mid.jpg);
	background-repeat: no-repeat;
	height: 126px;
	width: 1024px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}	

#footer-mid span { display: none; } 

#footer-mid li, #footer-mid a { height: 126px; display: block; }

#footer-mid li { float: left; list-style: none;}

#footer-mid-01 { width: 396px; top-margin: 2px; }
#footer-mid-02 { width: 232px; }
#footer-mid-03 { width: 396px;}


#footer-mid-01 a:hover {background:url(images/footer-mid.jpg) 0 -126px no-repeat;}
#footer-mid-02 a:hover {background:url(images/footer-mid.jpg) -396px -126px no-repeat;}
#footer-mid-03 a:hover {background:url(images/footer-mid.jpg) -628px -126px no-repeat;}

/* ------------------------ end of footer button --------------- */

/* ------------------------ footer --------------- */
#footer-top{
	clear:both;
	width: 1024px;
	background-image:url(images/footer-top.jpg);
	background-repeat: no-repeat;
	height: 28px;
	}

#footer-btm{
	clear:both;
	width: 1024px;
	background-image:url(images/footer-btm.jpg);
	background-repeat:repeat-x;
	height: 50px;
	}

p.footer { font-size: 11px; font-weight: normal; color: #666; text-decoration: none; padding: 24px 0 0 0; text-align: center;}	
/* ------------------------ end of footer --------------- */

/* ********************************************************************************************************************************************************************** TOUR1 */
#slogan-t1{
	clear:both;
	width: 1024px;
	background-image:url(images/slogan-t1.jpg);
	background-repeat: no-repeat;
	height: 39px;
	}
#slogan-t1 span { display: none; }

#header-t1{
	clear:both;
	width: 1024px;
	background-image:url(images/header-t1.jpg);
	background-repeat: no-repeat;
	height: 327px;
	}

#header-t1 span { display: none; }


/* ********************************************************************************************************************************************************************** TOUR2 */
#slogan-t2{
	clear:both;
	width: 1024px;
	background-image:url(images/slogan-t2.jpg);
	background-repeat: no-repeat;
	height: 39px;
	}
#slogan-t2 span { display: none; }

#header-t2{
	clear:both;
	width: 1024px;
	background-image:url(images/header-t2.jpg);
	background-repeat: no-repeat;
	height: 327px;
	}

#header-t2 span { display: none; }

/* ********************************************************************************************************************************************************************** TOUR3 */
#slogan-t3{
	clear:both;
	width: 1024px;
	background-image:url(images/slogan-t3.jpg);
	background-repeat: no-repeat;
	height: 39px;
	}
#slogan-t3 span { display: none; }

#header-t3{
	clear:both;
	width: 1024px;
	background-image:url(images/header-t3.jpg);
	background-repeat: no-repeat;
	height: 327px;
	}

#header-t3 span { display: none; }	

/* ********************************************************************************************************************************************************************** JOIN */
#slogan-join{
	clear:both;
	width: 1024px;
	background-image:url(images/slogan-join.jpg);
	background-repeat: no-repeat;
	height: 39px;
	}
#slogan-join span { display: none; }

#header-join{
	clear:both;
	width: 1024px;
	background-image:url(images/header-join.jpg);
	background-repeat: no-repeat;
	height: 327px;
	}

#header-join span { display: none; }

#slogan-join2{
	clear:both;
	width: 1024px;
	background-image:url(images/slogan-join2.jpg);
	background-repeat: no-repeat;
	height: 66px;
	}
#slogan-join2 span { display: none; }