/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/***************************************************************************/
body { 
	background-color:#ececec;
	font: normal normal 75%/1.3 Tahoma, Verdana, Arial, sans-serif;
	color:#666;
	padding:10px 0 2em 0;
}

p { margin: 0 0 .7em 0; }

.vignette {
float:left;
margin: 0 10px 10px 0;
}

/*.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/

#page {
	margin: 0 auto;
	width:774px;
}

#main-page { 
	border:1px solid #ddd;
}

#main-page-in {
	overflow:hidden;
	padding:5px 8px 2.5em 8px;
	background-color:#fff;
}

#header {
	position:relative;
	background: #fff url(./images/header_bgd.jpg) no-repeat 0 100%;
	height:140px;
}
#footer {
	margin:10px 0 0 0;
	border:1px solid #ddd;
	font-size:.90em;
}
#footer-in {
	padding:10px 0 10px 7px;
	background-color:#fff;
}
#footer-in p { margin:0; color:#999;}
#footer-in img { float:left; }


h1 {
/*	width:270px;
	color:#fff;
	font-size:2.8em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .3em;
	line-height:.7;
	text-align:center;*/
	
	text-indent: -9999px;
}
h1 span {
	font-size:.38em;
	font-weight: 500;
	letter-spacing: .2em;
}
/***************************************************************************/
/*** Menus ***/
#top-menu a,
#main-menu a,
#bottom-menu a {
	text-decoration: none;
}
#top-menu a:hover,
#bottom-menu a:hover {
	text-decoration:underline;
}

#top-menu { margin:5px 0 0 10px; font-size:.9em; }
#top-menu li,
#bottom-menu li {
	display:inline;
	list-style-type: none;
	background: transparent url(./images/v_dot_tile.png) repeat-y 100% 0;
	padding: 0 5px 2px 0;
	margin: 0 3px 0 0;
}

#top-menu li.last,
#bottom-menu li.last {
	background-image:none;
}


#top-menu a,
#bottom-menu a {
	color:#666;
}

/*** Main Menu ***/
#main-menu {
	width:100%;
	position:relative;
	/*overflow:hidden;*/
	float:left;
	margin:0 0 2.5em 0;
	background:#222;
	font-family: Arial, Helvetica, sans-serif;
}
#main-menu li {
	font-size:1.1em;
	float:left;
	list-style-type: none;
	margin:0;
}
#main-menu li a {
	color:#fff;
	display:block;
	padding: 6px 1.04em;
}

#main-menu li.sfhover a,
#main-menu li:hover a,
#main-menu li.current a	 {
	background:#fff;
	color:#2e0030;
	border-top:4px solid #87c916;
	padding-top: 2px;	
}

/*** Main Menu Sub Menus ***/
#main-menu ul  {
	position:absolute;
	left:-9999px;
	width: 740px;
	padding: 0 0 0 10px;
	background: #fff;
	
}
#main-menu li.sfhover ul,
#main-menu li:hover ul,
#main-menu li.current ul  { 
	left:0;
}
#main-menu li.sfhover ul,
#main-menu li:hover ul{
	z-index: 100;
        height:30px;
}

#main-menu ul li {
	font-size:.95em;
	margin:0;
}
/*#main-menu ul a {
	color:#2e0030;
}*/
#main-menu li.sfhover ul a,
#main-menu li:hover ul a,
#main-menu li.current ul a {
	background: transparent url(./images/v_dot_tile_2.png) repeat-y 100% 0;
	padding: 2px 10px 2px 0;
	margin: 4px 10px 0 0;
	border-top:0;
}
#main-menu ul a:hover,
#main-menu ul li.current {
	text-decoration: underline;
}

#top-menu { }
#top-menu #home { }
#main-menu { }
#bottom-menu { }

/*** Crumbtrail ***/
#crumbtrail {
	clear: left;
	border-top: 4px solid #f3f3f3;
	margin-top: 0;
	padding: .5em 0 0 10px;
	color: #2e0030;
}
#crumbtrail a {
	text-decoration: underline;
	color: #2e0030;
        text-transform:capitalize;
}

/***************************************************************************/
/*** Search ***/
#searchform {
	position:absolute;
	top:92px;
	left:470px;
	width:277px;
	height:36px;
	background: transparent url(./images/search_bgd.png) no-repeat;
}
#searchform #keywords { float:left; width:197px; border:1px solid #694f2a; margin:8px 5px 0 5px; padding:2px 1px; font-size:1em;}

