/* @override 
	http://london2012.cswp.org.uk/css/basic.css
*/

/* @group generic */

* {
	font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

html {
	overflow: scroll;
}

.clearAll {
	clear: both;
}

p {
	padding-bottom: 5px;
}

h2.titleHeader {
	margin: 0;
	width: 648px;
	height: 32px;
	text-indent: -9999px;
	background-color: #777777;
}

#titleEventsHeader h2.titleHeader {
	background-image: url(../images/title_events.gif);
}

#titleNewsletterHeader h2.titleHeader {
	background-image: url(../images/title_newsletter.jpg);
}

#titleErrorHeader h2.titleHeader {
	background-image: url(../images/title_error.jpg);
}

#titleMediaHeader h2.titleHeader {
	background-image: url(../images/title_media.jpg);
}

#titleAdminHeader h2.titleHeader {
	background-image: url(../images/title_admin.jpg);
}

#titleCulturalHeader h2.titleHeader {
	background-image: url(../images/title_cultural.jpg);
}

#titleSportsVenuesHeader h2.titleHeader {
	background-image: url(../images/title_trainingcamp.gif);
}

#titleNewsHeader h2.titleHeader {
	background-image: url(../images/title_news.jpg);
}

#titleJourneyHeader h2.titleHeader {
	background-image: url(../images/title_yourjourney.jpg);
}

#titleBlogHeader h2.titleHeader {
	background-image: url(../images/title_blog.jpg);
}

#titleAboutHeader h2.titleHeader {
	background-image: url(../images/title_about.jpg);
}

#titlePartnersHeader h2.titleHeader {
	background-image: url(../images/title_partners.jpg);
}

#titleAcheivementsHeader h2.titleHeader {
	background-image: url(../images/title_acheivements.jpg);
}

#titleFlagshipHeader h2.titleHeader {
	background-image: url(../images/title_flagship.jpg);
}

#titleInvolvedHeader h2.titleHeader {
	background-image: url(../images/title_involved.jpg);
}

#titleHopefulsHeader h2.titleHeader {
	background-image: url(../images/title_hopefuls.jpg);
}

#titleRegionHeader h2.titleHeader {
	background-image: url(../images/title_region.jpg);
}

#titleContactHeader h2.titleHeader {
	background-image: url(../images/title_contact.jpg);
}

#titleFAQHeader h2.titleHeader {
	background-image: url(../images/title_faq.jpg);
}

#titleFameHeader h2.titleHeader {
	background-image: url(../images/title_fame.jpg);
}

#titleAthleticsHeader h2.titleHeader {
	background-image: url(../images/title_athletics.jpg);
}

#titleArcheryHeader h2.titleHeader {
	background-image: url(../images/title_archery.jpg);
}

#titleFencingHeader h2.titleHeader {
	background-image: url(../images/title_fencing.jpg);
}

#titleTableTennisHeader h2.titleHeader {
	background-image: url(../images/title_tabletennis.jpg);
}

#titleSwimmingHeader h2.titleHeader {
	background-image: url(../images/title_swimming.jpg);
}

#titleDownloadsHeader h2.titleHeader {
	background-image: url(../images/title_downloads.gif);
}

.contentText {
	float: left;
	width: 465px;
	margin-left: 20px;
	text-align: left;
	font-size: 11px;
	color: black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contentTextNoTopMargin {
	float: left;
	width: 465px;
	margin-left: 20px;
	text-align: left;
	font-size: 11px;
	color: black;
	margin-bottom: 10px;
}

.contentHeader {
	float: right;
	width: 465px;
	background-color: #287fbe;
	margin-left: 10px;
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	height: 20px;
}

.contentItem {
	float: left;
	width: 648px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.contentBottomItem {
	float: left;
	width: 648px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	border-top: 1px solid #2980BE;
}

.pic_left {
	border-top-style: none;
	border-bottom-style: none;
	float: left;
	clear: left;
}

.pic_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-style: none;
}

.introCopy {
	width: 638px;
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#titleHeader {
	width: 648px;
	height: 32px;
	background-color: #777777;
	float: left;
}

body {
	background: #2b8bd2;
}

h3.titleHeader {
	width: 465px;
	background-color: #287fbe;
	margin-left: 10px;
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	float: left;
}

h4.titleHeader {
	background-color: #287fbe;
	text-align: left;
	font-size: 20px;
	color: white;
	width: 400px;
	margin-bottom: 15px;
	line-height: 25px;
	padding: 10px;
	margin-top: 0;
}

h9.titleHeader {
	background-color: #287fbe;
	text-align: left;
	color: white;
	width: 410px;
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	height: 20px;
	font-size: 13px;
}

strong {
	text-align: center;
	font-weight: bold;
	color: black;
	background-position: 0 bottom;
	background-attachment: fixed;
	background-repeat: repeat-x;
}

.yellowheader {
	text-align: left;
	font-weight: bold;
	color: orange;
	background-position: 0 bottom;
	background-attachment: fixed;
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 16px;
}

.redheader {
	text-align: left;
	font-weight: bold;
	color: #C30E1E;
	background-position: 0 bottom;
	background-attachment: fixed;
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 16px;
}

.blueheader {
	text-align: left;
	font-weight: bold;
	background-position: 0 bottom;
	font-size: 12px;
	line-height: 16px;
	color: #287fbe;
}

a:link {
	color: #2980BE;
	text-decoration: none;
}

a:visited {
	color: #2980BE;
	text-decoration: none;
}

a:hover {
	color: #2980BE;
	text-decoration: underline;
}

a:active {
	color: #2980BE;
	text-decoration: underline;
}

#container {
	width: 825px;
	height: 80px;
	margin-bottom: 10px;
	padding-left: 15px;
	margin-top: 0;
}

