div.smallbox
{
   width: 30%;
}

div.press
{
   width: 75%;
}

table.press
{
   width: 600px;
}

table.press th
{
   background-color: #4b71dc;
   text-align: left;
   color: #ffffe0;
}

table.press th div.subject
{
   float: left;
}

table.press th div.date
{
   float: right;
   font-size: 10px;
}

table.press td
{
   clear: both;
   margin-bottom: 3px;
   border-bottom: 1px solid #4b71dc;
}

table.press td.info
{
   vertical-align: top;
   background-color: #dfdfdf;
   border-right: 1px solid #aaa;
   width: 125px;
}

table.press td.text
{
   vertical-align: top;
   background-color: #eee;
}

form { display: inline; }

table.game
{
}

table.game th
{
   background-color: #4b71dc;
   color: #ffffe0;
   margin: 0;
   text-align: left;
}

table.game td
{
}

.grey
{
   background-color: #dedede;
}

.white
{
   background-color: white;
}

.box_head
{
   background-color: #4b71dc;
   border: 1px solid #4b71dc;
   color: #ffffe0;
   text-align: center;
   font-weight: bold;
   width: 50%;
   padding-left: 5px;
}

.box_body
{
   border: 1px solid #4b71dc;
   background-color: #dedede;
   width: 50%;
   padding-left: 5px;
}

#username
{
   margin: 0;	
   padding: 2px;
   color: #333;
   font-size: 10px;
   height: 13px;
   position: absolute;
   top: 0;
   right: 0;
   background-color: #ff794d;
/*   background-image: url('images/tableftoff.gif'); */
   background-repeat: no-repeat;
}

.inner_links
{
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 25px;
   padding: 0;
}

#right_div
{
   float:right;
   margin-bottom:20px;
   margin-right: 5px;
   margin-left: 15px;
}

.links_div {
   width: 250px;
   margin-left: 15px;
}

#cs_container
{
   position: relative;
   overflow: auto;
   width: 435px;
   height: 250px;
   border: 1px solid #390;
   background-color: white;
   z-index: 100;
   clear:both;
}

#cs_image
{
   border: 1px solid black;
   margin-left: 50px;
}

.cs_table_header
{
   border: 1px solid #390;
   background-color: white;
   display:inline;
   vertical-align:top;
   float:left;
}

.cs_pane_header
{
   padding-top: 1px;
   width: 431px;
   margin-left: 2px;
   background-color: #4b71dc;
   color: white;
   font-weight: bold;
}

.cs_pane_header td
{
   padding-left: 2px;
}

.cs_pane
{
   width: 431px;
   margin-left: 2px;
   background-color: white;
   white-space: nowrap;
   z-index: 100;
}

.cs_pane td
{
   padding-left: 2px;
}

.cs_table_header td
{
   padding-left: 2px;
   padding-right: 2px;
}

.cs_pane_row_white
{
   background-color: white;
   width: 431px;
   padding: 2px;
   margin: 0;
}

.cs_pane_row_highlight
{
   background-color: #4b71dc;
   color: white;
   padding: 431px;
   padding: 2px;
   margin: 0;
}

.cs_pane_row_grey
{
   background-color: #dedede;
   width: 431px;
   padding: 2px;
   margin: 0;
   margin-left: 1px;
}

.cs_pane_div
{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
}

.cs_tab_div
{
   float:left;
   height:15px;
   z-index: 10;
}

.cs_tab_off_left
{
   margin-left: 4px;
   float:left; 
   width: 4px; 
   height:15px;
   background-image: url('images/tableftoff.gif');
}

.cs_tab_off_right
{
   float:left; 
   width: 4px; 
   height:15px;
   background-image: url('images/tabrightoff.gif');
}

.cs_tab_on_left
{
   margin-left: 4px;
   float:left; 
   width: 4px; 
   height:15px;
   background-image: url('images/tablefton.gif');
}

.cs_tab_on_right
{
   float:left; 
   width: 4px; 
   height:15px;
   background-image: url('images/tabrighton.gif');
}

.cs_pane_link_on
{
   background-color: #390;
   color: white;
   border: 1px solid #390;
   z-index:100;
}

.cs_pane_link_off
{
   background-color: #ff794d;
   color: white;
   border: 1px solid #ff794d;
   z-index:10;
}

.cs_pane_link_on:hover, .cs_pane_link_off:hover
{
   color: white;
   text-decoration: none;
   background-color: #390;
   border: 1px solid #390;
}

body {
   margin-top: 0;
   font-family: Arial, Verdana, Helvetica;
   font-size: 12px;
   background-color: #36f;
   background-image: url('images/bglines2.png');
   text-align: center;
/*    background-repeat: repeat-x; */
}

#copyright {
   float:right;
   vertical-align: top;
   font-size: 9px;
   margin-top: 2px;
   margin-right: 20px;
   color: #ffffe0;
}

#outer
{
   border-left: 2px solid #ff794d;
   border-right: 2px solid #ff794d;
   border-bottom: 2px solid #ff794d;
}

#breadcrumbs {
   position: relative;
   z-index: 100;
   background-image: url('images/breadcrumbs.png');
   background-color: #390;
   padding-left: 5px;
   padding-bottom: 0px;
/*   padding-top: 2px; */
   font-size: 10px;
   color: #333;
   height: 13px;
   border: 1px solid #390;
   clear: both;
}

#header {
   font-size: 18px;
   font-weight: bold;
   color: white;
   padding: 2px;
   padding-left: 5px;
   background-color: #ff794d;
   background-image: url('images/orangebar.png');
   clear: both;
}

