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

/* @group global */

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

html {
	overflow: scroll;
}

body {
}

.clearAll {
	clear: both;
}

p {
	margin-bottom: 5px;
}

img {
	border-style: none;
}

#pageContent ul, .eventsText ul, .newsText ul, .blogText ul {
	margin-left: 20px;
	list-style-type: square;
	margin-bottom: 20px;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

h2.titleHeader {
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #fff;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
}

h4.titleHeader {
	text-decoration: none;
	color: #fff;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	margin-bottom: 10px;
	padding: 5px 10px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.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;
}

div#partnerLogos {
	width: 958px;
	height: 100px;
	display: none;
}

div#fundingPartners {
	width: 212px;
	float: left;
	height: 100px;
	margin-right: 20px;
	margin-left: 10px;
}

div#cwPartners {
	width: 454px;
	float: left;
	margin-right: 30px;
	margin-left: 10px;
}

div#relatedSites {
	width: 212px;
	float: left;
}

#partnerLogos h3 {
	height: 30px;
}

#partnerLogos h3 span {
	text-decoration: none;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	display: block;
}

#partnerLogos .logoBox {
	position: relative;
	float: left;
	height: 60px;
	top: 0;
	left: 0;
}

#partnerLogos .logoBox a {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	display: block;
}

#logoBox1, #logoBox6 {
	width: 130px;
	height: 60px;
	margin-left: 41px;
}

#logoBox2, #logoBox3, #logoBox4, #logoBox5 {
	width: 106px;
	height: 60px;
	margin-left: 5px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

*::-moz-focus-inner { 
	border: none; 
}



/* @end */

/* @group page container */

#pageContainer {
	float: left;
	width: 696px;
	position: relative;
	margin-left: 10px;
}

#outerFrame {
	width: 968px;
	margin: 10px auto;
	padding-left: 10px;
	background-color: #fff;
}

#pageContent {
	float: left;
	position: relative;
	width: 454px;
	margin-right: 0;
}

#pageContent.wide {
	width: 695px;
}

/* @end */

/* @group header */

div#pageHeader {
	float: left;
	height: 141px;
	width: 716px;
	position: relative;
}

div#headerLogin {
	position: absolute;
	top: 10px;
	right: 122px;
	z-index: 10;
}

div#headerLogin p {
	margin-bottom: 0;
}

div#headerLogin p a {
	background-image: url(../img/admin/lock_16x16_wht.png);
	width: 16px;
	height: 0;
	padding-top: 16px;
	display: block;
	overflow: hidden;
}

div#headerWelcome {
	position: absolute;
	left: 0;
	width: 620px;
	top: 0;
	height: 140px;
}

#headerWelcome h2 {
	font-weight: bold;
	color: #2b8bd2;
	font-size: 16px;
	line-height: 18px;
	background: url(../img/header-welcome.png) no-repeat 0 0;
	height: 0;
	padding-top: 140px;
	overflow: hidden;
	width: 716px;
	position: absolute;
	top: 0;
	left: 0;
}

div#header2012logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 96px;
	height: 140px;
}

#header2012logo h3 a {
	background-image: url(../img/header-2012.png);
	width: 96px;
	height: 0;
	padding-top: 140px;
	overflow: hidden;
	position: absolute;
	display: block;
}

div#headerCountdownBox {
	width: 160px;
	height: 107px;
	position: absolute;
	top: 7px;
	left: 411px;
}

div#headerDateline {
	position: absolute;
	left: 100px;
	top: 18px;
	width: 556px;
	height: 110px;
}

div#headerDateline div {
	width: 556px;
	height: 110px;
}

div#headerDateline h3 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	white-space: nowrap;
}

div#headerDateline h3 a {
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
}

div#headerDateline h3 a:hover {
	text-decoration: none;
}

div#headerDateline p {
	position: absolute;
	top: 5px;
	left: 425px;
	color: #fff;
	text-align: center;
	width: 100px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#headerDateline p span.headerCountdown {
	color: #fff;
	font: bold 50px/60px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 span#headerCountdownOlympic {
	color: #fff;
	padding: 0 10px;
	position: absolute;
	right: 0;
	background-color: #287fbe;
	top: 0;
}

