﻿BODY
{
	background: #fff url(/images/background.jpg) repeat-x;
	background-position: top center;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #524e47;
	line-height: 16px;
}

a
{
	color: #003876;
}	

img
{
	border: none;
}

.clear
{
    clear: both;
    font-size: 1px;
}

.clearpad
{
    clear: both;
    font-size: 1px;
    height: 15px;
}

h1
{
    font-size: 28px;
    margin: 0px 0px 8px 0px;
    line-height: 32px;
    color: #000;
}

h2
{
    font-size: 20px;
    margin: 0px 0px 2px 0px;
    color: #003876;
    font-weight: normal;
    line-height: 22px;
}

h2 a
{
    color: #003876;
}

h3
{
    font-size: 18px;
    margin: 10px 0px 10px 0px;
    line-height: 24px;
}

h4
{
    font-size: 18px;
    margin: 14px 0px 0px 0px;
    color: #003876;
    font-weight: normal;
}

.logo
{
    float: left;
    font-weight: bold;
    font-size: 22px;
    padding-top: 18px;
    padding-bottom: 0px;
    width: 495px;
    text-align: left;
}

.logo a
{
    text-decoration: none;
    color: #000;
}

.search
{
    text-align: right;
    width: 400px;
    float: right;
    font-size: 16px;
    color: #666;
    margin-top: 6px;
}

.search div.label
{
    float: right;
    margin-left: 10px;
    padding-top: 6px;
}

.search div.inputbox
{
    float: right;
    margin-left: 2px;
}

.search div.inputbox input
{
    border: 2px solid #d0d0d0;
    width: 170px;
    height: 18px;
    font-size: 14px;
    padding: 4px 4px 0px 4px;
    letter-spacing: 1px;
}

.search div.button
{
    float: right;
    margin-left: 4px;
    padding-top: 1px;
}

.search div.signup
{
    margin-top: 5px;
    line-height: 18px;
    font-weight: bold;
}

.search div.signup a
{
    text-decoration: none;
    color: #555;
}

.search div.signup a:hover
{
    text-decoration: underline;
}

.tabs
{
    margin: 4px 0px 0px 0px;
    padding: 20px 0px 12px 0px;
    text-align: left;
    background: transparent url(/images/white.gif) repeat-x;
    background-position: bottom;
}

.tabs li
{
    text-align: center;
    font-size: 16px;
    padding: 20px 10px 12px 10px;
    display: inline;
    background-color: transparent;
    background-image: url(/images/tab_off.png);
    background-repeat: no-repeat;
    background-position: bottom;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tab_on.png',sizingMethod='crop');
    font-weight: bold;
    margin-right: 4px;
}

.tabs li a
{
    color: #555;
    text-decoration: none;
}

.tabs li.on
{
    padding-bottom: 11px;
    font-weight: bold;
    color: #fff;
    background-image: url(/images/tab_on.png);
    background-repeat: no-repeat;
    background-position: bottom;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tab_on.png',sizingMethod='crop');
}

.tabs li.on a
{
    color: #fff;
    text-decoration: none;
}

.tabs li#Programs
{
    padding: 20px 43px 10px 46px;
}

.tabs li#Programs.on
{
    padding: 20px 43px 10px 46px;
}

.tabs li#Home
{
    padding: 20px 59px 10px 60px;
}

.tabs li#Home.on
{
    padding: 20px 59px 10px 60px;
}

.tabs li#About
{
    padding: 20px 47px 10px 46px;
}

.tabs li#About.on
{
    padding: 20px 47px 10px 46px;
}

.tabs li#News
{
    padding: 20px 9px 10px 9px;
}

.tabs li#News.on
{
    padding: 20px 9px 10px 9px;
}

.tabs li#Contact
{
    padding: 20px 40px 10px 39px;
}

.tabs li#Contact.on
{
    padding: 20px 40px 10px 39px;
}

.tabs li#Contests
{
    padding: 20px 17px 10px 17px;
}

.tabs li#Contests.on
{
    padding: 20px 17px 10px 17px;
}

.tabs li#Login
{
    padding: 20px 40px 10px 40px;
}

.tabs li#Login.on
{
    padding: 20px 40px 10px 40px;
}

.container
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    background: url('/images/swing.png') no-repeat;
    background-position: top center;
}