#relatedSites {
	margin-left: 10px;
	margin-right: auto;
	float: left;
	width: 210px;
}

#fundingPartners {
	width: 130px;
	float: left;
}

#cwPartners {
	float: left;
	width: 430px;
	margin-left: 15px;
}

#container h1.header {
	background-color: #b4b4b4;
	margin-right: auto;
	height: auto;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 3px 0 3px 5px;
}

#logoBox1, #logoBox2, #logoBox3, #logoBox4, #logoBox5, #logoBox6, {
	position: absolute;
	width: 130px;
	height: 60px;
}

.mask {
	overflow: hidden;
	position: relative;
	height: 60px;
	float: left;
}

#cwPartners .mask {
	width: 107px;
}

#fundingPartners .mask, #relatedSites .mask {
	width: 130px;
}

#relatedSites .mask {
	margin-left: 40px;
}

.mask img {
	position: absolute;
	display: block;
	border-style: none;
}

/* @end */

/* @group splash */

#splash {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#yourJourney {
	background-image: none;
	float: left;
}

#enterWebsite {
	background-image: none;
	float: right;
}

/* @end */

/* @group page container */

#pageContainer {
	float: left;
	width: 648px;
}

#pageContainer table td {
	padding-bottom: 10px;
}

#pageContainer table td h7 {
	font-weight: bold;
}

/* @end */

/* @group main page containers */

#pageContainer div.contentItem div.contentTextNoTopMargin ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-top: 5px;
}

#pageContainer div.introCopy ul li {
	list-style-type: disc;
	margin-left: 15px;
}

#outerFrame {
	background-color: white;
	width: 825px;
	margin: 10px auto;
}

#pageContainer ul {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}

#pageContainer ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}

#about ul {
	font-size: 11px;
	line-height: 15px;
}

#about ul li {
	list-style-type: disc;
	font-size: 11px;
	line-height: 15px;
}

#pageContent {
	margin-top: 10px;
	float: left;
	position: relative;
	min-height: 620px;
	width: 480px;
}

#pageContent.wide {
	width: 645px;
}

/* @end */

/* @group navigation */

#nav {
	float: left;
	text-align: left;
	margin-bottom: 10px;
}

#nav h1 {
	width: 160px;
	height: 140px;
	margin: 0;
	padding: 0;
}

#nav h1 a {
	width: 160px;
	height: 0;
	background-image: url(../images/logo.jpg);
	margin: 0;
	float: left;
	padding-top: 140px;
	overflow: hidden;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 145px;
}

#nav ul li a {
	list-style-type: none;
	display: block;
	float: none;
	text-decoration: none;
	width: 120px;
	font-size: 11px;
	font-weight: bold;
	color: #7e7e7e;
	margin-left: 15px;
	padding: 6px 5px 7px;
	border-bottom: 1px solid #2b8bd2;
}

#nav ul li a:hover {
	display: block;
	float: none;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #2b8bd2;
	background-color: #eee;
}

#nav ul li a.media {
	height: 140px;
	border-bottom-style: none;
	width: 130px;
	margin-top: 10px;
	margin-left: 15px;
	padding: 0;
	overflow: hidden;
	color: #fff;
	background: #e4a115 no-repeat;
	position: relative;
}

#nav ul li a.media img {
	width: 130px;
	border-width: 0;
	border-style: none;
}

#nav ul li a.media span {
	float: left;
	height: 0;
	width: 130px;
	background: url(../images/header_media.gif) no-repeat;
	padding: 32px 0 0;
	overflow: hidden;
}

#nav ul li.socialLink {
	float: left;
	margin-left: 0;
	width: 130px;
	height: 23px;
	clear: left;
}

#nav ul li a.linkBadge {
	width: 130px;
	padding: 23px 0 0;
	border-bottom-style: none;
	overflow: hidden;
	height: 0;
	background-repeat: no-repeat;
	float: left;
	margin-top: 2px;
	background-position: 0 0;
}

#nav ul li a.linkBadge:hover {
	background-position: -130px 0;
}

#nav ul li a.newsletter {
	background-image: url(../images/social_links_newsletter.gif);
}

#nav ul li a.facebook {
	background-image: url(../images/social_links_facebook.gif);
}

#nav ul li a.twitter {
	background-image: url(../images/social_links_twitter.gif);
}

#nav ul li a.youtube {
	background-image: url(../images/social_links_youtube.gif);
}

div#subNavLayer {
	float: right;
	width: 155px;
	margin-top: 10px;
	text-align: left;
}

div#subNavLayer ul li {
	padding: 5px;
	float: left;
	border-bottom: 1px solid #2b8bd2;
	width: 145px;
	color: #7e7e7e;
	font-weight: bold;
	background-color: #ddd;
	cursor: pointer;
}