h3 span#headerCountdownParalympic {
	color: #fff;
	padding: 0 10px;
	position: absolute;
	right: 0;
	background-color: #e4a115;
	top: 0;
}

div#headerCountdown {
	position: absolute;
	top: 7px;
	left: 570px;
	width: 107px;
	height: 71px;
	background: url(../img/countdown-bg.png) no-repeat;
	padding-top: 20px;
}

div#headerCountdown p {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

div#headerCountdown p span {
	display: block;
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* @end */

/* @group navigation */

#nav {
	float: left;
	text-align: left;
	margin-bottom: 10px;
	width: 232px;
	margin-right: 10px;
	position: relative;
}

#nav h1 {
	width: 232px;
	height: 175px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	left: -10px;
}

#nav h1 a {
	width: 232px;
	height: 0;
	margin: 0;
	float: left;
	padding-top: 130px;
	overflow: hidden;
	background-image: url(../img/header-ccc-logo.png);
}

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

#nav ul#mainNav {
	margin-left: 10px;
}

#nav ul li {
	margin-top: 5px;
	width: 232px;
	min-height: 20px;
	clear: left;
}

#nav ul li a {
	display: inline;
	text-decoration: none;
	color: #fff;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
}

#nav ul li a:hover {
}

#nav ul li.media {
	margin-bottom: 7px;
}

#nav ul li.media a {
	height: 232px;
	border-bottom-style: none;
	width: 232px;
	margin-top: 10px;
	overflow: hidden;
	color: #fff;
	background: #e4a115 no-repeat;
	float: left;
	display: block;
	clear: left;
	margin-bottom: 0;
	padding: 0;
}

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

#nav ul li.media a span {
	float: left;
	padding: 5px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	width: 222px;
}

#nav ul li.linkBadge {
	margin-left: 30px;
	width: 122px;
	height: 47px;
	float: left;
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-bottom: 7px;
}

#nav ul li.linkBadge a {
	font-size: 16px;
	line-height: 22px;
}

#nav ul li.newsletter {
	background-image: url(../img/icon_favorite_48x48.png);
}

#nav ul li.newsletter a {
	background-color: #ffd380;
	color: #000;
}

#navSocial {
	position: absolute;
	top: 133px;
	left: 20px;
}

#nav #navSocial ul li {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	display: inline-block;
	clear: none;
	position: relative;
	margin-top: 0;
	margin-right: 10px;
}

#nav #navSocial ul li a {
	width: 32px;
	height: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 32px;
	overflow: hidden;
	background-color: transparent;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
	box-shadow: 0px 0px 0px #fff;
}

#navSocial ul li.rss {
	background-image: url(../img/icon_rss_32x32.png);
}

#navSocial ul li.facebook {
	background-image: url(../img/icon_facebook_32x32.png);
}

#navSocial ul li.twitter {
	background-image: url(../img/icon_twitter_32x32.png);
}

#navSocial ul li.youtube {
	background-image: url(../img/icon_youtube_32x32.png);
}

#nav ul ul {
	padding-bottom: 5px;
	float: left;
	clear: left;
}

#nav ul ul li {
	border-bottom-style: none;
	clear: left;
	float: left;
}

#nav ul ul li a {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	margin-left: 10px;
	clear: left;
	float: left;
	padding: 2px 3px;
}

#nav ul ul li a:hover {
	color: #fff;
}

div#subNavLayer {
	width: 212px;
	float: right;
	margin-left: 0;
}

div#subNavLayer ul {
	list-style-type: none;
	float: left;
}

div#subNavLayer ul li {
	float: left;
	width: 182px;
	font-weight: normal;
	cursor: pointer;
	font-style: normal;
	padding: 5px 15px;
}

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

div#subNavLayer ul li a {
	color: #fff;
	display: block;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#subNavLayer ul.subNavImage li a {
	color: #fff;
	display: block;
	min-height: 40px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

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

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

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

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

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

#subNavLayerTop {
	width: 212px;
	height: 18px;
	float: left;
}

