/* CSS Document for Debutots*/

/* mac hide \*/
html,body{
	height:100%;
	margin:0;
	width:100%;
}
/* end hide */

/* Body/Container
------------------ */
body{ 
	text-align:center; 
	min-height:565px;
	min-width:917px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px !important; 
	color:#1971aa; 
	text-align:left; 
	overflow:-moz-scrollbars-vertical; 
	background-color:#c6e0f1;
}

#horizon{ 
	height:100%; 
	width:100%; 
	display:table; 
	vertical-align:middle; 
}

#content{ 
	text-align: center; 
	position:relative; 
	vertical-align:middle; 
	display:table-cell; 
	height: 565px;
}	

#wrapper{ 
	width: 917px; 
	height: 565px; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	background-image:url(../images/white_bg.jpg); 
	background-repeat:no-repeat;
}	

#wrapperFlash{
	width: 917px; 
	background:#fff; 
	height: 565px; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	border:0px solid #000;
}

a img{
	border: none;
}

/* Headings
----------- */
h1{
	color:#ff0000; 
	font-size:24px;
}

h2{
	color:#ff0000; 
	font-size:12px; 
	font-weight:bold; 
	margin-bottom:-12px;
	margin-top:20px;
}

h3{
	color:#ff0000; 
	font-size:14px; 
	font-weight:bold; 
	padding-bottom:30px;
}

#docs h3{
	font-size:12px;
	padding:0 0 0 30px;
}

h4{
	color:#ff0000; 
	font-size:13px; 
	font-weight:bold; 
	margin-bottom:-12px; 
	margin-top:30px;
}

h5{
	color:#ff0000; 
	font-size:12px; 
	font-weight:bold; 
	margin-bottom:-6px; 
	margin-top:22px;
}
* html h5{margin-top:15px;}

/* Header 
-------------*/
#header{
	width:877px; 
	height:63px; 
	float:left; 
	background-image:url(../images/logo.jpg); 
	background-repeat:no-repeat; 
	margin-left:40px; 
	margin-top:30px;
}
* html #header{margin-left:20px;}

#logo{
	width:161px; 
	height:63px; 
	float:left;
}

/* Menu 
-------------*/
#menu{
	width:680px; 
	height:43px; 
	float:right; 
	margin-top:21px;
}
* html #menu{padding-top:20px; margin-top:11px; margin-bottom:-15px;}

#menu ul{
	margin-left:-60px;
}
* html #menu ul {margin-left:-40px;}

#menu ul li{
	list-style-type:none; 
	display:inline; 
	margin-left:20px; 
	font-size:11px;
}

#menu a:link {height:25px; padding-top:15px; color:#1971aa; text-decoration:none; font-weight:bold;}
#menu a:visited {height:25px; padding-top:15px; color:#1971aa; text-decoration: none; font-weight:bold;}
#menu a:hover {height:25px; padding-top:15px; color:#ff0000; text-decoration:none; font-weight:bold; background-image:url(../images/menu_star.gif); background-repeat:no-repeat; background-position:center 0px;}
#menu a:active {height:25px; padding-top:15px; color:#1971aa; font-weight:bold; background-image:url(../images/menu_star.gif); background-repeat:no-repeat; background-position:center 0px;}
#menu a.on{height:25px; padding-top:15px; color:#ff0000; text-decoration:none; font-weight:bold; background-image:url(../images/menu_star.gif); background-repeat:no-repeat; background-position:center 0px;}

/* Main Content 
-------------------*/
#mainContent{
	width:917px; 
	height:424px; 
	float:left; 
	margin-top:10px;
}

#docs #mainContent{
	float:left;
	height:400px;
	overflow:scroll; 
	overflow-x:hidden;
	overflow:auto;
	margin-bottom:25px;
	padding:0 20px;
	text-align:left;	
	width:840px;
}

#docs #mainContent li{
	padding:3px 0;	
}

#docs #mainContent ul.sub{
	margin-left:25px;	
}

#leftCol{
	width:338px; 
	height:376px; 
	float:left; 
	margin-left:40px; 
	margin-top:20px;
}
* html #leftCol{margin-left:20px; margin-top:10px;}

#leftCol p{
	color:#f07e01; 
	text-align:justify; 
	margin-left:10px;
}

.timetable{
	float:left;
}

.timetable1{ 
	float:right;
}

#rightCol{
	width:458px; 
	height:376px; 
	float:left; 
	margin-left:40px; 
	text-align:left; 
	margin-top:1px;
}

#rightColInd{
	width:458px; 
	height:376px; 
	float:left; 
	margin-left:40px; 
	text-align:left; 
	margin-top:-15px;
}
* html #rightColInd{margin-top:0px;}

#rightColScroll{/*This line is for safari only - see bottom of doc for all other browsers*/
	width:458px; 
	height:376px; 
	padding-left:20px; 
	text-align:left; 
	margin-top:1px; 
	overflow:scroll; 
	overflow-x:hidden;
	overflow:auto;
	padding-right:40px;
} 
* html #rightColScroll{margin-top:0px; padding-right:30px;}

#mapscroll{
	width:470px; 
	height:376px; 
	padding-left:10px; 
	text-align:left; 
	margin-top:1px; 
	overflow:scroll; 
	overflow-x:hidden;
	overflow:auto;
	padding-right:10px;
}

/* News Page
------------ */
.star_news{
	width:20px;
	float:left;
}

.news_h3{
	margin-left:10px; 
	float:left;
	width:400px;
}