div#subNavLayer ul li span {
	font-weight: bold;
	width: 95px;
	float: left;
}

div#subNavLayer ul li a {
	
}

div#subNavLayer ul li a:hover {
	text-decoration: none;
}

div#subNavLayer ul li.active, div#subNavLayer ul li.active:hover {
	background-color: #fff;
	color: #000;
}

div#subNavLayer ul li:hover {
	text-decoration: none;
	color: #2b8bd2;
	background-color: #eee;
}

div#subNavLayer ul li img {
	width: 40px;
	float: left;
	padding-right: 5px;
	height: 40px;
}

#subNavLayer ul li.subNavDivider {
	margin-bottom: 20px;
}

#galleryHome table tbody tr td a img {
	
}

a.blog {
	text-indent: -9999px;
	background-image: url(../images/nav/up_blog.jpg);
	display: inline;
}

a.blog:hover {
	text-indent: -9999px;
	background-image: url(../images/nav/ov_blog.jpg);
	display: inline;
}

/* @end */

/* @group header */

#header {
	width: 648px;
	height: 42px;
	float: left;
	padding-bottom: 8px;
	background: url(../images/header_home.gif) no-repeat;
	position: relative;
}

.topNav {
	float: right;
	background-image: none;
	margin-top: 10px;
	padding: 0;
}

.topNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.topNav li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	margin-left: 2px;
	background-image: none;
}

.topNav a.admin {
	display: block;
	text-decoration: none;
	border-style: none;
	background-image: url(../images/admin.jpg);
	width: 18px;
	text-indent: -9999px;
	height: 20px;
	text-align: left;
}

.topNav a.admin:hover {
	display: block;
	text-decoration: none;
	border-style: none;
	background-image: url(../images/admin.jpg);
	width: 18px;
	text-indent: -9999px;
	height: 20px;
	text-align: left;
}

.topNav a.contact {
	display: block;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 65px;
	padding-right: 5px;
}

.topNav a.partners {
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
	width: 95px;
	padding-top: 5px;
	padding-right: 5px;
}

.topNav a.about {
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
	width: 95px;
	padding-top: 5px;
	padding-right: 5px;
}

.topNav a {
	display: block;
	text-decoration: none;
}

.topNav a:hover {
	background-image: none;
	color: #19547d;
}

div#headerWelcome {
	position: relative;
	left: 0;
	bottom: 0;
	float: left;
	border-bottom: 1px solid #ddd;
	width: 648px;
	margin-bottom: 7px;
}

#headerWelcome p {
	font-weight: bold;
	color: #2b8bd2;
	font-size: 16px;
	line-height: 18px;
	background: url(../images/header_welcome.gif) no-repeat 0 -2px;
	padding-bottom: 0;
	height: 0;
	padding-top: 31px;
	overflow: hidden;
}

/* @end */

/* @group main section */

#mainSection {
	width: 430px;
	height: 345px;
	float: left;
	margin-bottom: 10px;
}

embed#SOmonoSlideshow {
	
}

/* @end */

/* @group events */

#eventsMain {
	float: left;
	width: 420px;
	margin-top: 10px;
}

#eventsNavAccordion h5 {
	padding: 3px 10px 3px 20px;
	display: block;
	font-weight: bold;
	color: #333;
	background: #ddd url(../images/disclose-closed-blk.gif) no-repeat 0 bottom;
	cursor: pointer;
}

#eventsNavAccordion h5:hover {
	color: #000;
}

#eventsNavAccordion .active {
	background-image: url(../images/disclose-open-blk.gif);
	background-color: #ccc;
	color: #000;
}

#eventsNavAccordion ul li {
	float: left;
	width: 210px;
}

#eventsNavAccordion ul li a {
	float: left;
	width: 190px;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #7e7e7e;
	border-bottom: 1px solid #2b8bd2;
}

#eventsNavAccordion ul li a:hover {
	background-color: #eee;
	color: #2b8bd2;
	text-decoration: none;
}

#eventsNavAccordion ul.eventsNavContent {
	background-color: #fff;
	overflow: hidden;
}

#eventsArchive {
	width: 210px;
	text-align: left;
	float: right;
	margin-top: 10px;
}

#eventsArchive p.eventsLatest {
	float: left;
	background-color: #fff;
}

#eventsArchive p.eventsLatest a {
	font-weight: bold;
	float: left;
	width: 200px;
	background-color: #fff;
	padding-left: 10px;
}

#eventsArchive p.eventsLatest a:hover {
	background-color: #eee;
	color: #2b8bd2;
}

p.eventsNavLatest a {
	width: 190px;
	text-align: left;
	border-bottom: 1px solid #2980BE;
	float: left;
	padding: 5px 10px;
}

.eventsArchiveHeader {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-top: 5px;
	height: 20px;
	width: 200px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #287fbe;
}

div.eventsTitles {
	
}

#eventsMain div.eventsTitles h4.titleHeader {
	
}

#eventsMain div.eventsTitles ul li {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #2980BE;
	padding-right: 10px;
	padding-left: 10px;
	width: 400px;
}

#eventsMain div.eventsTitles ul li img {
	max-width: 100px;
	max-height: 100px;
	float: right;
	margin-left: 10px;
}

#eventsMain div.eventsTitles ul li a {
	display: block;
	font-weight: bold;
}