#subNavLayerBtm {
	width: 212px;
	height: 34px;
	float: left;
}

#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;
}

form#nav_search {
	margin-left: 10px;
	padding-left: 0;
}

#nav_search p {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0;
	height: 21px;
	margin-right: 10px;
	width: 214px;
	margin-left: 0;
	padding-left: 0;
	position: relative;
}

#nav_search p input {
	border: 1px solid #ccc;
	line-height: 18px;
	width: 174px;
	font-size: 13px;
	color: #666;
	padding: 0 5px;
	height: 18px;
	margin-bottom: 0;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	position: absolute;
	left: 0;
}

a#searchGo {
	width: 20px;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	display: block;
	position: absolute;
	right: 0;
}

div#navLinkBox {
	width: 232px;
	height: 606px;
	position: relative;
	margin-top: 29px;
}

p#navMediaBoxImage {
	z-index: 0;
	position: absolute;
	top: 18px;
}

p#navMediaBoxLink {
	position: absolute;
	top: 17px;
	left: 0;
	width: 232px;
	height: 200px;
	z-index: 20;
}

p#navMediaBoxLink a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 200px;
	z-index: 20;
}

p#navMediaBoxLink a:hover {
	text-decoration: none;
}

p#navMediaBoxTitle {
	position: absolute;
	top: 5px;
	left: 16px;
	z-index: 20;
}

p#navMediaBoxTitle a {
	display: inline;
	text-decoration: none;
	width: 224px;
	height: 12px;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	z-index: 50;
	position: relative;
}

div#navLinkBox p#navLinkBoxMedia a span {
	
}

div#navLinkBoxMask {
	width: 232px;
	height: 606px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

div#navLinkBox ul {
	position: absolute;
	top: 250px;
	z-index: 20;
}

div#navMediaBoxFlashAd {
	width: 180px;
	height: 220px;
	position: absolute;
	z-index: 100;
	bottom: 60px;
	left: 30px;
	background-color: #fff;
}

/* @end */

/* @group homepage */

div#homeSlideshow {
	width: 716px;
	height: 328px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

div.homeSlide {
	position: absolute;
	top: 0;
	left: 0;
	width: 716px;
	height: 348px;
	overflow: hidden;
}

div.homeSlideText {
	position: absolute;
	bottom: 28px;
	width: 696px;
	padding: 5px 10px;
	right: 0;
}

div.homeSlideText p {
	width: 560px;
}

div.homeSlideText p a {
	display: inline;
	text-decoration: none;
	height: 12px;
	color: #fff;
	font: normal 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
}

div.homeSlideText p a span {
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.homeSlideText p a:hover {
}

div#homeSlideNav {
	position: absolute;
	top: 301px;
	width: 706px;
	z-index: 100;
	color: #fff;
	padding: 5px 5px 10px;
	font-size: 11px;
	line-height: 13px;
	height: 13px;
	text-align: right;
	right: 0;
}

div#homeSlideNav a {
	display: inline;
	text-decoration: none;
	width: 224px;
	height: 12px;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
}

div#homeSlideNav a:hover {
	text-decoration: none;
}

div#homeSlideNav a.activeSlide {
	color: #fff;
	border-color: #fff;
	background-color: #333;
}

div.homeSlideMask {
	width: 716px;
	height: 330px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/home-slideshow-mask.png) no-repeat;
}



/* @end */

/* @group main section */

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

embed#SOmonoSlideshow {
	
}

/* @end */

/* @group events */

#eventsMain {
	float: left;
	width: 455px;
}

#eventsNavAccordion h5 {
	display: block;
	color: #fff;
	cursor: pointer;
	height: 31px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 192px;
	padding: 7px 15px 5px 25px;
}

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

#eventsNavAccordion h5.active {
	color: #fff;
}

#eventsNavAccordion ul {
	list-style-type: none;
	padding-bottom: 10px;
}

#eventsNavAccordion ul li {
}

#eventsNavAccordion ul li a {
	float: left;
	width: 212px;
	padding-left: 20px;
	padding-bottom: 3px;
	font-weight: bold;
}

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

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

