/* Global Page Structure                                                     */
/* ------------------------------------------------------------------------- */

body#homepage {
	background: url('/images2012/overview/bg-page.png') repeat-x 0px 103px;
	min-width: 1010px;
}

.pageWrapper {
	text-align: center;
}

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

a:link, a:active, a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover, a:active:hover, a:visited:hover {
	color: #555555;
	text-decoration: none;
}

/* Misc                                                                      */
/* ------------------------------------------------------------------------- */

img {
	border: none;
	outline: none;
}

span.chevron {
	display: inline;
    margin-left: 3px;
	color: #f3815a;
	font-style: normal;
}

/* Utility - do NOT modify these, combine them to create the effect you need */
/* ------------------------------------------------------------------------- */

.clearAll { clear: both; }

.fLeft { float: left; }
.fRight { float: right; }

.aLeft { text-align: left; }
.aRight { text-align: right; }
.aCenter { text-align: center; }

.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tNormal { font-weight: normal; }


/* Top                                                                       */
/* ------------------------------------------------------------------------- */

div.pageTop {
	display: table;
	width: 100%;
	height: 440px;
	background: url('/images2012/overview/bg-book.png') no-repeat top center;
}

table.gridTop {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

table.gridTop td {
	vertical-align: top;
}

div.topSpace {
	height: 30px;
}

a#topOnline, a#topIpad, a#topBook {
	display: block;
	width: 310px;
	height: 40px;
}

a#topBook {
	height: 80px;
}

a#topOnline span.icon, a#topIpad span.icon, a#topBook span.icon {
	display: block;
	float: left;
	width: 26px;
}

a#topOnline span.icon {
	height: 25px;
	background: url('/images2012/overview/icon-online.png') no-repeat;
}

a#topIpad span.icon {
	height: 29px;
	background: url('/images2012/overview/icon-ipad.png') no-repeat;
}

a#topBook span.icon {
	height: 27px;
	background: url('/images2012/overview/icon-book.png') no-repeat;
}

a#topOnline:hover span.icon {
    background-position: 0 -25px;
}

a#topIpad:hover span.icon {
    background-position: 0 -29px;
}

a#topBook:hover span.icon {
    background-position: 0 -27px;
}

a#topOnline span.h2, a#topIpad span.h2, a#topBook span.h2 {
	display: block;
	height: 16px;
	margin-left: 45px;
	text-indent: -9999px;
}

a#topOnline span.h2 {
	background: url('/images2012/overview/text-online.png') no-repeat;
}

a#topIpad span.h2 {
	background: url('/images2012/overview/text-ipad.png') no-repeat;
}

a#topBook span.h2 {
	background: url('/images2012/overview/text-book.png') no-repeat;
}

a#topOnline:hover span.h2, a#topIpad:hover span.h2, a#topBook:hover span.h2 {
    background-position: 0 -16px;
}

a#topOnline span.p, a#topIpad span.p, a#topBook span.p {
	display: block;
	margin: 5px 0 0 45px;
	color: #c4c4c4;
	font-size: 14px;
	line-height: 19px;
}

a#topEssays, a#topEvent {
	display: block;
	text-indent: -9999px;
}

a#topEssays {
	width: 374px;
	height: 26px;
	background: url('/images2012/overview/text-essays.png') no-repeat;
}

a#topEvent {
	width: 350px;
	height: 26px;
	background: url('/images2012/overview/text-event.png') no-repeat;
}

a#topEssays:hover, a#topEvent:hover {
    background-position: 0 -26px;
}

a#topAnniversary {
	display: block;
	float: right;
	width: 204px;
	height: 135px;
	background: url('/images2012/overview/text-anniversary.png') no-repeat;
	text-indent: -9999px;
}

a#topAnniversary:hover {
    background-position: 0 -135px;
}

/* Middle                                                                    */
/* ------------------------------------------------------------------------- */

div.pageMid {
	display: table;
	width: 100%;
	padding: 25px 0;
}

table.gridMid {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

table.gridMid td {
	background: url('/images2012/overview/bg-pod.png') no-repeat;
	padding: 12px;
	vertical-align: top;
}

table.gridMid td a span.margin {
	display: block;
	margin: 17px 16px 0 16px;
}

table.gridMid td a span.h3 {
	display: block;
	height: 15px;
	text-indent: -9999px;
}

table.gridMid td a span.p {
	display: block;
	margin-top: 6px;
	color: #555555;
	font-size: 12px;
	line-height: 19px;
}

a#midSummerschool, a#midDemonstrations, a#midAlpha, a#midTones {
	display: block;
	width: 221px;
	height: 221px;
}

a#midSummerschool span.h3 {
	background: url('/images2012/overview/text-summerschool-15.png') no-repeat;
}

a#midDemonstrations span.h3 {
	background: url('/images2012/overview/text-demonstrations.png') no-repeat;
}

a#midAlpha span.h3 {
	background: url('/images2012/overview/text-alpha.png') no-repeat;
}

a#midTones span.h3 {
	background: url('/images2012/overview/text-tones.png') no-repeat;
}

a#midSummerschool:hover span.h3, a#midDemonstrations:hover span.h3, a#midAlpha:hover span.h3, a#midTones:hover span.h3 {
    background-position: 0 -15px;
}

/* Bottom                                                                    */
/* ------------------------------------------------------------------------- */

div.pageBot {
	display: table;
	width: 100%;
	background: #f4f4f4;
	padding: 44px 0 37px 0; 
}

table.gridBot {
	width: 1010px;
	margin: 0 auto;
	text-align: left;
}

table.gridBot td {
	width: 10%;
	padding: 0 10px;
	vertical-align: top;
}

table.gridBot td a span.h4 {
	display: block;
	height: 15px;
	text-indent: -9999px;
}

table.gridBot td a span.p {
	display: block;
	margin-top: 6px;
	color: #555555;
	font-size: 12px;
	line-height: 19px;
}

a#botNKS, a#botPrize, a#botBibliography, a#botProblems, a#botCs, a#botReddit {
	display: block;
}

a#botNKS span.h4 {
	height: 34px;
	background: url('/images2012/overview/text-prize.png') no-repeat;
}


a#botPrize span.h4 {
	height: 34px;
	background: url('/images2012/overview/text-prize.png') no-repeat;
}

a#botBibliography span.h4 {
	background: url('/images2012/overview/text-bibliography.png') no-repeat;
}

a#botProblems span.h4 {
	background: url('/images2012/overview/text-problems.png') no-repeat;
}

a#botCs span.h4 {
	background: url('/images2012/overview/text-cs.png') no-repeat;
} 

a#botReddit span.h4 {
	height: 16px;
	background: url('/images2012/overview/text-Reddit.png') no-repeat;
} 

a#botPrize:hover span.h4, a#botBibliography:hover span.h4, a#botProblems:hover span.h4, a#botCs:hover span.h4, a#botReddit:hover span.h4 {
    background-position: 0 -15px;
}

a#botPrize:hover span.h4 {
    background-position: 0 -34px;
}

a#botReddit:hover span.h4 {
    background-position: 0 -17px;
}