#eventsMain div.eventsTitles ul li span {
	color: #666;
}

#eventsMain div.eventsItem h4.titleHeader span {
	clear: left;
	display: block;
}

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

.eventsImage a {
	width: 220px;
	margin: auto;
	display: block;
}

div.eventsItem a {
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.pic_eventleft {
	margin-bottom: 10px;
	max-height: 290px;
	max-width: 220px;
}

/* @end */

/* @group news */

div#titleNewsHeader {
	
}

#newsNavAccordion h5 {
	padding: 3px 10px 3px 20px;
	display: block;
	font-weight: bold;
	color: #333;
	background: #ddd url(../images/disclose-closed-blk.gif) no-repeat 0 bottom;
	cursor: pointer;
}

#newsNavAccordion h5:hover {
	color: #000;
}

#newsNavAccordion .active {
	background-image: url(../images/disclose-open-blk.gif);
	background-color: #ccc;
	color: #000;
}

#newsNavAccordion ul li {
	float: left;
	width: 210px;
}

#newsNavAccordion ul li a {
	float: left;
	width: 190px;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #7e7e7e;
	border-bottom: 1px solid #2b8bd2;
}

#newsNavAccordion ul li a:hover {
	background-color: #eee;
	color: #2b8bd2;
	text-decoration: none;
}

#newsNavAccordion ul.newsNavContent {
	background-color: #fff;
	overflow: hidden;
}

span.newsTitle {
	font-size: 16px;
	color: #666666;
	display: block;
	padding-bottom: 5px;
}

span.newsDate {
	display: block;
	font-size: 11px;
	color: #2980BE;
}

#newsArchive span.newsDate {
	font-weight: bold;
	color: #666666;
	font-size: 13px;
	border-bottom-style: none;
	padding-top: 10px;
	padding-bottom: 0;
}

#newsArchive span.newsMonthDate {
	border-bottom: 1px solid #2980BE;
	color: #2980BE;
	font-weight: bold;
	font-size: 13px;
}

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

.newsImage a {
	width: 220px;
	margin: auto;
	display: block;
}

.pic_newsleft {
	background-color: #777777;
	margin-bottom: 10px;
	max-height: 290px;
	max-width: 220px;
}

#newsArchive {
	width: 210px;
	text-align: left;
	float: right;
	margin-top: 10px;
}

#newsArchive p.newsLatest {
	float: left;
	background-color: #fff;
}

#newsArchive p.newsLatest a {
	font-weight: bold;
	float: left;
	width: 200px;
	background-color: #fff;
	padding-left: 10px;
}

#newsArchive p.newsLatest a:hover {
	background-color: #eee;
	color: #2b8bd2;
}

p.newsNavLatest a {
	width: 190px;
	text-align: left;
	border-bottom: 1px solid #2980BE;
	float: left;
	padding: 5px 10px;
}

.newsArchiveHeader {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-top: 5px;
	height: 20px;
	width: 200px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #287fbe;
}

#newsMain {
	float: left;
	width: 420px;
	margin-top: 10px;
}

.newsText {
	text-align: left;
	font-size: 11px;
	color: black;
	margin: 10px;
}

#newsMain div.newsItem div.newsText ul {
	list-style-type: square;
	margin-left: 20px;
	padding-bottom: 10px;
}

#newsMain div.newsItem div.newsText ul li {
	list-style-type: square;
}

#newsMain div.newsItem h4.titleHeader span {
	display: block;
	clear: left;
}

.newsHeader {
	float: right;
	width: 465px;
	background-color: #F1AA18;
	margin-left: 10px;
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	height: 20px;
}

.newsItem {
	width: 420px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
}

#news {
	width: 210px;
	background-color: white;
	float: left;
	margin-left: 8px;
	height: 345px;
	overflow: hidden;
	margin-bottom: 10px;
}

#newsblue {
	width: 210px;
	background-color: white;
	float: left;
	margin-left: 8px;
}

#newsContent {
	float: left;
	height: 50px;
	width: 190px;
	margin-left: auto;
	margin-right: auto;
}

.boxList a {
	text-decoration: none;
	color: #333;
	line-height: 15px;
	font-size: 11px;
	text-align: left;
	float: left;
	padding: 8px 10px 5px;
}

.boxList a:hover {
	color: #000;
	background-color: #dfeef8;
}

.boxList a span {
	font-weight: bold;
}

#newsMain div.newsTitles h4.titleHeader {
	
}

div.newsTitles {
	
}

#newsMain div.newsTitles ul li {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #2980BE;
	padding-right: 10px;
	padding-left: 10px;
	width: 400px;
}

#newsMain div.newsTitles ul li span {
	color: #666;
}

#newsMain div.newsTitles ul li img {
	max-width: 100px;
	max-height: 140px;
	float: right;
	margin-left: 10px;
}

#newsMain div.newsTitles ul li a {
	display: block;
	font-weight: bold;
}

/* @end */

/* @group blog */

div#titleBlogHeader {
	
}

#blogNavAccordion h5 {
	padding: 3px 10px 3px 20px;
	display: block;
	font-weight: bold;
	color: #333;
	background: #ddd url(../images/disclose-closed-blk.gif) no-repeat 0 bottom;
	cursor: pointer;
}

