body {
	padding: 0;
	margin: 0;
	background: #aaa url('/images/design/body_bg.gif');
	text-align: center;
	font-family: arial, san-serif;
	color: #444;
	font-size: 16px;
}

h1 {
	font-size: 1.5em;
}

a.text-link, a.back-link-right {
	font-family: arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #2641a7;
}

a.text-link-large {
	font-size: 16px;
}

a.text-link:hover, a.back-link-right:hover {
	text-decoration: underline;
}

a.back-link-right {
	float: right;
	margin: 0 14px 0 0;
}

#masthead, #masthead-inner {
	width: 948px;
	height: 247px;
	margin: 2px auto 0 auto;
	border: 1px solid #000;
	border-top: 2px solid #000;
	border-bottom: none;
	background: url('/images/design/masthead.jpg');
	text-align: left;
}

#masthead-inner {
	width: 948px;
	height: 118px;
	margin: 2px auto 0 auto;
	border: 1px solid #000;
	border-top: 2px solid #000;
	border-bottom: none;
	background: url('/images/design/masthead_inner.jpg');
}

#top-nav ul {
	margin: 10px 0 0 70px;
	padding: 0;
}

#top-nav ul li {
	padding: 0 28px;
	display: inline;
	font-size: 16px;
	height: 55px;
	border-left: 1px solid #666;
	/*list-style: none inside url('/images/design/top_nav_blip.gif');*/
}

#top-nav ul li.first {
	border: none;
}

#top-nav ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #acc;
}

#top-nav ul li a:hover {
	text-decoration: underline;
}

#content {
	width: 878px;
	height: auto;
	margin: 0 auto;
	padding: 4px 35px;
	border: 1px solid #000;
	background-color: #f0f0f0;
	text-align: left;
}

#main-content {
	padding: 0 10px;
}

/* BIG BUTTONS, HOME PAGE
/////////////////////////*/

#big-buttons {
	width: 870px;
	height: 180px;
	margin: 2px auto;
	text-align: center;
}

#big-buttons .big-button {
	float: left;
	width: 166px;
	height: 175px;
	margin-right: 8px;
	text-align: center;
}

#big-buttons #big-button-1 {
	background: url('/images/design/big_button_1.gif');
}
#big-buttons #big-button-2 {
	background: url('/images/design/big_button_2.gif');
}

#big-buttons #big-button-3 {
	background: url('/images/design/big_button_3.gif');
}
#big-buttons #big-button-4 {
	background: url('/images/design/big_button_4.gif');
}
#big-buttons #big-button-5 {
	background: url('/images/design/big_button_5.gif');
}

#big-buttons .big-button a {
	display: block;
	margin: 125px auto 0 auto;
	height: 34px;
	width: 98px;
}

#big-buttons .big-button a:hover {
	background-position: 0 -34px;
}

#big-buttons .click-1 {
	background: url('/images/design/click_1.gif');
}

#big-buttons .click-2 {
	background: url('/images/design/click_2.gif');
}

#big-buttons .click-3 {
	background: url('/images/design/click_3.gif');
}

#big-buttons .click-4 {
	background: url('/images/design/click_4.gif');
}

#big-buttons .click-5 {
	background: url('/images/design/click_5.gif');
}

/* BIG BUTTONS, INNER PAGES
///////////////////////////*/

#big-buttons-inner {
	width: 870px;
	height: 54px;
	margin: 2px auto;
	text-align: center;
}

#big-buttons-inner a.big-button, #big-buttons-inner a.big-button-active {
	float: left;
	width: 166px;
	height: 49px;
	margin-right: 8px;
	text-align: center;
}

#big-buttons-inner #big-button-1, #big-buttons-inner #big-button-1-active {
	background: url('/images/design/big_button_inner_1.gif');
}

#big-buttons-inner #big-button-2, #big-buttons-inner #big-button-2-active {
	background: url('/images/design/big_button_inner_2.gif');
}

#big-buttons-inner #big-button-3, #big-buttons-inner #big-button-3-active {
	background: url('/images/design/big_button_inner_3.gif');
}

#big-buttons-inner #big-button-4, #big-buttons-inner #big-button-4-active {
	background: url('/images/design/big_button_inner_4.gif');
}

#big-buttons-inner #big-button-5, #big-buttons-inner #big-button-5-active {
	background: url('/images/design/big_button_inner_5.gif');
}

#big-buttons-inner #big-button-1-active, #big-buttons-inner #big-button-2-active, #big-buttons-inner #big-button-3-active, #big-buttons-inner #big-button-4-active, #big-buttons-inner #big-button-5-active  {
	background-position: 0 -49px;
}

