* { margin: 0; padding: 0; }
html { height:100%; min-height:100%;/*Needed for min-height*/ color: #777777; background-color: #fff; font: normal 76% "Tahoma", "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;}
body { height:100%;}
#calender { margin:0; padding:0; width:736px; height:736px; background: #fff;}
/*================================(Links)================================*/
a { text-decoration: none; font-weight: bold; }
#sidebar a:visited { color: #007adf; }
a:link { color: #007adf; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
p a { color: #007adf; }
br { height:5px; line-height: 10px;}
/*================================(Headings)================================*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2em; }
h1 { font-size: 32px; }
h2 { font-size: 14px; color:#ed8900;}
h3 { font-size: 11px; }
h1 a, h2 a, h3 a { font-weight: normal; border-bottom-width: 0; }
/*================================(Lists)================================*/
ul { margin: 1em 0; line-height: 1.8em;}
ol li { margin-left: 2.5em; }
ul { padding-left: 2em; list-style-type: none; }
/*================================(Misc. Elements)================================*/
blockquote { clear: both; float:left; padding: 10px; margin: 0; font-size: 0.9em; line-height: 1.7em; background-color: #eae8d3; border: 1px solid #ccc; width:472px;}
hr { clear: both; height: 5px; visibility: hidden; line-height: 10px;}
p { margin:15px 0 0 0; padding:0; line-height:18px;}
/*================================(Struction)================================*/
#header { width: 100%; background-color: #FFF; padding-top: 10px;}
#navigation { width: 100%; height:45px; float: left; clear: both; background: #043267 url("images/pixels/nav_bg.gif") top left repeat-x;}
#subnav { clear: both; color: #d5cceb; background-color: #eae8d3; background: #eae8d3 url("images/pixels/sub_nav_bg.gif") bottom repeat-x; height:239px; }
#subnav_seconary { clear: both; color: #d5cceb; background-color: #eae8d3; background: #eae8d3 url("images/pixels/sub_nav_bg.gif") bottom repeat-x; height:35px;}
#footer {
float: left;
clear: both;
width: 100%;
color: #fff;
background: #043267 url("images/pixels/footer_bg.gif") top left repeat-x;
vertical-align: text-bottom;
}
/*================================(Header)================================*/
#header { width: 736px; height: 100px; margin: 0 auto;}
#header h1 { float:left; width:290px; background: #FFF url(images/logo.gif) top left no-repeat;}
#header h1 a { height: 100px; display: block;}
#QuickLinkslist { float:right; list-style-type: none; margin:0; padding:0; font-size:10px;}
#header ul { padding: 0px 10px 0px 0px; text-align:center; }
#header li { float:left; margin:0px; padding:0px; background: #fff url("images/pixels/vr.gif") left no-repeat;}
#header ul li a { padding:0 10px 0 10px; color:#ed8900; text-decoration:none;}
#header ul li a:hover { text-decoration:underline;}
/*===============================(Navigation)================================*/
#navlist { margin: 0; width:736px;}
#navigation ul { margin: 0 auto; padding: 0; list-style-type: none; margin-top: 15px;}
#navigation ul li { display: block; margin-left:1px; float: left; background: #0079de url("images/pixels/inactive_btn_bg.gif") top left repeat-x; font-size:11px; font-weight:normal;}
#navigation ul li a { text-align:center; display: block; width: 104px; /*Width of top level menu link items*/ padding: 4px 0; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; text-decoration: none; color: #fff;}
#navigation li.active a { color: #083471; background: #eae8d3 url("images/pixels/active_btn_bg.gif") top left repeat-x; }
#navigation a:hover { color: #fff; background: #eae8d3 url("images/pixels/inactive_hover_btn_bg.gif") top left repeat-x; }
#navigation li.active a:hover { color: #083471; background: #eae8d3 url("images/pixels/active_btn_bg.gif") top left repeat-x; }
/*============================(SubNavigation)================================*/
#subnav_wrapper { margin:0 auto; width:736px; padding:6px 0 0 0;}
#featureLeft { float:left; margin-left:0; margin:0; border: 1px #ccc solid;}
#featureRight { float:right; margin:0;}
#flashcontent { width:499px; height:224px; }
#featureRight img { padding:6px; background:#fff; border:1px solid #ccc; }
#subnav_wrapper ul { text-align:center; list-style-type: none;}
#subnav_wrapper li { float:left; margin:0px; padding:0px; background: transparent url("images/pixels/sub_nav_vr.gif") bottom left no-repeat; }
#subnav_wrapper ul li a { padding: 0 10px 10px 10px; color:#043267; text-decoration:none; font-weight:normal; font-size:11px;}
#subnav_wrapper ul li a:hover { text-decoration:underline;}
#subnav_wrapper li.active a { color: #007adf; font-weight:bold;}
#subnav_wrapper li.active a:hover { text-decoration:none;}
/*================================(Content)================================*/
#contentwrapper { margin: 0 auto; width:736px; background-image: url('images/pixels/column_bg.gif'); background-repeat:repeat-y; background-position:right; line-height: 1.8em;}
#contentcolumn { width: 495px; float: left; padding: 10px 5px 0 0;}
#contentcolumn a:visited { color: #007adf; text-decoration:none;}
#contentcolumn a:hover, #contentcolumn a:active { text-decoration:underline; }
#contentcolumn p { color:#777777; font-size:11px; line-height:18px;}
.feature { float: left; width:275px; margin:10px 10px 5px 0; text-align:center;}
.feature img { padding:3px; border:1px #ccc solid;}
.feature p { margin-top: 5px;}
.pictureright { padding:3px; border:1px #ccc solid; float:right; margin: 5px 0 0 5px;}
.pictureleft { padding:3px; border:1px #ccc solid; float:left; margin: 5px 10px 0 0;}
/*Content (Sidebar)*/
#sidebar { margin-left: 509px;/*Set left margin to LeftColumnWidth*/ padding: 10px 5px 5px 7px;}
#Sidebarheader { color:#787775; width:186px; font-size:14px; margin:0; font-weight:bold;}
#sidebar img { padding:0; margin:0; border:0;}
#sidebar ul { margin:0; padding:0 0 10px 25px; width:186px; list-style-type:none;color:#777777;}
#sidebar li { margin:0; padding:0; font-weight:bold; font-size:11px; }
#sidebar ul li ul { margin:0; padding:0;}
#sidebar ul li ul li { margin:0; padding:0; font-weight:normal; font-size:11px;}
#sidebar ul li span, #sidebar ul li ul li span { font-weight:bold; color:#007adf;}
/* Content (Teachers) */
#thumbnail { display:block; float:left; width: 117px; text-align:center; font-weight:bold; font-size: 10px; margin-left: 9px;}
#teacher { border:1px #ccc solid;}
#teacher img { padding:3px; padding:0; margin:0; border:0;}
#grade { margin:1px 0 9px 0; float: left; background: #63a618; color:#fff; width:117px;}
/* Content (Chart) */
#title ul { list-style-type: none;}
#title ul li { width: 164px; margin-left:1px; float: left; background: #63a618; font-size:11px; font-weight:bold; text-align:center; font-size:11px; color:#fff;}
#infoList-wrapper { width: 495px; float: left;}
#infoList-wrapper ul li.price { color:#007ddc;}
#title .infolist { margin: 0; padding: 0; border-bottom:none; width:495px; height:21px; margin-bottom:1px;}
.infolist { margin: 0; padding: 0; border-bottom: 1px #ccc solid; width:495px; height:37px; margin-bottom:1px;}
#infoList-wrapper ul { list-style-type: none; margin:0; padding:0;}
#infoList-wrapper ul li { width: 164px; float: left; font-size:11px; font-weight:bold; text-align:center; color:#777777; background:#fff; padding:5px 0 5px 0;}
/* Content (AboutLists) */
#moreInfo_green { float: left; width:238px; margin:0; padding:0;}
#moreInfo_green ul { list-style-type: none; margin:0; padding:0;}
#moreInfo_green ul li { display:block; padding-left:20px; clear:both; font-weight:normal; text-align:left; font-size:11px; color:#777777; line-height:22px; background:transparent url("images/icons/bullet_green.gif") left no-repeat;}
#moreInfo_green ul li.long { padding:0 0 15px 20px; line-height:14px; background:transparent url("images/icons/bullet_green.gif") top left no-repeat;}
/* Content (AboutLists *BlueHeader) */
#moreInfo_beyond { float: left; width:165px; margin:0; padding:0;}
#moreInfo_beyond ul { list-style-type: none; margin:0; padding:0;}
#moreInfo_beyond ul li { display:block; clear:both; font-weight:bold; text-align:left; font-size:11px; color:#007adf; line-height:22px;}
#moreInfo_beyond ul li ul li{ display:block; padding-left:20px; clear:both; font-weight:normal; font-size:11px; color:#777777; line-height:22px; background:transparent url("images/icons/bullet_green.gif") left no-repeat;}
#moreInfo_beyond ul li ul li.double{ line-height:14px; background-position:top left; margin-bottom:5px;}
/* Content (Price Info Box) */
#moreInfo { width:450px; margin:0; padding:0;}
#moreInfo b { color:#007ddc;}
#moreInfo span { font-weight:normal;}
#moreInfo ul { list-style-type: none; margin:0; padding:0;}
#moreInfo ul li { float: left; width:100%; padding-left:20px; clear:both; font-size:11px; font-weight:bold; text-align:left; font-size:11px; color:#777777; line-height:22px;}
#moreInfo ul li.bullet { background:transparent url("images/icons/bullet_green.gif") left no-repeat;}
#moreInfo ul li.add { background:transparent url("images/icons/add.png") left no-repeat;}
#sidebar-wrapper { width: 232px; float: left;}
/* Content (Games & Times) */
#game { margin:0 0 10px 0; padding:0; width:495px; height:65px; border-bottom:1px solid #ccc;}
#date { float: left; margin:0 10px 10px 0; padding:0; width:53px; text-align:center; font-weight:bold;}
.month { font-size:9px; color:#ccc; text-transform:uppercase;}
.day { font-size:24px; color:#777777; padding:0 0 3px 0; }
.year { font-size:11px; background:#63a618; color:#FFFFFF; line-height:13px; width:75%; margin:0 5px 0 5px}
.gamelist { float: left; width:430px; padding:0; margin:0 0 10px 0; color: #777777;}
.gamelist ul { list-style-type: none; padding:0; margin:0;}
.gamelist ul li { font-size: 14px; font-weight:bold;}
.gamelist ul li ul li { font-size: 10px; font-weight:normal; line-height:13px;}
.gamelist ul li ul li a { color:#007adf;}
/* Content (Newsletter Menu) */
#articlewrapper { width:490px; padding:0; margin:0;}
#container { float:left; position:relative; width:190px; height:596px; z-index:100; margin:0; padding:0;}
#lyr0, #lyr1, #lyr2 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1 }
#dates .infolist { margin: 0 auto; padding: 0; border-bottom:none; width:190px; height:21px; margin-bottom:1px;}
#dates ul { list-style-type: none;}
#dates ul li { width: 60px; margin-left:1px; float: left; background: #63a618; font-size:11px; font-weight:bold; text-align:center; font-size:11px;}
#dates ul li a { color:#fff;}
/* for link style change */
a:link.on, a:visited.on { text-decoration:none; text-decoration:underline;}
a:link.off, a:visited.off { text-decoration:none; }
a:link.done, a:visited.done { text-decoration:none; }
a.on:hover, a.off:hover, a.done:hover { text-decoration:underline; }
/*================================(Footer)================================*/
#footer p { margin: 0 auto; width:736px; padding: 5px 0; bottom:0;}
#map { margin: 0 auto; width:736px; margin-top: 30px;}
#map h3 { font-size: 14px; letter-spacing: 0.1em;}
.list { float:left; margin: 14px 25px 40px 0; font-size:11px;}
.list ul { margin: 0; padding: 0; list-style-type: none; }
.list ul li a { color:#ed8900;}
.list ul li ul li a { color:#fff; font-weight:normal;}
.contactInfo { float:left; margin: 14px 0 40px 0; padding-left:14px; background: #043267 url("images/pixels/footer_vr.gif") top left no-repeat; font-size:11px; line-height: 14px;}
.contactInfo b { color:#ed8900;}
.contactInfo ul { margin: 10px 0 0 0; padding: 0; list-style-type: none; }
.contactInfo ul li.map { background-image: url("images/icons/map.png"); background-position:left; background-repeat:no-repeat;}
.contactInfo ul li.email { background-image: url("images/icons/email.gif"); background-position:left; background-repeat:no-repeat;}
.contactInfo ul li.web { background-image: url("images/icons/webmaster.gif"); background-position:left; background-repeat:no-repeat;}
.contactInfo ul li a { margin-left: 25px; color:#ed8900;}
/*================================(Copyright)================================*/
#copyright { border-top: 2px solid #355a86; background-color: #011343; padding: 10px; clear: both; height:76px;}
#copyright p { margin: 0 auto; width:736px; margin-top: 30px; font-size:10px;}
#copyright p a { color:#007adf;}