#blogNavAccordion h5:hover {
	color: #000;
}

#blogNavAccordion .active {
	background-image: url(../images/disclose-open-blk.gif);
	background-color: #ccc;
	color: #000;
}

#blogNavAccordion ul li {
	float: left;
	width: 210px;
}

#blogNavAccordion ul li a {
	float: left;
	width: 190px;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #7e7e7e;
	border-bottom: 1px solid #2b8bd2;
}

#blogNavAccordion ul li a:hover {
	background-color: #eee;
	color: #2b8bd2;
	text-decoration: none;
}

#blogNavAccordion ul.newsNavContent {
	background-color: #fff;
	overflow: hidden;
}

span.blogTitle {
	font-size: 16px;
	color: #666666;
	display: block;
	padding-bottom: 5px;
}

span.blogDate {
	display: block;
	font-size: 11px;
	color: #2980BE;
}

#blogArchive span.blogDate {
	font-weight: bold;
	color: #666666;
	font-size: 13px;
	border-bottom-style: none;
	padding-top: 10px;
	padding-bottom: 0;
}

#blogArchive span.blogMonthDate {
	border-bottom: 1px solid #2980BE;
	color: #2980BE;
	font-weight: bold;
	font-size: 13px;
}

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

.blogImage a {
	width: 220px;
	margin: auto;
	display: block;
}

.pic_blogleft {
	background-color: #777777;
	margin-bottom: 10px;
	max-height: 290px;
	max-width: 220px;
}

#blogArchive {
	width: 210px;
	text-align: left;
	float: right;
	margin-top: 10px;
}

#blogArchive p.blogLatest {
	float: left;
	background-color: #fff;
}

#blogArchive p.blogLatest a {
	font-weight: bold;
	float: left;
	width: 200px;
	background-color: #fff;
	padding-left: 10px;
}

#blogArchive p.blogLatest a:hover {
	background-color: #eee;
	color: #2b8bd2;
}

p.blogNavLatest a {
	width: 190px;
	text-align: left;
	border-bottom: 1px solid #2980BE;
	float: left;
	padding: 5px 10px;
}

.blogArchiveHeader {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-top: 5px;
	height: 20px;
	width: 200px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #287fbe;
}

#blogMain {
	float: left;
	width: 420px;
	margin-top: 10px;
}

.blogText {
	text-align: left;
	font-size: 11px;
	color: black;
	margin: 10px;
}

#blogMain div.blogItem div.blogText ul {
	list-style-type: square;
	margin-left: 20px;
	padding-bottom: 10px;
}

#blogMain div.blogItem div.blogText ul li {
	list-style-type: square;
}

.blogHeader {
	float: right;
	width: 465px;
	background-color: #F1AA18;
	margin-left: 10px;
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	height: 20px;
}

.blogItem {
	width: 420px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
}

.boxList a {
	text-decoration: none;
	color: #333;
	line-height: 15px;
	font-size: 11px;
	text-align: left;
	float: left;
	padding: 8px 10px 5px;
}

.boxList a:hover {
	color: #000;
	background-color: #dfeef8;
}

.boxList a span {
	font-weight: bold;
}

#blogMain div.blogTitles h4.titleHeader {
	
}

div.blogTitles {
	
}

#blogMain div.blogTitles ul li {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #2980BE;
	padding-right: 10px;
	padding-left: 10px;
	width: 400px;
}

#blogMain div.blogTitles ul li img {
	max-width: 100px;
	max-height: 140px;
	float: right;
	margin-left: 10px;
}

#blogMain div.blogTitles ul li a {
	display: block;
	font-weight: bold;
}

/* @end */

/*

@group boxes */

div#boxes {
	width: 662px;
	float: left;
	margin-bottom: 0;
}

div#boxes div h3 {
	width: 210px;
	height: 0;
	padding-top: 32px;
	background-repeat: no-repeat;
	overflow: hidden;
}

h3#homeBoxHopefuls {
	background-image: url(../images/header_hopefuls.jpg);
}

h3#homeBoxJourney {
	background-image: url(../images/header_journey.jpg);
}

h3#homeBoxRegion {
	background-image: url(../images/header_region.jpg);
}

h3#homeBoxBlog {
	background-image: url(../images/header_blog.gif);
}

h3#homeBoxHost {
	background-image: url(../images/header_host.gif);
}

h3#homeBoxGodiva {
	background-image: url(../images/header_godiva.gif);
}

h3#homeBoxShakespere {
	background-image: url(../images/header_shakespere.gif);
}

div.homeBox {
	width: 210px;
	float: left;
	margin-right: 10px;
	height: 233px;
	margin-bottom: 10px;
}

div.homeBox.blue {
	background-color: #287fbe;
}

div.homeBox.gold {
	background-color: #e4a115;
}

div.homeBox.white {
	background-color: #fff;
}

div.homeBox img {
	width: 210px;
	height: 108px;
}

div.homeBox div.boxText {
	color: white;
	font-size: 11px;
	margin: 10px;
	text-align: left;
	line-height: 15px;
}

div.homeBox div.boxText a {
	color: white;
}

div.homeBox div.boxText a:hover {
	color: white;
	text-decoration: underline;
}

div.homeBox.double {
	width: 430px;
}