#footer {
   height: 36px;
   clear: both;
   background-color: #dedede;
   border-right: 1px solid #777; 
   border-left: 1px solid #777; 
   border-top: 0;
   padding:0;
   margin:0;
   font-size: 10px;
}

#footer_w3c
{
   padding-top: 2px;
   padding-left: 5px;
}

#content {
   z-index: 5;
   padding: 5px;
   background-color: white;
   border: 1px solid #ff794d;
   clear: both;
   position: relative;
/*   float: left; */
}

#contentindex {
   padding: 5px;
   background-color: white;
   border: 1px solid #ff794d;
}

#container {
/*   margin-top: 10px;  */
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 900px; 
   height: 100%;
   padding: 0;
}

ul {
   list-style-type: square;
}

a {
   font-weight: bold;
   color: #ff794d;
}

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

#footer a:hover, #content a:hover {
   color: #4b71dc;
   text-decoration: underline;
}

a.breadcrumbs {
   color: white;
}

a.breadcrumbs:link, a.breadcrumbs:visited, a.breadcrumbs:active {
   text-decoration: none;
}

a.breadcrumbs:hover {
   text-decoration: underline;
}

a.gamelink {
   color: #04c;
}

a.gamelink:link, a.gamelink:visited, a.gamelink:active {
   text-decoration: none;
}

a.gamelink:hover {
   text-decoration: underline;
}

hr {
   border: 1px solid #36f;
}

h4 {
   display: inline;
   font-size: 14px;
   color: #390;
}

h2 {
   display: inline;
   font-size: 18px;
   text-align:center;
   color: #390;
}

td, th {
   font-size: 12px;
}

th.syllabus {
   background-color: #390;
   color: white;
   text-align:left;
}

table.calendar {
   display: block;
   float: left;
   margin-right: 5px;
}

th.calendar_month {
   background-color: #390;
   color: white;
   text-align:center;
   font-size: 12px;
   font-weight: bold;
   height: 25px;
}

td.calendar_day {
   text-align: right;
   font-size: 9px;
   vertical-align: top;
   border-bottom: 1px solid #ff794d;
   border-left: 1px solid #ff794d;
   width: 25px;
   height: 25px;
}

td.calendar_edge {
   border-right: 1px solid #ff794d;
}

td.calendar_class {
   background-color: #ff794d;
   color: white;
   font-weight: bold;
}

td.calendar_blank {
   background-color: #dfdfdf;
}

.topic {
   float: left;
   color: #666;
}

td.topics {
   background-color: #dfdfdf;
   border: 1px solid #390;
   font-size: 10px;
   vertical-align: top;
   width: 200px;
   height: 175px;
   padding: 1px;
}

p.key {
   height: 5px;
   width: 5px;
   background-color: #ff794d;
   float: left;
}

.small_text {
   font-size: 10px;
}

.arrows {
   font-weight: bold;
   font-size: 9px;
   color: #ff0;
}

.code_header {
   background-color: #444;
   color: white;
   font-weight: bold;
   padding-left: 2px;
}

.code {
   background-color: #ddd;
   border: 1px solid #888;
   border-top: 0;
   font-family: courier new;
   padding: 4px;
   white-space: pre;
   color: #666;
}

.links_header {
   z-index: 100;
   background-color: #4b71dc;
   color: #ffffe0;
   font-weight: bold;
   padding-left: 2px;
   float: left;
   width: 238px;
   height: 15px;
}

.links_body {
   z-index: 100;
   background-color: #dedede;
   border: 1px solid #4b71dc;
   border-top: 0;
   padding: 4px;
   color: #000330;
}

.cs_header {
   vertical-align: bottom;
   background-color: #4b71dc;
   color: #ffffe0;
   font-weight: bold;
   font-size: 13px;
}

.cs_body {
   background-color: #dedede;
   border: 1px solid #4b71dc;
   border-top: 0;
   padding: 4px;
   color: #000330;
}


.colors {
   border: 1px solid black;
   border-right: 0;
   border-bottom: 0;
   margin: 0;
   padding: 0;
}

.colors td {
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   margin: 0;
   padding: 3px;
}

#calendardiv {
   height: 100%;
   overflow: hidden;
}

/**********************************************************************/

#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1;
   float: left;
}

#nav a {
   display: block;
}

#nav li {
   float: left;
   color: black;
   font-size: 11px;
   text-align: left;
   vertical-align: middle;
}

#nav li span
{
 text-indent: 2px;
}

#nav li ul {
   position: absolute;
   width: 175px;
   left: -999px;
   border: solid 1px #ff794d;
}

#nav li:hover ul {
   left: auto;
   color: white;
}

#nav li:hover ul, #nav li.sfhover ul {
   left: auto;
   color: white;
}

#nav li ul li {
   height: 15px;
   overflow: visible;
}

#nav li ul li a {
   width: 175px;
   color: white;
   background-color: #ff794d;
   height: 15px;
}

#nav li ul li a:hover {
   color: #ff794d;
   background-color: white;
   text-decoration: none;
}

/*** SECOND LEVEL ***/
#nav li ul ul {
   border: 1px solid #4b71dc;
   margin: -16px 0 0 125px;
}

#nav li ul li ul li {
   background-color: #4b71dc;
   color: white;
   font-weight: bold;
   width: 175px;
   height: 15px;
}

#nav li ul li ul li a {
   width: 175px;
   color: white;
   background-color: #4b71dc;
   height: 15px;
}

#nav li ul li ul li a:hover {
   color: #4b71dc;
   background-color: white;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
   color: white;
   left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
   color: white;
   left: auto;
}