/*
                   \\"""//
                    (0 0)
    +-------oOO-----`(_)´---------------+
    |      Base screen style sheet      |
    |         Chillon website           |
    |   -----------------------------   |
    |      Ioan Sameli / 2007 - 2009    |
    +-------------------------oOO-------+
                   |__|__|
                    || ||
                   ooO Ooo
*/

  /******************************/
 /******   BASIC STYLES   ******/
/******************************/

	body{
		font-family:arial, verdana;
		font-size:.8em;
		background:white;
		margin:0;
		}
	a{
		text-decoration:none;
		}
	img{
		border-style:none;
		}
	h1,h2,h3,h4,h5,h6,p{margin:0;}

  /***************************/
 /******   STRUCTURE   ******/
/***************************/

	#header{
		height:258px;
		width:1024px;
		margin:0 auto;
		background:url(images/header-1.jpg) no-repeat center;;
		}
	#page{
		width:1024px;
		margin:0 auto;
		background:url(graphics/gradient-1024px.jpg);
		color:white;
		}

	#main-context{
		float:left;
		width:200px;
		padding:10px 10px 10px 36px;
		}
	#main-content{
		float:left;
		width:680px;
		padding:10px;
		}
	#footer{
		/*position:absolute;
		bottom:0;*/
		width:1024px;
		margin:0 auto;
		background:#900;
		color:white;
		font-size:10px;
		}
	#footer div{padding:4px;}

  /*************************/
 /******   CONTENT   ******/
/*************************/

	.content-col-full{
		padding:10px;
		}
	.content-col-1,
	.content-col-2,
	.content-col-3,
	.content-col-4{
		float:left;
		width:320px;
		padding:10px;
		margin:10px 10px 0 0;
		}
	.content-col-1{padding-right:0;}
	.content-col-2{padding-left:0;margin:10px 0 0 0;}

	.content-col-3 {width:150px;}
	.content-col-4{margin:10px 0 0 150px;width:320px;}

	.content-image{width:320px;}
	.content-image img{width:320px;display:block;}
	.content-image span{display:block;color:white;background:#777;padding:3px;font-size:12px;}

	.content-col-3 .content-image{width:150px;margin-bottom:10px;}
	.content-col-3 .content-image img{width:150px;display:block;}

	#main-content .content-open{background-color:#d0d0d0;margin-top:30px!important;margin-top:-1px;border-top:3px solid #900;width:670px;color:black;min-height:500px;}
	#main-content .home{padding-top:220px !important;padding-top:20px;padding-bottom:18px;}

	#main-content h1, h2, h3{
		border-bottom:1px dotted #444;
		background:url(/graphics/bullet-title.gif) no-repeat left;padding-left:18px;
		font-weight:normal;
		}
	#main-content h1{font-size:14px;text-transform:uppercase;}
	#main-content h2{font-size:14px;margin-top:15px;}
	#main-content h3{font-size:12px;}

	#main-content p{padding:6px 0 6px 6px;}

	#main-content .content-open ul{
		padding:6px 0 6px 18px;
		margin:0;
		list-style-image:url(/graphics/bullet.gif);
		}
		#main-content .content-open li{padding:4px 0;}
	#main-content a{color:#900;}
	#main-content a:hover{color:#F00;text-decoration:underline;}

	.press_releases a, .content-link{
		margin:32px 0 0 0;
		padding: 3px 3px 3px 16px;
		background:#AAA url(/graphics/bullet-triangle-white.gif) no-repeat 0px 5px;
		display:block;
		}
	.press_releases a:hover, .content-link:hover{background-color:#999;}

	.press_releases a, .content-link.pdf{background-image:url(/graphics/pdf-icon-16.png);background-position:2px;padding-left:22px;}

	.media-gallery a{
		display:block;
		float:left;
		padding:5px;
		}
	.media-gallery a:hover{background:gray;}
	.media-gallery a img{display:block;}

	#main-content a.sponsor{
		width:300px;
		display:block;
		margin:auto;
		padding:10px;
		text-align:center;
		color:black;
		border-bottom:1px dotted #AAA;
		}
	#main-content a.sponsor:hover{background:#AAA;text-decoration:none;}



	/*font{font-size:6px;margin-top:-8px;display:block;}*/

  /************************/
 /******   HEADER   ******/
/************************/

	#header ul{
		list-style:none;
		padding:96px 0 0 10px;
		margin:0;
		font-size:10px;
		float:left;
		}
	#header li{
		float:left;
		}
	#header li a{
		display:block;
		padding:4px;
		margin:0 0 0 6px;
		background:#900;
		color:white;
		text-transform:uppercase;
		}
	#header li a:hover{background:#cb0000;}
	#header li a.contact{background-image:url(graphics/icon-contact.gif);background-repeat:no-repeat;background-position:center;text-indent:-999px;overflow:hidden;width:14px;}
	#header li a.chinese{background:url(graphics/button-chinese.gif) no-repeat top;text-indent:-999px;overflow:hidden;width:24px;}
	#header li a.chinese:hover{background-position:bottom;}
	#header h1{float:left;margin:0;}
	#header h1 span{
		display:block;
		float:left;
		width:96px;
		height:96px;
		background:url(images/thumb-top-1.jpg);
		text-indent:-999px;
		overflow:hidden;
		}
	#header h1 a{
		display:block;
		float:left;
		margin-top:96px;
		height:162px;
		width:162px;
		background:url(graphics/main-logo.gif) top;
		text-indent:-999px;
		overflow:hidden;
		}
	#header h1 a:hover{background-position:bottom;}
	#header h1 a.lang-2{background-image:url(graphics/main-logo-en.gif);}
	#header h1 a.lang-3{background-image:url(graphics/main-logo-de.gif);}


  /****************************/
 /******   NAVIGATION   ******/
