﻿div#wrapper {width:830px;height:550px;margin-left:-415px;left:50%;margin-top:-275px;top:48%;position:absolute;}
div#box     {width:830px;height:450px;float:left;background-color:#fff;border:1px solid #999;}

div#box div    {float:left;}
div#navigation {width:200px;background-color:#eee8ea;padding:22px 0 0 15px;height:428px;background-image:url(../img/navtile.png);
                background-repeat:repeat-x;}
div#navigation div.link {width:200px;float:left;margin-bottom:10px;cursor:pointer;}
div#navigation div.icon {width:44px;height:45px;float:left;margin-top:4px;margin-right:5px;}
div#navigation div.icontext {width:140px;height:41px;float:left;padding:9px 0 0 0;}                
                
div#content    {width:585px;background-color:#fff;height:450px;position:relative;}

div.tab        {width:0px;float:left;height:450px;position:absolute;}
#tab1          {left:0px;z-index:30;}
#tab2          {left:0px;z-index:20;}
#tab3          {left:0px;z-index:10;}
#tab4          {left:0px;z-index:5;}
#backdrop      {left:0px;z-index:0;position:absolute;width:615px;background-image:url(../img/backdrop02b.png);background-repeat:no-repeat;}
.tabcontents   {margin:15px 0 0 15px;padding:15px 0 0 15px;width:550px;}
.tabcontents   {margin:15px 0 0 15px;_padding:15px 0 0 0px;width:550px;}
#tab2 .tabcontents   {margin:5px 0 0 15px;padding:20px 15px 0 15px;}
#tab2 .tabcontents   {margin:5px 0 0 15px;_padding:15px 0 0 0;}
#backdrop .tabcontents {padding:110px 15px;}
#backdrop .tabcontents {_padding:110px 0px;}
#backdrop ul li { list-style-type:square;margin-left:12px;}

div.block {width:585px;margin-top:10px;}
div.block h2 {width:100%;float:left;}
div.block .column {width:140px;margin-right:3px;float:left;margin-top:15px;}
div.block .columnwide {width:210px;margin-right:3px;float:left;margin-top:15px;}
div.block .column h3 {width:140px;float:left;padding-bottom:15px;}
div.block .column p {width:120px;border-bottom:1px solid #ccc;padding:4px 0;}
div.block .columnwide p {width:190px;border-bottom:1px solid #ccc;padding:4px 0;}
div.block .columnwide h3 {width:200px;float:left;padding-bottom:15px;}

#tab3 ol li {list-style-type:decimal;margin-left:30px;margin-top:20px;}

#topic-calendar, #topic-archive   {width:340px;}
#tab4 table, #tab2 table {float:left;width:535px;margin-left:2px;}
#tab4 table tr, #tab2 table tr {border-bottom: 1px solid #ccc;line-height:25px;}
#tab4 table tr td.title {width:228px;}
#tab4 table tr td.date {width:150px;}
#tab4 table tr.row-empty, #tab2 table tr.row-empty {border:0;}
#tab4 table tr td.download {text-align:right;}

#tab2 table tr td.duedate, #tab2 table tr td.issuedate {width: 105px;}
#tab2 table tr td.download {text-align:right;width:150px;}
#tab2 table tr td.topic {width:228px;}
#tab2 div#spec {position:absolute;bottom:20px;left:32px;height:50px;width:550px;color:#000;line-height:1.75em;}


div#tab4 #datebox   {width:350px;float:left;height:120px;margin-top:15px;}
div#tab4 .dateline  {width:350px;float:left;height:40px;}
div#tab4 .dates     {width:260px;float:left;height:30px;padding:5px 10px;}
div#tab4 .block p   {width:300px;border-bottom:1px solid #ccc;float:left;height:15px;}
div#tab4 div.block     {margin-top:14px;margin-bottom:3px;}

/* Calendar Sort */

#editorial-date p, #editorial-results p   {cursor:pointer;}

/* Footer */

div#footer  {width:830px;height:100px;float:left;}
#footer div {width:415px;float:left;}
div#footerleft {padding-top:70px;}
div#footerright {text-align:right;padding-top:60px;}