.switchcontent{
	margin-top:-20px
}

/* Home Page
-------------- */
.square_container{
	height:188px; 
	margin:70px 0 0 0; 
	float:right;
}

.square1{
	width:188px; 
	height:165px; 
	float:left; 
	background-image:url(../images/ind_bordertest.png); 
	background-repeat:no-repeat;
}

.square3{
	width:188px; 
	height:165px; 
	float:left;
	margin-left:20px; 
	background-image:url(../images/ind_bordertest2.png); 
	background-repeat:no-repeat;
}
* html .square3{margin-left:20px;}



/* Franchise Page
------------------ */
ul.franchise{
	margin-left:-10px; 
	margin-top:55px;
}

ul.franchise li{
	list-style-image:none; 
	display:block; 
	margin-top:15px; 
	font-size:11px;
}
* html ul.franchise li{margin-top:5px;}

#back{
	text-align:left; 
	margin-left:50px; 
	margin-top:-26px;
}

#m25{
	width:300px; 
	float:right; 
	text-align:left; 
	margin-top:-250px;
}

#video{
	width:917px; 
	height:630px;
}

.news_container{
	float:left;
	width:225px;
}

.news_img{
	float:left;
	width:75px;
}

.news_title{
	float:left;
	width:125px;
}

h2.franchises{
	color:#1971aa;
	font-size:15px;
}

#rightColScroll ul{
	margin-left:-23px;
}
* html #rightColScroll ul{margin-left:20px}

#rightColScroll li{
	padding:5px 0;
}

table#workshops{	
	color:#1971aa;
	margin-top:25px;
}

table#workshops td, table#workshops th{
	border:1px dotted #1971aa;
	font-size:1em;
	padding:6px;
}

table#workshops .col1{
	width:100px;
}

table#workshops .col2{
	width:100px;
}

table#workshops .col3{
	width:100px;
}

table#workshops .col4{
	width:140px;
}

body#dates{
	background:#fff;	
}

ul.torch{
	clear:both;
	list-style-image:url(../images/Olympic-Flame.gif);
	margin-top:30px;
}

ul.torch li{
	padding:10px 0 3px 0;	
}

/* Footer 
-------------*/
#footer{
	width:917px; 
	height:60px; 
	background-image:url(../images/footer_bg.jpg); 
	background-repeat:no-repeat; 
	float:left; 
	margin-top:0px;
}

#footer p{
	color:#FFFFFF; 
	font-size:12px; 
	margin-top:4px; 
	font-weight:100; 
	font-size:12px;
}

#site{
	width:459px; 
	float:left; 
	text-align:left; 
	font-size:10px; 
	margin-left:8px;
}
* html #site{margin-left:3px; margin-top:-5px;}

#trademark{
	width:458px; 
	float:left; 
	text-align:right;
	font-size:10px; 
	margin-left:-16px; 
	color:#81b1d0;
}
* html #trademark{margin-top:-5px;}
/*---------------------------------------- End Footer ----------------------------------------*/

/* Classes
---------- */
.blue{
	color:#1971aa; 
	font-size:10px;
}

.red{
	color:#ff0000; 
	font-size:12px; 
	font-weight:bold;
}

.font_size{
	font-size:12px;
}

p.height{
	font-size:13px; 
	line-height:18px;
}

p.partiesheight{/*This line is for safari only - see bottom of doc for all other browsers*/
	font-size:13px; 
	line-height:18px; 
	margin-top:115px;
} 
* html p.partiesheight{margin-top:103px;}

p.stars{
	font-size:11px;
}

.italics{
	font-style:italic;
}

.small_font{
	font-size:10px;
}

p.large{
	font-size:15px;
}

p.large_font, h2.large_font{
	font-size:18px; 
	line-height:20px
}

.float_right{
	float:right
}

.float_left{
	float:left
}

.nomination_img{
	margin-top:-30px
}


/* Links
----------*/
a.link:link, a.link:visited, a.link:hover, a.link:active{color:#FFFFFF; text-decoration:none;}

a.bob:link, a.bob:visited, a.bob:hover, a.bob:active {color:#81b1d0; text-decoration:none;}

a.blue_link:link, a.blue_link:visited, a.blue_link:hover, a.blue_link:active {color:#1971aa; text-decoration:none;}

a.sub:link {color:#1971aa; text-decoration:none; font-weight:bold;}
a.sub:visited {color:#1971aa; text-decoration: none; font-weight:bold;}
a.sub:hover {color:#ff0000; text-decoration:none; font-weight:bold;}
a.sub:active {color:#1971aa; font-weight:bold;}
a.subon{color:#ff0000; text-decoration:none; font-weight:bold;}

/*a.storytelling{
	display:block; 
	padding-top:13px; 
	margin-bottom:-13px
}*/

a.nomination{
	margin-top:-10px
}
/*---------------------------------------- End Links ----------------------------------------*/




/*----------------------This line stops safari from reading what ever is below it--------------------------------*/
#rightColScroll{width:458px; height:376px; float:left; margin-left:40px; text-align:left; margin-top:1px; overflow:scroll; overflow-x: hidden; overflow:auto; padding-right:40px;#}
/*-------------------------anything below this line cannot be read by safari----------*/

#rightColScroll{padding-left:0px; width:458px; height:376px; float:left; margin-left:40px; text-align:left; margin-top:1px; overflow:scroll; overflow-x: hidden; overflow:auto; padding-right:40px;}
p.partiesheight{font-size:13px; line-height:18px; margin-top:107px;}