/****************************/

	/* remove all the bullets, borders and padding from the default list styling */
	#main-nav{
		margin:0;
		padding:0;
		list-style:none;
		}

	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#main-nav li.item{
		float:left;
		width:160px;
		background: url(images/menu-img-1.jpg) bottom no-repeat;
		padding:0;
		margin:0 10px 0 0;
		position:relative;
		z-index:9;
		}
	#main-nav.large li.item{height:190px;}
	#main-nav.large .subnav{height:168px;}

	#main-nav li.sub1{background-image:url(images/menu-img-1.jpg);}
	#main-nav li.sub2{background-image:url(images/menu-img-2.jpg);}
	#main-nav li.sub3{background-image:url(images/menu-img-3.jpg);}
	#main-nav li.sub4{background-image:url(images/menu-img-4.jpg);}

	/* style the links for the top level */
	#main-nav .titlelink{
		display:block;
		padding:3px 6px 3px 12px;
		min-height:16px;
		color:white;
		text-transform:uppercase;
		background:url(graphics/nav-item-header-bg.jpg);
		}
	#main-nav .titlelink:hover, #main-nav .item:hover .titlelink{
		background:#cb0000;
		background:#900;font-weight:bold;color:white;text-decoration:none;
		}
	#main-nav .on{
		background:#900 !important;
		height:25px;
		}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	#main-nav .subnav{
		position:relative;
		top:19px;
		left:0;	/* for IE */
		width:160px;
		background:#900;
		padding:0 0 8px 0;
		margin:0;
		list-style:none;
		}
	#main-nav .subnav li{margin:-10px;padding:0 0 1px 0;background:#900 url(graphics/nav-item-sep-line.gif) bottom center no-repeat;display:none;}


	#main-nav .subnav a{
		display:block;
		color:white;
		text-transform:none;
		font-weight:normal;
		padding:3px 3px 2px 20px;
		background:#900 url(graphics/bullet-triangle-small.gif) 11px 8px no-repeat;
		margin:0;
		height:auto !important;
		height:16px;
		}
	#main-nav .subnav a:hover{background-color:#cb0000;text-decoration:none;color:white;}

	/* style the table so that it takes no ppart in the layout - required for IE to work */
	#main-nav table{position:absolute; top:0; left:-3px;}

	/* The second level is hidden by default */
	#main-nav ul{visibility:hidden;}
	/*#main-nav .subnav a{display:none;}*/

	/* make the second level visible when hover on first level list, but keep the third one hidden  */
	#main-nav :hover ul{visibility:visible;height:auto;}
	/*#main-nav :hover .subnav a{display:block;}*/

	#main-nav :hover .subnav li{display:block;margin:0;}

  /**************************/
 /******   META-NAV   ******/
/**************************/

	#meta-nav{
		list-style:none;
		margin:0;padding:0;
		}
	#meta-nav li{padding:3px 0;}
	#meta-nav a{
		padding:3px 3px 2px 20px;
		display:block;
		text-transform:uppercase;
		color:white;
		background:#900 url(graphics/bullet-triangle.gif) 6px 5px no-repeat;
		}
	#meta-nav a:hover{background-color:#cb0000;}
	
	/* Big shop link */
	#meta-nav a.shop{padding:8px 0 8px 20px;font-size:16px;background-position:6px 12px;font-weight:bold;}
	

	/* News */
	#context-news{
		background:url(graphics/gradient-220px.jpg);
		margin:0 0 5px 0;
		}
	#context-news .item{
		display:block;
		padding:8px;
		color:white;
		}
	#context-news .item:hover{
		background:gray;
		}


	/* Form for newsletter */
	#newsletter-register{
		margin:5px 0 0 0;
		background:url(graphics/gradient-220px.jpg);
		}
	#newsletter-register div{padding:8px;}


	#main-context h2{
		margin:0;
		padding:3px 10px;
		text-transform:uppercase;
		font-size:1em;
		font-weight:normal;
		color:white;
		background:#900;
		}
		
	#sponsors{
		margin:5px 0 0 0;
		background:url(graphics/gradient-220px.jpg);
		}

  /******************************/
 /******   OTHER          ******/
/******************************/

	#admin{
		position:fixed;
		top:20px;
		right:20px;
		padding:5px;
		border:1px solid gray;
		background-color:white;
		text-align:center;
		color:black;
		opacity:.3;
		}
	#admin:hover{opacity:1;}

	.schedule-table td{border-bottom:1px solid #BBB;}

	.newsItem{		
		display:block;		
		padding:8px;
		border-top:1px dashed gray;
		text-decoration:none;
		clear:both;
		}
		
	/* CSS priorities */
	#news_list a.newsItem{color:black;text-decoration:none}
		
	.newsItem:hover{background:#EEE;text-decoration:none}
	
	.newsItem img{float:left;margin-right:5px;margin-bottom:8px;}
	
	.newsItem strong,
	.newsItem span,
	.newsItem em{display:block;padding:0 0 5px 85px;font-style:normal;}