#boxHost {
	width: 430px;
	background-color: #e4a115;
	float: left;
	height: 233px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#boxHost div.boxText {
	color: white;
	font-size: 11px;
	margin: 10px;
	text-align: left;
	line-height: 15px;
}

#boxHost div.boxText a {
	color: white;
}

#boxHost div.boxText a:hover {
	color: white;
	text-decoration: underline;
}

#boxBlog {
	width: 210px;
	background-color: #fff;
	float: left;
	height: 233px;
	margin-bottom: 10px;
}

#news h3.homeBoxHeader {
	padding-top: 0;
	overflow: visible;
	width: 210px;
	height: 32px;
}

#news h3.homeBoxHeader a {
	background-image: url(../images/header_news.gif);
	float: left;
	width: 210px;
	height: 0;
	padding-top: 32px;
	overflow: hidden;
}

boxList a {
	line-height: 15px;
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 11px;
}

#boxContent {
	width: 210px;
	height: 300px;
	background-color: red;
	float: left;
	margin-right: 10px;
}

img.homeBoxBlogImg {
	max-width: 210px;
	max-height: 108px;
}

/* @end */

/* @group footer */

#footer {
	border-top: 1px solid silver;
	text-align: center;
	height: 30px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 795px;
}

/* @end */

/* @group journey */

.journeyItem_temp {
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
}

.journeyText {
	float: left;
	text-align: left;
	font-size: 11px;
	color: black;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 462px;
	padding-left: 10px;
	margin-left: 10px;
}

div.journeyItem {
	padding-left: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	background-color: #fff;
	min-height: 520px;
}

div.journeyItem h3 {
	float: right;
	width: 465px;
	background-color: #287fbe;
	text-align: left;
	font-size: 13px;
	color: white;
	margin-left: 0;
	margin-bottom: 5px;
	padding: 5px 10px;
}

div.journeyItem p {
	margin-left: 10px;
}

div.journeyItemFooter {
	clear: left;
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px solid #2b8bd2;
	float: left;
}

/* @end */

/* @group get involved */

div.involvedItem {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	background-color: #fff;
	min-height: 620px;
	width: 485px;
}

div.involvedItem p {
	margin-left: 10px;
	margin-right: 10px;
}

#pageContent div.involvedItem ul {
	margin-left: 10px;
	list-style-type: square;
}

#pageContent div.involvedItem ul li {
	margin-left: 15px;
}

div.involvedItem h3 {
	float: right;
	width: 465px;
	background-color: #287fbe;
	text-align: left;
	font-size: 13px;
	color: white;
	margin-left: 0;
	margin-bottom: 5px;
	padding: 5px 10px;
}

div.involvedItem img {
	float: left;
	clear: none;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0;
}

div.involvedItem img.pic_left {
	margin-right: 20px;
}

#subNavAccordion .toggler {
	background: #767676 url(../images/disclose-closed-wht.gif) no-repeat left 6px;
	padding: 5px 5px 5px 20px;
	color: #ccc;
}

#subNavAccordion .toggler:hover {
	color: #fff;
}

#subNavAccordion .active {
	background-image: url(../images/disclose-open-wht.gif);
	background-color: #287fbe;
	color: #fff;
}

#subNavAccordion .toggler h4 {
	font-weight: bold;
}

.toggler {
	cursor: pointer;
}

.toggler:hover {
}

.element {
}

/* @end */

/* @group flagship */

div.flagshipItem {
	padding-left: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	background-color: #fff;
	min-height: 520px;
}

div.flagshipItem p {
	margin-left: 10px;
}

#pageContent div.flagshipItem ul {
	margin-left: 10px;
	list-style-type: square;
}

#pageContent div.flagshipItem ul li {
	margin-left: 25px;
}

div.flagshipItem h3 {
	width: 465px;
	background-color: #287fbe;
	text-align: left;
	font-size: 13px;
	color: white;
	margin-left: 0;
	margin-bottom: 5px;
	padding: 5px 10px;
}

div.flagshipItem img {
	margin-bottom: 10px;
	max-height: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

div.flagshipItem img.pic_left {
	margin-right: 20px;
}

div#contentLinkArea {
	border-top: 1px solid #287fbe;
	padding-top: 5px;
	margin-top: 10px;
	padding-left: 10px;
}

div#contentLinkBox {
	float: left;
	margin-right: 10px;
	width: 225px;
	min-height: 10px;
}

#contentLinkBox h5 {
	font-weight: bold;
	background-color: #287fbe;
	padding: 5px;
	color: #fff;
}

#pageContent div#contentLinkBox ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#pageContent div#contentLinkBox ul li {
	margin-left: 5px;
	margin-top: 5px;
}

/* @end */

/* @group hopefuls */

div.hopefulsItem {
	padding-left: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	background-color: #fff;
	min-height: 520px;
	width: 100%;
}

div.hopefulsItem p {
	margin-left: 10px;
	padding-bottom: 2px;
}

div.hopefulsItem p span {
	font-weight: bold;
	color: #287fbe;
	display: inline-block;
	text-align: right;
}

div.hopefulsItem p span.hopefulsTextSubhead {
	text-align: left;
	width: inherit;
	margin-top: 10px;
}

#pageContent div.hopefulsItem div.hopefulsText ul {
	margin-left: 30px;
	list-style-type: square;
}