.containerpopup
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.content
{
    padding: 0px 4px 10px 0px;
    margin: 0px;
	text-align: left;
	background-color: #fff;
}

.level3
{
    background-color: #6598cc;
    padding: 10px 8px 6px 8px;
    height: 2px;
    color: #fff;
    margin-left: 4px;
    font-size: 15px;
}

.level3 a
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

.level3 a.on
{
    color:#000;
}

.level3off
{
    border-top: 2px solid #f4f3f9;
    padding: 0px;
    height: 1px;
    color: #fff;
    margin-left: 4px;
}

.subcontent
{
    padding: 8px 8px 12px 0px;
}

.submenu
{
    width: 204px;
    background: transparent url(/images/submenu_top.jpg) no-repeat;
    background-position: top;
    padding: 0px;
    margin-left: -5px;
}

.submenu .bottom
{
    background: transparent url(/images/submenu_bottom.jpg) no-repeat;
    background-position: bottom;
    height: 26px;
}

.submenu ul
{
    margin: 26px 0px 0px 0px;
    padding: 0px 0px 0px 14px;
    font-family: Century Gothic, Arial, Sans-Serif;
    background: transparent url(/images/submenu_mid.jpg) repeat-y;
    background-position: top;
}

.submenu ul li
{
    list-style-type: none;
    font-weight: bold;
    padding-bottom: 14px;
    margin-right: 16px;
}

.submenu ul li a
{
    text-decoration: none;
    color: #000;
    font-size: 15px;
}

.submenu ul li.level4
{
    background-repeat:no-repeat;
    padding: 0px 0px 10px 0px;
    width: 170px;
}

.submenu ul li.level4 div
{
    float: left;
    width: 110px;
    padding-top: 18px;
}

.submenu ul li.level4 img
{
    margin-right: 4px;
    float: left;
}
    
.submenu ul li ul
{
    margin: 4px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
    background-image: none;
}

.submenu ul li.level4 ul
{
    margin: 0px 22px 0px 28px;
    padding: 10px 0px 0px 0px;
    width: 150px;
}

.submenu ul li ul li
{
    padding-bottom: 8px;
}

.submenu ul li ul li a
{
    font-size: 15px;
    font-weight: normal;
}

.submenu ul li ul li ul
{
    margin: 4px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    background: none;

}

.submenu ul li.level4 ul li ul
{
    margin: 4px 0px 0px 20px;

}

.submenu ul li ul li ul li
{
    padding-bottom: 1px;
}

.submenu ul li ul li ul li a
{
    font-size: 13px;
    font-weight: normal;
}

.submenu .on a
{
    font-weight: bold;
}

.submenu .on ul li a
{
    font-weight: normal;
}

.copy
{
    margin-top: 8px;
}

.copysingle
{
    margin-left: 10px;
}