#eventsArchive {
	width: 212px;
	text-align: left;
	float: right;
}

#eventsArchive p.eventsLatest {
}

#eventsArchive p.eventsLatest a {
	height: 31px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 172px;
	padding: 7px 15px 5px 25px;
	display: block;
	color: #fff;
}

#eventsArchive p.eventsLatest a:hover {
	background-color: #eee;
	text-decoration: none;
	color: #fff;
}

.eventsArchiveHeader {
	text-align: left;
	font-size: 13px;
	color: white;
	width: 212px;
	margin-bottom: 10px;
}

div.eventsTitles {
	
}

#eventsMain div.eventsTitles h4.titleHeader {
	
}

#eventsMain div.eventsTitles ul {
	list-style-type: none;
}

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

#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 {
	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 {
	display: block;
	color: #fff;
	cursor: pointer;
	height: 31px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 192px;
	padding: 7px 15px 5px 25px;
}

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

#newsNavAccordion h5.active {
	color: #fff;
}

#newsNavAccordion ul {
	list-style-type: none;
	padding-bottom: 10px;
}

#newsNavAccordion ul li {
}

#newsNavAccordion ul li a {
	float: left;
	width: 212px;
	padding-left: 20px;
	padding-bottom: 3px;
	font-weight: bold;
}

#newsNavAccordion ul li a:hover {
	background-color: #eee;
	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: 465px;
	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: 212px;
	text-align: left;
	float: right;
}

#newsArchive p.newsLatest {
}

#newsArchive p.newsLatest a {
	height: 31px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 172px;
	padding: 7px 15px 5px 25px;
	display: block;
	color: #fff;
}

#newsArchive p.newsLatest a:hover {
	background-color: #eee;
	text-decoration: none;
	color: #fff;
}

.newsArchiveHeader {
	text-align: left;
	font-size: 13px;
	color: white;
	width: 212px;
	margin-bottom: 10px;
}

#newsMain {
	float: left;
	width: 455px;
}

.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: 454px;
	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 {
	list-style-type: none;
}

#newsMain div.newsTitles ul li {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-right: 0;
	padding-left: 0;
	width: 455px;
}

#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 {
	display: block;
	color: #fff;
	cursor: pointer;
	height: 31px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 192px;
	padding: 7px 15px 5px 25px;
}

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

#blogNavAccordion h5.active {
	color: #fff;
}

#blogNavAccordion ul {
	list-style-type: none;
	padding-bottom: 10px;
}

#blogNavAccordion ul li {
}

#blogNavAccordion ul li a {
	float: left;
	width: 212px;
	padding-left: 20px;
	padding-bottom: 3px;
	font-weight: bold;
}

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

#blogNavAccordion ul.blogNavContent {
	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: 212px;
	text-align: left;
	float: right;
}

#blogArchive p.blogLatest {
}

#blogArchive p.blogLatest a {
	height: 31px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 172px;
	padding: 7px 15px 5px 25px;
	display: block;
	color: #fff;
}

#blogArchive p.blogLatest a:hover {
	background-color: #eee;
	text-decoration: none;
	color: #fff;
}

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;
	width: 212px;
	margin-bottom: 10px;
}

#blogMain {
	float: left;
	width: 455px;
}

.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: 454px;
	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 {
	list-style-type: none;
}

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

#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: 730px;
	margin-bottom: 0;
	float: left;
}

div#boxes.narrow {
	width: 484px;
}

div.boxRow4 {
	position: relative;
	left: -242px;
	width: 970px;
}

div.homeBox h3 {
	display: inline;
	text-decoration: none;
	width: 224px;
	height: 12px;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
	z-index: 10;
	position: relative;
	top: 5px;
	left: 6px;
}

div.homeBox.grey h3 {
	color: #287fbe;
	font-size: 12px;
}

div.homeBox {
	width: 232px;
	float: left;
	margin-right: 10px;
	height: 294px;
	margin-bottom: 10px;
	position: relative;
}

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

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

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

div.homeBox.grey {
	background-color: #eee;
	border-top: 1px solid #287fbe;
	border-bottom: 1px solid #287fbe;
}