#pageContent div.hopefulsItem img {
	float: right;
	max-width: 200px;
}

/* @end */

/* @group training camps */

div.trainingItem {
	padding-left: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	background-color: #fff;
	min-height: 520px;
}

div.trainingItem h3 {
	width: 465px;
	background-color: #287fbe;
	text-align: left;
	font-size: 13px;
	color: white;
	margin-left: 0;
	margin-bottom: 5px;
	padding: 5px 10px;
}

div.trainingItem p {
	margin-left: 10px;
}

div.trainingItem img {
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	display: block;
	width: 465px;
}

div.trainingItemFooter {
	clear: left;
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px solid #2b8bd2;
	float: left;
}

/* @end */

/* @group hall of fame */

div#scroller {
	padding-top: 5px;
	width: 648px;
	height: 170px;
	overflow: hidden;
	float: left;
	white-space: nowrap;
}

#scroller ul {
	height: 170px;
	width: 3730px;
	list-style-type: none;
}

#scroller ul li {
	width: 140px;
	height: 160px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #fff;
	float: left;
	padding-top: 5px;
}

#scroller ul li.scrollerActive {
	background-color: #cee9ec;
	border-color: #287fbe;
}

#scroller ul li:hover {
	border-color: #ccc;
	background-color: #eee;
	cursor: pointer;
}

#scroller ul li:active {
	border-color: #287fbe;
	background-color: #eee;
	cursor: pointer;
}

#scroller ul li img {
	
}

#scroller ul li p {
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 0;
}

/* wrap to make sure that image area is clickable */

#wrap {
	float: left;
	clear: both;
	width: 648px;
	height: 40px;
	background: url(../images/slider_bg.gif) no-repeat right;
	position: relative;
}

/* horizontal track */

#track {
	width: 648px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

/* horizontal track handle */

#handle {
	width: 64px;
	height: 23px;
	margin-top: 17px;
	cursor: pointer;
	position: absolute;
}

div#fameContainer {
	position: relative;
	clear: left;
	height: 750px;
}

div.fameSlide {
	width: 650px;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: #fff;
}

div.fameLeftColumn {
	width: 350px;
	float: left;
	margin-top: 10px;
	text-align: left;
}

div.fameLeftColumn h4 {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	height: 20px;
	width: 340px;
	float: left;
	background-color: #287fbe;
	margin-bottom: 3px;
}

div.fameLeftColumn img {
	padding-right: 6px;
	padding-bottom: 6px;
}

div.fameRightColumn {
	margin-top: 10px;
	text-align: left;
	float: right;
	width: 290px;
}

div.fameRightColumn h4 {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	height: 20px;
	float: left;
	margin-bottom: 10px;
	background-color: #287fbe;
	width: 278px;
}

div.fameRightColumn p {
	padding-left: 10px;
	padding-right: 10px;
}

p.fameDeceased {
	color: #999;
}

div.fameLeftColumn div {
	background-color: white;
}

div.fameLeftColumn div h5 {
	padding: 3px 10px 3px 20px;
	display: block;
	font-weight: bold;
	color: #333;
	background: #ddd url(../images/disclose-closed-blk.gif) no-repeat 0 bottom;
}

div.fameLeftColumn div h5:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #ddd;
	color: #000;
}

div.fameLeftColumn div h5.accToggleAct {
	background-color: #ccc;
	color: #000;
	background-image: url(../images/disclose-open-blk.gif);
}

div.fameLeftColumn div div {
	overflow: hidden;
	background-color: white;
}

div.fameLeftColumn div div p {
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
}

div.fameLeftColumn div div p span {
	font-weight: bold;
}

#pageContainer div.fameLeftColumn div div td {
	padding-bottom: 0;
	padding: 5px;
	font-size: 10px;
}

/* @end */

/* @group newsletter */

#newsletterMain {
	float: left;
	width: 420px;
	text-align: left;
	padding-top: 10px;
}

#newsletterCopy {
	float: left;
	width: 410px;
	text-align: left;
	margin-left: 10px;
}

#newsletterArchive {
	width: 210px;
	float: right;
	margin-top: 10px;
	text-align: left;
}

#newsletterArchive p {
	float: right;
	text-align: left;
	padding-left: 10px;
	width: 200px;
}

.newsletterArchiveHeader {
	background-color: #287fbe;
	text-align: left;
	font-size: 13px;
	color: white;
	padding-top: 5px;
	height: 20px;
	width: 200px;
	padding-left: 10px;
	margin-bottom: 10px;
}

/* @end */

/* @group admin */

#adminInfo {
	margin-left: 8px;
	margin-top: 10px;
}

#adminInfo table {
	margin-top: 10px;
	width: 100%;
	border-style: none;
	color: black;
}

#adminInfo table td {
	border-style: none;
	padding-left: 4px;
	height: 24px;
}

#adminInfo table td.date {
	padding-left: 4px;
	width: 150px;
	background-color: #319fe3;
	color: white;
}

#adminInfo table td.name {
	padding-left: 4px;
	background-color: #319fe3;
	color: white;
	width: 100px;
}

#adminInfo table td.telephone {
	padding-left: 4px;
	background-color: #319fe3;
	color: white;
	width: 90px;
}