.slidebox
{
    background-color: transparent;
    background-image: url(/images/slidebox_mid.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/slidebox_mid.png',sizingMethod='crop');
}

.slidebox .image
{
    margin-top: 24px;
    padding: 0px 12px 0px 12px;
    float: left;
    border-right: 1px solid #d0d0d0;
}

.slidebox .info
{
    margin-top: 24px;
    background: transparent url(/images/slidebox_inset.jpg) repeat-x;
    float: left;
    padding: 10px;
    font-size: 12px;
    width: 255px;
    height: 290px;
    font-family: Arial, Sans-Serif;
}

.slidebox .start
{
    padding-left: 0px;
    margin-left: -4px;
}

.slidebox .end
{
    padding-right: 0px;
    border: none;
}

.term
{
    font-size: 14px;
    font-style: italic;
}

.action
{
    float:right;
    width:400px;
    text-align: right;
    line-height: 38px;
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
}

.action a
{
    color: #666;
    text-decoration: none;
    padding: 6px 0px 6px 40px;
    background: #fff url(/images/arrow.gif) no-repeat;
    background-position: left;
}

.action .back
{
    background-image: url(/images/arrow.gif);
}

.footer
{
    margin: 18px 0px 0px 10px;
    padding-top: 6px;
    border-top: 1px solid #c0c0c0;
}

.copyright
{
    float: right;
    width: 200px;
    margin: 0px;
    text-align: right;
    font-size: 11px;
    color: #666;
    padding: 0px;
}

.smicons
{
	height: 65px;
	float:right;
	margin-left:3px;
}

.footermenu
{
    float: left;
    width: 120px;
    margin-right: 8px;
    line-height: 14px;
}

.footermenu a
{
    color: #669acc;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.footermenu ul
{
    margin: 6px 0px 0px 0px;
    padding: 0px;
}

.footermenu ul li
{
    list-style-type: none;
    padding-bottom: 6px;
    line-height: 14px;
}

.footermenu ul li a
{
    color: #333;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}

.mainimage
{
    float: left;
    margin-left: 10px;
    margin-bottom: 6px;
}

.cookiecrumbs
{
    float: right;
    text-align: right;
    margin-bottom: 10px;
    color: #666;
}

.cookiecrumbs a
{
    color: #666;
}

.cookiecrumbs .on a
{
    font-weight: bold;
    text-decoration: none;
}

.alertcontainer
{
    margin: 10px 8px 0px 10px;
}

.alert
{
    background: transparent url(/images/alert_mid.gif) repeat-y;
    padding: 0px;
    color: #000;
    line-height: normal;
}

.alert p
{
    margin: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.onefourth
{
    width: 24%;
}
    
.threefourths
{
    width: 74%;
}

.onethird
{
    width: 32%;
}
    
.twothirds
{
    width: 65%;
}
.fifty
{
    width: 40%;
}

.instructions li.off
{
    color: #999;
}

.instructions li.completed
{
    text-decoration: line-through;
    color: #999;
}

.callout
{
    
    margin-bottom: 15px;
}

.callout h3
{
    margin: 0px 0px 4px 0px;
    font-style: normal;
    font-size: 16px;
    color: #000;
}

.box
{
    background-color: #ededed;
    border:1px solid #ccc;
    padding: 8px 10px 10px 10px;
}

.callout ul
{
    margin: 10px 10px 10px 20px;
    padding: 0px;
}

.callout ul li
{
    padding-bottom: 8px;
}

.callout ul li a
{
    text-decoration: none;
    font-size: 13px;
    color: #333;
}

.callout ul li a
{
    text-decoration: underline;
}

.slideshow
{
    padding: 10px;
}

.slideshow img
{
    border: 2px solid #fff;
}

.thumbnail a
{
    text-decoration:none;
}

.thumbnail img
{
    width: 93px;
    margin: 2px;
}

.tagcloud a
{
    text-decoration: none;
    color: #777;
    padding: 2px;
    font-size: 15px;
    line-height: 24px;
}

.tagcloud a.medium
{
    color: #555;
}

.tagcloud a.large
{
    color: #222;
}

.tagcloud a:hover
{
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

.blog
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d0d0d0;
}

.blog .image
{
    height: 100px;
    float: left;
    border: 1px solid #c0c0c0;
    padding: 6px;
    background-color: #fff;
    margin-right: 6px;
    margin-top: 4px;
}

.blog .author
{
    margin-bottom: 4px;
    margin-top: 8px;
    font-style: italic;
    color: #666;
}

.blog .author a
{
    text-decoration: none;
    color: #666;
}

.blog .author a:hover
{
    text-decoration: underline;
    color: #333;
}

.blog .tags
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.blog .tags li
{
    display: inline;
    border-left: 1px solid #c0c0c0;
    padding-left: 6px;
    line-height: 24px;
    margin-left: 6px;
    list-style-type: none;
    font-size: 14px;
}

.blog .tags li.start
{
    border-left: none;
    padding-left: 0px;
    margin-left: 0px;
    font-weight: bold;
}

.bloglinks
{
    margin: 16px 0px 4px 100px;
    padding: 0px;
}

.bloglinks li
{
    display: inline;
    list-style-type: none;
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
    background: transparent url(/images/button_left.gif) no-repeat;
    background-position: left;
    padding: 6px 0px 6px 6px;
}

.bloglinks span
{
    background: transparent url(/images/button_right.gif) no-repeat;
    background-position: right;
    margin: 0px;
    padding: 6px 12px 6px 0px;
    padding-left: 4px;
}

.bloglinks li span a
{
    color: #333;
    text-decoration: none;
}

.permalink
{
    font-size: 16px;
    text-decoration: none;
}

.relatedposts
{
    margin: 10px 10px 10px 20px;
    padding: 0px;
}

.relatedposts li
{
    padding-bottom: 8px;
}

.relatedposts li a
{
    text-decoration: none;
    font-size: 13px;
    color: #333;
}

.relatedposts li a
{
    text-decoration: underline;
}

fieldset 
{
    border:none;
}

fieldset span.note
{
    margin-left:155px;
    font-style:italic;
}

fieldset span.error
{
    font-style:italic;
    color:#cc0000;
}

fieldset label {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	line-height: 1.6em;
	width: 150px;
	padding-right: 3px;
	font-weight: bold;
	float: left;
}

fieldset  ol {
  margin: 0;
  padding: 0;
}

fieldset ul 
{
  margin-top: 6px;
  margin-bottom: 6px;
}

fieldset ol li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

fieldset label.required:first-letter {
	color: #cc0000;
}

fieldset span.required {
	padding-left: 130px;
}

fieldset .othercontrol label {
	display: inline;
	vertical-align: middle;
	text-align: left;
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	float: left;
}

fieldset .longtext label {
	width: 300px;
}

fieldset .othercontrol input 
{
    float:left;
}

fieldset .table
{
    margin-left:131px;
    margin-top:-20px;
}

.loading table
{
    text-align:center;
    vertical-align:middle;
    width:100%;
    height:100%;
}

.loading img
{
    border:1px solid #666;
    padding:20px;
    background-color:#fff;
}

.loading table tr td
{
    text-align:center;
}

.mastererror
{
    text-align:center;
    font-weight:bold;
    color:#cc0000;
    font-size:17px;
}

.views
{
	text-decoration:none;
	color:#666666;
	padding:4px;
	background-color:#eeeded;
	border:1px solid #cccccc;
}

.views:hover
{
	text-decoration:none;
	color:#ffffff;
	padding:4px;
	background-color:#6698CB;
	border:1px solid #6698CB;
}

.viewson
{
	text-decoration:none;
	color:#ffffff;
	padding:4px;
	background-color:#6698CB;
	border:1px solid #6698CB;
}

.flower
{
	position: absolute;
	z-index:10;
	top: 110px;
	left: 50%;
	margin-left: 391px;
}
.sgtv
{
	position: absolute;
	z-index:9;
	top: 160px;
	left: 50%;
	margin-left: -440px;
}
.ewmtv
{
	position: absolute;
	z-index:9;
	top: 160px;
	left: 50%;
	margin-left: 265px;
}
.tvcrumbs
{
    position: absolute;
    z-index:10;
	text-align:right;
    color: #666;
    width: 375px;
    margin-left: 505px;
    top: 115px;
}
.tvcrumbs a
{
	color: #666;
}
.sidesgtv
{
    position: absolute;
    z-index:10;
    margin-left: -220px;
    top: 450px;	
}
.sideewmtv
{
    position: absolute;
    z-index:10;
    margin-left: -220px;
    top: 520px;	
}
.bigframe
{
	margin: 40px 0px 0px 0px;
}
.bigframeEntryForm a
{
    position: absolute;
    text-decoration:none;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px;
    color: #666;
    z-index:10;
    margin-left: 350px;
    top: 250px;	
}
.lessonPlan ol
{
	list-style: none;
}
.lessonPlan ol li
{
	margin-left:-20px;
}
.lessonPlan ul
{
	list-style: none;
	margin-left: -20px;
}
.lessonPlan ul li a
{
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	color: #333;
}
.lessonDetail
{
	float: right; 
	text-align: center; 
	margin: 0px 5px 18px 18px;
}
.lessonDetail img
{
	border-left: 1px solid #EEE; 
	border-top: 1px solid #eee; 
	border-right: 2px solid #aaa; 
	border-bottom: 2px solid #aaa; 
	margin: 5px;
}
.downloads
{
	border: 1px solid #DDD;
}
.downloads h3
{
	font-size: 13px;
	margin: 5px 5px 10px 12px;
	color: Green;
}
.lessonPlanTree
{
	float: left;
	width: 250px;
}
.lessonPlanContent
{
	float: right;
	width: 600px;
}
.lessonPlanCalloutBox
{
	width:170px; 
	float:right; 
	margin: 0px 0px 0px 20px;
}