div.homeBox.mask01 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 9px;
	top: 21px;
}

div.homeBox.mask02 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 30px;
}

div.homeBox.mask03 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 13px;
	top: 18px;
}

div.homeBox.mask04 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 17px;
}

div.homeBox.mask05 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 21px;
}

div.homeBox.mask06 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 22px;
}

div.homeBox.mask07 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 26px;
}

div.homeBox.mask08 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 9px;
	top: 22px;
}

div.homeBox.mask09 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 25px;
}

div.homeBox.mask10 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 24px;
}

div.homeBox.mask11 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 9px;
	top: 21px;
}

div.homeBox.mask12 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 30px;
}

div.homeBox.mask13 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 13px;
	top: 18px;
}

div.homeBox.mask14 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 17px;
}

div.homeBox.mask15 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 21px;
}

div.homeBox.mask16 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 22px;
}

div.homeBox.mask17 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 26px;
}

div.homeBox.mask18 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 9px;
	top: 22px;
}

div.homeBox.mask19 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 25px;
}

div.homeBox.mask20 img {
	width: 196px;
	height: 138px;
	position: absolute;
	left: 11px;
	top: 24px;
}

div.homeBoxMask {
	width: 212px;
	height: 294px;
	position: absolute;
	top: 0;
	left: 0;
}

div.homeBox div.boxText {
	z-index: 10;
	position: absolute;
	top: 170px;
	left: 25px;
	width: 165px;
}

div.homeBox div.boxText p {
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	text-align: left;
}

div.homeBox div.boxText a {
	color: #fff;
	display: block;
}

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

div.homeBox.grey div.boxText a {
	color: #7d7d7d;
	display: block;
}

div.homeBox.grey div.boxText a:hover {
	color: #287fbe;
	text-decoration: none;
}

#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;
}

div#adColumn {
	width: 212px;
	float: right;
}

/* @end */

/* @group footer */

#footer {
	border-top: 1px solid silver;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
	width: 958px;
	padding-bottom: 20px;
}

div#footerBanner {
	width: 958px;
	height: 80px;
	position: relative;
}

div.footerBannerSlide {
	position: absolute;
}

/* @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;
	background-color: #fff;
	min-height: 520px;
}

div.flagshipItem p {
}

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

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

div.flagshipItem h3 {
	text-decoration: none;
	color: #fff;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	margin-bottom: 10px;
	padding: 5px 10px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

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 {
	padding-top: 5px;
	margin-top: 10px;
	width: 454px;
	border-top-width: 1px;
	border-top-style: solid;
}

div#contentLinkBox {
	float: left;
	width: 212px;
	min-height: 10px;
}

div#contentLinkBox.col1 {
	margin-right: 30px;
}

#contentLinkBox h5 {
	font-weight: bold;
	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;
	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;
	background-color: #fff;
	width: 454px;
}

div.trainingItem h3 {
	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;
	display: block;
}

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

/* @end */

/* @group hall of fame */

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

#scroller ul {
	height: 170px;
	width: 4050px;
	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;
	text-align: center;
}

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

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

/* horizontal track */

#track {
	width: 694px;
	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;
	background-color: #fff;
}

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

div.fameLeftColumn {
	width: 464px;
	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;
	padding-bottom: 5px;
}

div#fameIntro {
	width: 484px;
	height: 20px;
}

#fameIntro div.fameIntroImage {
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	width: 100px;
	height: 100px;
	overflow: visible;
	float: left;
}

#fameIntro div.fameIntroImage.fameIntroLogo {
	width: 210px;
	height: 100px;
}

#fameIntro div.fameIntroImage a {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

#fameIntro div.fameIntroImage a img {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

#fameIntro div.fameIntroImage a span.textBox {
	background-image: url(../img/tint-000-80.png);
	display: block;
	width: 90px;
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	padding-top: 20px;
	height: 80px;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	visibility: hidden;
}

#fameIntro div.fameIntroImage a:hover span.textBox {
	visibility: visible;
}

#fameIntro div.fameIntroImage a span.textBox span {
	font-weight: bold;
	font-size: 10px;
}

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