#adminInfo table td.email {
	padding-left: 4px;
	background-color: #319fe3;
	color: white;
	width: 185px;
}

#adminInfo table td.view {
	padding-left: 4px;
	background-color: #319fe3;
	color: white;
	width: 35px;
}

#adminInfo table td.action {
	background-color: #319fe3;
	color: white;
	width: 40px;
	padding-left: 4px;
}

#adminInfo h2.titleheader {
	background-color: #287fbe;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: white;
	clear: left;
}

#adminInfo ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* @end */

/* @group achievement */

div#achievementContent {
	position: relative;
}

div.achievementSlide {
	position: absolute;
	top: 0;
	background-color: #fff;
	left: 0;
}

div.acheivementItem {
	border-top: 1px solid #2b8bd2;
	margin-top: 5px;
	padding-top: 5px;
	margin-left: 170px;
}

#pageContent div.acheivementItem img {
	width: 40px;
	height: 40px;
	float: left;
}

#pageContent div.acheivementItem p {
}

#achieveContentItem {
	margin-top: 10px;
	float: left;
	width: 470px;
	margin-left: 15px;
	text-align: left;
}

#achieveImages {
	float: left;
	width: 160px;
}

.pic_left_achieve {
	border-top-style: none;
	border-bottom-style: none;
	float: left;
	margin-bottom: 10px;
}

#achieveContentItem ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#achieveContentItem ul li {
	font-size: 11px;
	line-height: 15px;
	margin-right: 0;
	list-style-position: outside;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #2b8bd2;
}

div#relatedLinks {
	background-color: #eee;
	padding: 10px 10px 0;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#relatedLinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#relatedLinks ul li {
	min-height: 32px;
	background: url(../images/icon_gen.gif) no-repeat;
	display: block;
	font-size: 11px;
	padding-left: 40px;
	line-height: 13px;
	color: #666;
	margin-bottom: 11px;
}

#relatedLinks ul li a {
	color: #09f;
	text-decoration: none;
	font-size: 12px;
	margin-bottom: 2px;
	font-weight: normal;
	font-style: normal;
}

#relatedLinks ul li a:hover {
	text-decoration: underline;
}

#relatedLinks ul li span {
	padding-top: 5px;
	color: #333;
}

#relatedLinks ul li.downloadPDF {
	background-image: url(../images/icon_pdf.gif);
}

#relatedLinks ul li.downloadDOC {
	background-image: url(../images/icon_doc.gif);
}

#relatedLinks ul li.downloadXLS {
	background-image: url(../images/icon_xls.gif);
}

#relatedLinks ul li.downloadPPT {
	background-image: url(../images/icon_ppt.gif);
}

#relatedLinks ul li.downloadIMG {
	background-image: url(../images/icon_img.gif);
}

/* @end */

/* @group about */

.aboutImages {
	margin-top: 10px;
}

/* @end */

/* @group media */

#galleryImageLeft {
	float: left;
	width: 150px;
	margin-bottom: 10px;
}

#galleryImageMiddle {
	float: left;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#mediaImageLeft {
	float: left;
	width: 150px;
	margin-bottom: 10px;
	height: 225px;
}

#mediaImageMiddle {
	float: left;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 225px;
}

div.gallerySlide {
	position: absolute;
	width: 480px;
	top: 0;
	left: 0;
	background-color: #fff;
}

#galleryContent {
	float: left;
	margin-top: 10px;
	width: 480px;
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;
}

#galleryContent ul {
	list-style-type: none;
}

#galleryContent ul li {
	float: left;
}

#galleryContent ul li a {
	width: 150px;
	float: left;
	padding-left: 10px;
	text-align: left;
	color: #7e7e7e;
	padding-bottom: 10px;
	min-height: 220px;
}

#galleryContent ul li a:hover {
	text-decoration: none;
	color: #2b8bd2;
}

#mediaHome {
	margin-top: 5px;
	float: left;
	width: 126px;
}

#mediaHome ul {
	float: left;
}

#mediaHome ul li {
	
}

#mediaHome ul li a {
	width: 128px;
	height: 60px;
	padding-bottom: 0;
	text-indent: -999px;
	background-image: url(../images/media_home_01.jpg);
}

#mediaHome ul li a:hover {
	width: 128px;
	height: 60px;
	padding-bottom: 0;
	text-indent: -999px;
	background-image: url(../images/media_home_01.jpg);
}

div.galleryTitle {
	padding-top: 5px;
	text-align: left;
}

h8.mediaHeader {
	text-align: left;
	color: white;
	font-size: 11px;
	background-color: #F1AA18;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 126px;
	float: left;
}

/* @end */

/* @group contact */

div#contactContainer {
	padding-top: 10px;
}

#contactContainer form p {
	clear: left;
	margin-bottom: 5px;
}

#contactContainer form p label {
	text-align: right;
	width: 120px;
	vertical-align: middle;
	display: inline-block;
}

#contactContainer form p input {
	margin-left: 5px;
	font-size: 14px;
	width: 300px;
	vertical-align: middle;
}

#contactContainer form p input.submit {
	width: inherit;
	margin-left: 125px;
}

#contactContainer form p select {
	vertical-align: middle;
	width: 300px;
}

#contactContainer form p textarea {
	vertical-align: top;
}

/* @end */