#searchform label { display:block; height:0; overflow:hidden;}

#search-button { margin:6px 0 0 0; }

/**** Search results ****/
.search-result { margin:1em 0 1em 0 }
#main-content .search-result p { margin:0 }
#filter-results { display:none; }
.paginate a { text-decoration: none; }


/***************************************************************************/
/*** Main Content ***/
#main-content {
	float:left;
	width:534px;
	margin-right:14px;
	padding-left: 8px;
}
#side-content {
	float:left;
	width:198px;
}

#main-content h2 {
	clear:left;
	font-size:1.4em;
	margin: 1em 0 1em 0;
	color:#71a104;
}

#main-content.home h2 {
	font-size:1em;
	margin: 0 0 1.5em 0;
	color:#999;
}

#main-content h3 {
       	color:#71a104;
        font-weight:bold;
        margin:0 0 1em 0; 
}

#main-content.home h3 {
        margin: 0; 
}

li {margin: .5em 0 .5em 5px;}
h4 {margin:1em 0;}

#main-content h4 { font-weight:bold;  }
#main-content h3.block,
#side-content h3.block {
	float:left;
	font-size:1em;
	padding:.1em .7em;
	line-height:1.8;
	color:#fff;
	font-weight:normal;
        margin-bottom:0;
}
#main-content h3.block {
	background: #73a104 url(./images/green_gradient.jpg) no-repeat 50% 0;
}
#side-content h3.block {
	background: #228cc1  url(./images/blue_gradient.jpg) no-repeat 50% 0;
}

#main-content ul {
        margin:1em 0 1em 10px; 
}
#main-content ol {
        margin:1em 0 1em 20px; 
}


#main-content .box,
#side-content .box {
	clear:left;
	background: #f3f3f5;
	padding:.8em 10px .4em 10px;
	margin:0 0 1.5em 0;
        overflow:hidden;
}
#side-content .box .label { margin-right: 5px; }

#side-content .box img { float:left; width:61px;  margin-right:10px;}

#side-content p.right-aligned {
        margin: .7em 0;
        text-align:right;
}
#side-content ul {
        margin: 0 0 1em 1em;
}
#side-content li {
        list-style-type:square;
        margin:0;
}

#main-content a,
#main-content p.date { color:#71A104;}
#side-content a { color:#238CBF;}

#main-content p { margin: 0 0 1em 0; }
#main-content p.date { margin: -1.2em 0 2em 0;}
#press-release-picture, #entry-picture { float:right; width:174px; margin: 0 0 .5em 10px;}
#press-release-picture p, #entry-picture p { padding: 1em; font-size:.9em; color:#555; background-color:#f3f3f5;  }
#press-release-picture img, #entry-picture img { width:174px; }

/*** Home Page ***/
#latest-news {
	clear:left;
	overflow:hidden;
	width:530px;
	background: transparent url(./images/latest_news_bgd.png) repeat-y 75% 0;
}
#latest-news p,
#latest-news p.date { margin: 0; }



#latest-news #main-news {
	float:left;
	width:365px;
	padding-left:6px;
}


#latest-news #main-news img { width:371px; margin:0 0 0 -6px;}

#latest-news #main-news h4 { color: #538f06; font-size:1.25em; }
#latest-news #main-news p { margin: .5em 8px 1em 0; }

#latest-news #side-news { width:159px; float:left; background-color:#f3f3f5;}
#latest-news #side-news ul { list-style-type:none; margin:0; }
#latest-news #side-news li {
	border-bottom: 1px solid #dedee0;
	padding: 7px 0 10px 0;
	margin: 0 7px;
}
#latest-news #side-news li.last {
	border-bottom: 0;
}
#latest-news #side-news .feeds {
	background:#dedede;
        margin:0;
}
#latest-news #side-news .feeds li {
	border-bottom: 0;
	margin: 4px 0 0 7px;	
}



#london-2012,
#london-2012-media-centre {
	float:left;
	width:255px;
	margin:1.5em 18px 0 0;
}
#london-2012-media-centre { margin-right: 0; }

#london-2012 div,
#london-2012-media-centre div {
	clear:left;
	background-color:#f3f3f5;
	padding:10px 5px;
       min-height:130px;
}


/*** Pagination ***/
.paginate {
	margin: 1.5em 0;
}

/*** Icons ****/
.external {
	padding-right: 18px;
	background: transparent url(./images/icons/external.png) no-repeat 100% 50%;
}
.download {
	
}