/* STYLE ACTIVE INNER BUTTON, SHUT DOWN HOVER EFFECT */
#tpe_of_the_week #big-button-1, #big-buttons-inner #tpe_of_the_week a#big-button-1:hover {
	background-position: 0 -49px;
}

#preparing #big-button-2, #big-buttons-inner #preparing a#big-button-2:hover {
	background-position: 0 -49px;
}

#site_mentor #big-button-3, #big-buttons-inner #site_mentor a#big-button-3:hover {
	background-position: 0 -49px;
}

#students_using_technology #big-button-4, #big-buttons-inner #students_using_technology a#big-button-4:hover {
	background-position: 0 -49px;
}

#tpe_language #big-button-5, #big-buttons-inner #tpe_language a#big-button-5:hover {
	background-position: 0 -49px;
}


#big-buttons-inner a#big-button-1:hover, #big-buttons-inner a#big-button-2:hover, #big-buttons-inner a#big-button-3:hover, #big-buttons-inner a#big-button-4:hover, #big-buttons-inner a#big-button-5:hover {
	background-position: 0 -98px;
}

.focus-box {
	background: url('/images/design/tpe_box_header.gif') no-repeat;
	float: right;
	width: 275px;
	background-color: #fff;
	margin: 8px;
}

.focus-box-text {
	margin-top: 15px;
	padding: 10px;
}

.focus-box-footer {
	background: url('/images/design/tpe_box_footer.gif') no-repeat;
	height: 5px;
}

#sponsored {
	padding: 0;
	width: 370px;
	margin: 10px auto 0 auto;
}

#sponsored p {
	padding: 0;
	margin: 0 0 4px 0;
	font-size: 0.8em;
	text-align: right;
}

#sponsored img {
	float: right;
	padding-left: 8px;
	border: 0;
	border-left: 1px solid #aaa;
	margin: 0 0 0 8px;
}

#footer {
	margin: 0 auto 10px auto;
	padding: 10px;
	background-color: #26373b;
	width: 930px;
	text-align: center;
}

#footer ul {
	margin: 0 0 15px 0;
	padding: 0;
}

#footer ul li {
	list-style: none;
	display: inline;
	font-size: 11px;
	color: #ccc;
}

#footer ul li a {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}

#footer ul li a:hover {
	text-decoration: underline;
}

p.copyright {
	margin: 0;
	font-size: 10px;
	color: #ccc;
}


/* TPE OF THE WEEK
**********************/

table.big-2-col {
	width: 100%;
	font-family: arial, san-serif;
}

table.big-2-col td {
	padding: 0 10px;
	width: 50%;
	vertical-align: top;
}

table.big-2-col .td-wrapper {
	border-top: 2px solid #ddd;
}

table.big-2-col .big-number {
	width: 45px;
	text-align: right;
	font-style: italic;
/*	color: #fff; */
	color: #ccc;
	font-size: 70px;
	letter-spacing: -15px;
	height: 30px;
}

table.big-2-col p {
	margin: 0 0 0 90px;
	padding: 0;
	font-size: 28px;
	letter-spacing: 2px;
	position: relative;
	top: -20px;
}

table.big-2-col a.tpe-week {
	text-decoration: none;
	color: #666;
	margin: 0;
	padding: 0;
}

table.big-2-col .tpe-title {
	font-family: times, serif;
	color: #869c2c;
	font-size: 18px;
	letter-spacing: normal;
	vertical-align: top;
	line-height: 20px;
}

table.big-2-col a.tpe-week:hover {
	text-decoration: underline;
}

table.tpe-week {
	margin-top: 10px;
	border-right: 1px solid #999;
}

table.tpe-week th {
	padding: 4px;
	border: 1px solid #aaa;
}

table.tpe-week td {
	width: 20%;
	padding: 8px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #f9f9f9;
	font-size: 14px;
	vertical-align: top;
}

table.tpe-week th {
	text-align: center;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}


.big-heading .wrapper {
	width: 750px;
}

.big-heading .big-number, .big-heading .big-number-left {
	width: 175px;
	text-align: right;
	font-style: italic;
/*	color: #fff; */
	color: #ccc;
	font-size: 45px;
	letter-spacing: -2px;
	height: 25px;
}

.big-heading .big-number-left {
	width: 130px;
}

.big-heading p, .big-heading p.left {
	margin: 0 0 0 200px;
	padding: 0;
	font-size: 20px;
	letter-spacing: 2px;
	position: relative;
	top: -20px;
}

.big-heading p.left {
	margin: 0 0 0 150px;
}

.big-heading a.tpe-week {
	text-decoration: none;
	color: #666;
	margin: 0;
	padding: 0;
}

.big-heading .tpe-title {
	font-family: times, serif;
	color: #869c2c;
	font-size: 19px;
	letter-spacing: normal;
	vertical-align: top;
	line-height: 20px;
}

