/** Styles
--------------------------------------------------
*  Css of gld 2009
*  
*  1. General styles
*  2. General classes
*  3. Page layout 
*  4. Header
*  5. Tabbed box 
*  6. Timeline 
*  7. Infos 
*  8. Directions 
*  9 Photos
*
--------------------------------------------------
*  Colors
*  Gray : 99 100 102 : #c0c0c0
*  Gold : 204  158  66 : #cc9e42
*  Blue : 46  171  226 : #2dabe2
*/

/** 1. General styles 
--------------------------------------------------*/

	html, body {height: 100%;}
	body {
		margin: 0;
		padding:0;
		font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	}
	html{
		background:#000;
	}
	body, caption, th, td, input, textarea, select, option, legend, fieldset {
		font-family: arial;
		color:#c8c8c8;
	}

	/* When declaring Link states, remember: LoVe HA : Link | Hover | Visited | Active */
	a:link, a:visited {
		color:#FFF;
		text-decoration: none;
	}
	a:hover, a:active {
		color: #999;
		text-decoration: none;
	}
	
	/* Titles  */
	h1, h2 {
		font-size: 2em;
		line-height: 1.3em;
		padding: 0;
		margin: 0;
	}

	/* Paragraph Styles */
	p {
		margin: 1em 0;
	}

	/* List Styles  */
	ul, ol {
		margin-left: 0;
	}

	/* Table Styles  */
	table {
		width: 99%;
	}
	tr.even td, tr.odd td {
		padding: 10px 5px;
	}
	tr.odd {
		background-color: #fff;
	}

	/* Code */
	pre, code {
		font-family: "monaco", "Courier New", monospace;
	}
	pre {
		background-color: #efefef;
		display: block;
		padding: 5px;
		margin: 5px 0;
		border: 1px solid #aaa;
	}

	/* List Styles */
	ul          { list-style-type: disc; }
	ul ul       { list-style-type: circle; }
	ul ul ul    { list-style-type: square; }
	ul ul ul ul { list-style-type: circle; }
	ol          { list-style-type: decimal; }
	ol ol       { list-style-type: lower-alpha; }
	ol ol ol    { list-style-type: decimal; }

	/* Abbreviation */
	abbr {
		border-bottom: 1px dotted #666;
		cursor: help;
		white-space: nowrap;
	}
	
	fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}


/** 2. General classes 
--------------------------------------------------*/

	/* Layout Helpers */

	/* remove ff links border */
	:active, :focus {outline:0;}

	/* Clear Floats Without Structural Markup: */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix { display: inline-block; }

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */

	.clear
	{
		clear: left;
	}
	.inactive{
		display:none;
	}
	

/** 3. Page layout 
--------------------------------------------------*/
	#page {
		width: 650px;
		margin: 0 auto;
		overflow:hidden;
	}
	
	
	#logo
	{
		position:relative;
		float:left;
		display:inline;
		width:650px;
		height:520px;
		background:url('/Content/crest.jpg') top center no-repeat;
	}	
	#linkrow
	{
		position:absolute;
		top:450px;
		float:left;
		display:inline;
		width:100%;
		height:20px;
	}
	#links_en{
		float:left;
		display:inline;
		margin: 0 0 0 237px;
	}
	#links_fr
	{
		float:left;
		display:inline;
		margin: 0 0 0 48px;
	}
	.links a{
		font-size: 15px;
		height:19px;
		text-transform:uppercase;
	}
	#banners{
		clear:both;
		float:left;
		display:inline;	
		margin:30px 0 30px 0;
		width:100%;
	}
	
	#select_cfrc
	{
		width:100%;
		text-align:center;
		margin-top:450px;
	}
	#select_cfrc select
	{
		color:red;
		background:#000;
	}
	#select_cfrc select option
	{
		color:#fff;
	}