.pdf, .word {
        display:block;
        padding-bottom:2px;
        padding-top:2px;
	padding-left: 20px;
	background: transparent url(./images/icons/pdf.png) no-repeat 0 50%;
}

.with-vignette {float:left; clear:left;}

.word {
	background: transparent url(./images/icons/word.png) no-repeat 0 50%;
}
.rss {
	padding-left: 20px;
	background: transparent url(./images/icons/rss.png) no-repeat 0 50%;
}





#toolbar {
	text-align: right;
	float: right;
	margin: .5em 0 0 0;
	line-height:1.6;

}
#toolbar a {
	padding-right: 25px;
}


#toolbar #email {
	background: transparent url(./images/icons/mail.png) no-repeat 100% 50%;
}
#toolbar #print {
	background: transparent url(./images/icons/print.png) no-repeat 100% 50%;	
}

/**** Press Releases ****/
#main-content #press-releases { margin: 1em 0 2em 0; }
#main-content.press_releases_by_year h2 {
	color: #538f06;
}
#main-content .press-release { margin: 1em 0; }
#side-content .press-release { margin: 0 0 1em 0; }
#press-releases p { margin-bottom: 0; }
#press-releases h3 { clear: left; }

#main-content #months { 
	margin: 2.5em 0 0 1px; 
	position: relative;
	height: 20px;
}

/* My Comment */
#months li {
	float: left;
	list-style-type: none;
	position: absolute;
	top: 0;
	width: 46px;
	height: 20px;
	background: transparent url(./images/tabs/month_off.png) no-repeat;
	margin:0;
}
#months a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #999;
	font-weight: bold;
	font-size: .95em;
	line-height: 20px;
	padding-left: 4px;
}

#months .jan { left: 0;     z-index: 21;}
#months .feb { left: 44px;  z-index: 20;}
#months .mar { left: 88px;  z-index: 19;}
#months .apr { left: 132px; z-index: 18;}
#months .may { left: 176px; z-index: 17;}
#months .jun { left: 220px; z-index: 16;}
#months .jul { left: 264px; z-index: 15;}
#months .aug { left: 308px; z-index: 14;}
#months .sep { left: 352px; z-index: 13;}
#months .oct { left: 396px; z-index: 12;}
#months .nov { left: 440px; z-index: 11;}
#months .dec { left: 484px; z-index: 10;}

#months .current, #months :hover {
	z-index: 22;
	background: transparent url(./images/tabs/month_on.png) no-repeat;
}
#months .current a, #months :hover a {
	color: #538f06;
}
h3#month {
	clear: left;
	background-color: #daeca8;
	color: #538f06;
	font-size: 1.3em;
	padding: .5em 8px;
        margin:0;
	text-transform: capitalize;
}

a#all-press-releases {
	float: right;
	margin: .7em 8px;
}



#list-press-releases {
	padding: 1em 8px 1px 8px;
	background-color: #f3f5f5;
	margin: 0 0 1.5em 0;
}
#list-press-releases p {
	margin: 0 0 1.2em 0;
}
#latest-press-releases {
	background-color: #e6f6b3;
	padding: 0 8px;
}
#latest-press-releases a {
	color: #5e9617;
}
#latest-press-releases h3 {
	background-color: #cee97e;
	margin: 0 -8px;
	padding: .4em 8px;
}
#latest-press-releases h3 a {
	color: #577a03;
}
#latest-press-releases p {
	margin: 1em 0 0 0;
}
#latest-press-releases ul {
	list-style-type: none;
	padding: 0 0 1em 0;
}

div#latest-press-releases li {
margin:0;
}


/**** All press releases ****/
#list-months { margin: 0 0 0 0; }
#list-months ul { list-style-type:none; float:left; width:80px; margin: 0 0 0 0;}
div#all-press-releases {
clear:left;
padding:1em 0 0 0;
}
div#all-press-releases h3 {
color:#666;
text-transform:capitalize;
margin:1.5em 0 .5em 0;
}
div#all-press-releases p {
color:#666;

}

.back-to-top { margin: 1.5em 0 1.5em 0}