div.fameRightColumn h4 {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

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: 454px;
	text-align: left;
}

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

#newsletterArchive {
	width: 232px;
	float: right;
	text-align: left;
}

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

.newsletterArchiveHeader {
	text-align: left;
	font-size: 13px;
	color: white;
	padding-top: 5px;
	height: 20px;
	width: 222px;
	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;
}

td.cell_title {
	font-weight: bold;
}

td.cell_publish {
	text-align: right;
}

#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 {
	list-style-type: none;
}

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

/* @end */

/* @group achievement */

div#subNavLayer ul.achievements {
	background-image: none;
}

div#subNavLayer ul li.yearHeader {
	height: 31px;
	color: #fff;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 192px;
	padding: 7px 15px 5px 25px;
}

div#subNavLayer ul li.yearHeader.active {
}

div#subNavLayer ul li.yearHeader.active:hover {
	color: #fff;
}

div#achievementContent {
	position: relative;
}

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

div.acheivementItem {
	margin-top: 5px;
	margin-left: 170px;
	padding-bottom: 5px;
}

#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 {
	padding: 10px 20px 0 0;
	margin-bottom: 10px;
}

#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 {
	text-decoration: none;
	font-size: 12px;
	margin-bottom: 2px;
	font-weight: bold;
}

#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;
	margin-bottom: 10px;
}

/* @end */

/* @group media */

div#subNavLayer ul.galleryYears {
	background-image: none;
}

div#subNavLayer ul li.galleryYearHeader {
	height: 31px;
	color: #fff;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 192px;
	padding: 7px 15px 5px 25px;
}

div#subNavLayer ul li.galleryYearHeader.active {
}

div#subNavLayer ul li.galleryYearHeader.active:hover {
}

div#subNavLayer ul.galleryTags {
}

div#subNavLayer ul.galleryTags li {
	color: #fff;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#subNavLayer ul.galleryTags li:hover {
	color: #fff;
}

#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: 475px;
	top: 0;
	left: 0;
	background-color: #fff;
}

#galleryContent {
	float: left;
	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: 140px;
	float: left;
	text-align: left;
	color: #7e7e7e;
	padding-bottom: 10px;
	min-height: 220px;
	padding-right: 17px;
}

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

#galleryContent ul li a img {
	width: 140px;
	height: 140px;
}

#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 downloads */

div#downloadsMain {
	
}

#relatedLinks h3 {
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	border-bottom: 1px solid #7d7d7d;
}

#relatedLinks p {
	padding-left: 5px;
}



/* @end */

/* @group contact */

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

#contactContainer h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

#contactContainer p {
	margin-bottom: 15px;
}

#contactContainer p a strong {
	font-weight: bold;
}

#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 */

/* @group visit us */

div#visitSlideshow {
	width: 716px;
	height: 328px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

div.visitSlide {
	position: absolute;
	top: 0;
	left: 0;
	width: 716px;
	height: 348px;
	overflow: hidden;
}

div.visitSlideText {
	position: absolute;
	bottom: 28px;
	width: 696px;
	padding: 5px 10px;
	right: 0;
}

div.visitSlideText p {
	width: 560px;
}

div.visitSlideText p span {
	display: inline;
	text-decoration: none;
	height: 12px;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
}

div#visitSlideNav {
	position: absolute;
	top: 334px;
	width: 706px;
	z-index: 100;
	color: #fff;
	padding: 5px 5px 10px;
	font-size: 11px;
	line-height: 13px;
	height: 13px;
	text-align: right;
	right: 0;
}

div#visitSlideNav a {
	display: inline;
	text-decoration: none;
	width: 224px;
	height: 12px;
	color: #fff;
	font: bold 14px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 0px #000;
	-webkit-box-shadow: 2px 2px 0px #000;
	box-shadow: 2px 2px 0px #000;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
}

div#visitSlideNav a:hover {
	text-decoration: none;
}

div#visitSlideNav a.activeSlide {
	color: #fff;
	border-color: #fff;
	background-color: #333;
}

div.visitSlideMask {
	width: 716px;
	height: 330px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/home-slideshow-mask.png) no-repeat;
}



/* @end */