.big-heading .tpe-title-bigger {
	font-size: 22px;
	margin: 0;
}

.big-heading a.tpe-title {
	text-decoration: none;
}

.big-heading a.tpe-title:hover {
	text-decoration: underline;
}

.big-heading a.tpe-week:hover {
	text-decoration: underline;
}


/* FULL TPE LANGUAGE
**********************/

.tpe-list a.tpe-title {
	font-size: 20px;
	text-decoration: none;
	color: #666;
}

.tpe-list a.tpe-title:hover {
	text-decoration: underline;
}

.tpe-list .tpe-subtitle {
	font-family: times, serif;
	color: #869c2c;
	font-size: 20px;
}




.tpe-list .wrapper {
	border-top: 2px solid #ddd;
	width: 530px;
}

.tpe-list .big-number {
	width: 35px;
	text-align: right;
	font-style: italic;
/*	color: #fff; */
	color: #ccc;
	font-size: 50px;
	letter-spacing: -10px;
	height: 25px;
}

.tpe-list p {
	margin: 0 0 0 70px;
	padding: 0;
	font-size: 20px;
	letter-spacing: 2px;
	position: relative;
	top: -18px;
}

.tpe-list a.tpe-week {
	text-decoration: none;
	color: #666;
	margin: 0;
	padding: 0;
}

.tpe-list .tpe-title {
	font-family: times, serif;
	color: #869c2c;
	font-size: 19px;
	letter-spacing: normal;
	vertical-align: top;
	line-height: 20px;
}

.tpe-list a.tpe-week:hover {
	text-decoration: underline;
}


/* PREPARING
**********************/

.preparing-list p {
	color: #666;
	font-weight: bold;
}

.preparing-list p a {
	font-family: times, serif;
	color: #869c2c;
	font-size: 19px;
	font-weight: normal;
	text-decoration: none;
}

.preparing-list p a:hover {
	text-decoration: underline;
}

/* SITE MENTOR
**********************/

.site-mentor p {
	line-height: 25px;
}

img.float-left {
	float: left;
	margin: 0 12px 0 0;
}

.site-mentor .file {
	font-style: italic;
	font-size: 13px;
}

table.two-col {
	width: 100%;
	margin-top: 12px;
}

table.two-col td {
	width: 430px;
	padding: 0 12px 12px 12px;
	background-color: #fff;
	vertical-align: top;
}

table.two-col td.hr {
	border-top: 1px solid #e0e0e0;
	padding-top: 8px;
}

/* SIGN UP
**********************/

.signup a {
	font-family: verdana, san-serif;
	color: #33a;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.signup a:hover {
	text-decoration: underline;
}

/* STUDENTS USING TECHNOLOGY
*****************************/

.tpe-list-sut .wrapper {
	border-top: 2px solid #ddd;
	width: 780px;
	margin: 0;
}

.tpe-list-sut a.triangle {
	margin: 8px 0 0 0;
	float: left;
	border: 0;
}

.tpe-list-sut p {
	margin: 12px 0 0 50px;
	padding: 0;
	font-size: 20px;
	letter-spacing: 2px;
}

.tpe-list-sut a.tpe-week {
	text-decoration: none;
	color: #666;
	margin: 0;
	padding: 0;
}

.tpe-list-sut a.tpe-week:hover {
	text-decoration: underline;
}

.tpe-list-sut .tpe-subtitle {
	font-family: times, serif;
	color: #869c2c;
	font-size: 20px;
}


table.video {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

table.video th, table.video td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	vertical-align: top;
}

table.video h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	color: #000;
}

table.video p {
	margin: 0 0 8px 0;
}

table.video th {
	background-color: #fff;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.video td {
	font-size: 0.9em;
}

table.video th.description {
	width: 650px;
}

table.video th.video {
	width: 180px;
}

table.video td.video {
	text-align: center;
}

table.video a {
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
}

table.video td.video a img {
	border: 1px solid #999;
}

table.video td.tpes ul {
	margin: 0 0 0 20px;
	padding: 0;
}

table.video p.byline {
	font-style: italic;
}

/* RESOURCES
*****************************/
.resource {
	width: 100%;
	background-color: #fff;
	padding: 6px;
	margin-top: 12px;
}

.resource-title {
	font-weight: bold;
	margin: 0;
}

.resource-posted {
	font-style: italic;
	font-size: 0.9em;
	margin: 0;
}

.resource-link {
	font-weight: bold;
}

img.resource-logo {
	float: right;
	margin: 6px;
	border: none;
}

p.link-right {
	float: right;
	margin: 0;
	font-weight: bold;
	font-size: 0.9em;
}

h1.resources-cat {
	margin-bottom: 0;
}