/**** Newsletter ****/
#newsletter-current-edition { margin: 1em 0 1em 0; overflow:hidden;}
#newsletter-current-edition h3,  #newsletter-current-edition p { margin-left:0; }
#newsletter-current-edition h3 {margin-bottom:1em; }
#newsletter-current-edition .vignette { float:left; width:109px; margin-right:10px;}
#newsletter-current-edition .with-vignette {float:left;}
#newsletter-previous-editions { clear:left; } 
#newsletter-previous-editions h4 { margin-left:0;}
/* #newsletter-previous-editions a.pdf { display:block; padding-top:2px; padding-bottom:2px;} */

/***** Register *****/
#register-form {
clear:left;
margin-left:0;
border-collapse:collapse;
width:545px;
}

#register-form tr {
background-color:#fafafa;
}

#register-form tr.odd {
background-color:#f3f3f5;
}

#register-form td {
border-bottom:1px solid #e1e1e3;
padding: 8px 10px;
}

#register-form td.notice { color:#333; }
#register-form td.borderless { border:0; }

#entryform h3 { margin-top:1em; }
#entryform h3,
#register-form td p { margin-left:0; }
#register-form td .submit  { margin-left: 355px; }

#entryform input.text,
#entryform select { width:305px; }

 #terms { height: 15em; background:#fff; color:#333; border:1px solid #999; overflow:auto; padding:5px; width:295px; }

/**** error Screen ****/
#main-content.error ul {
list-style-type:none;
}
#main-content #msg {
margin:1em 0 1em 0;
}
/***** Subentries *****/
#main-content  ul.subentries { margin:1em 0 0 0; clear:both;}
.subentries li { padding:10px; overflow:hidden; margin:0; }
.subentries h3 {}
.subentries img { float:left; width: 61px; margin-right:10px; }
.subentries li div { float:left; width: 424px;}
.subentries .lighter { background: #e6f6b3; }
.subentries .darker { background: #cce497; }

/***** Attachments *****/
#main-content  ul.attachments { margin:1em 0 0 0; clear:both;}
.attachments li { padding:10px; overflow:hidden; margin:0; }
.attachments h3 {}
.attachments img { float:left; width: 50px; margin-right:10px; }

/**** Links ****/
#main-content  ul.links { margin:1em 0 0 0; clear:both;}
.links li { padding:10px; overflow:hidden; margin:0;}
#main-content .links h3 { margin-bottom:0;}
.links img { float:left; width: 109px; margin-right:10px; }
.links div { margin-left:109px; line-height:1.5; }

/*** Team Members ***/
#main-content ul.team-members, 
#main-content ul.team-members ul {list-style-type:none; margin:0;}
.team-members li {float:left; width:230px; margin:0 15px 2em 0; background-color:#e6f6b3; padding:0 10px 10px 10px; }
.team-members li.first-item { clear:left; }
#main-content .team-members h3 { margin:0 -10px; padding: 5px 10px; background-color:#cce497; min-height:2.6em;}

.team-members p { margin:0; }
.team-members li li { width:auto; padding:0; margin: .5em 0; }

/*** Photos and Films ***/
.box table { float:left; width:170px; margin-right:10px; }
.box table td { padding:5px; }
#main-content .box h4 { font-weight:normal; color:#71A104; margin:0 0 .5em 0; font-size:1.2em; }

/*** Site Map ***/
#site-map { list-style-type:none; }
#site-map li { margin:1em 0; }
#site-map dl dt { font-weight:bold; }
#site-map dl dd { margin: 0 0 0 15px; }
#site-map dl ul { list-style-type:none;  }
#site-map dl li { margin:0 0 0 15px; }

/*** Research Resources ***/
#main-content #list-categories ul { clear:right; float:left; width:220px; margin-left:0; }
.research-resource { list-style-type:none; margin-left:1em; }
#category-1 { clear:left; }


/*** Tables ***/
.olympic-medals {
  border-collapse:collapse;
  width:530px;
  margin: 1em 0;
}

.olympic-medals th { font-weight:bold; background: #e6f6b3; }
.olympic-medals th,
.olympic-medals td { padding: 5px 10px; }
.olympic-medals .darker td {background: #cce497; }
.olympic-medals .lighter td { background: #e6f6b3; }

/*** carousel ***/

#carrousel {
	float:left;
	margin:1.5em 0 0 0;
        padding: 0 0 25px 0;
	width:532px;
       background:#f3f3f5;
    position: relative;
}

#carrousel p {
      position: absolute;
      bottom: 0px ;
      right:10px;
      z-index:10;
}


#click-home { 
height:105px;
margin:0 0 0 0;
width:460px;
cursor:pointer;
 }