html,body {
    margin: 0px;
    padding: 0px;
}

.nav ul {
    display: table-row;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 2;
    clear: none;

    position: absolute;
    top: 105px;
    left: 0px;
}

.nav ul li {
    float: left;
    display: table-cell;
    position: relative; /*** IE6 needs this to display the links ***/
    background: transparent url(images/button-gradient.gif);
    width: 78px;
    height: 35px;
    z-index: 2;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#selectedTab {
    background: transparent url(images/button-selected.gif);
}

.nav a {
    width: 78px;
    height: 35px;
    vertical-align: middle;
    display: table-cell;
    text-decoration: none;
    color: #006699;
    /* below is for IE */
    //display: block;
    //position: relative; top: 20%;
}

#container {
   margin: 0px;
   margin-left: auto;
 margin-right: auto;
    padding: 0px;
    min-width: 700px;
}

#banner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: rgb(213, 219, 225);
    background: transparent url(images/header-gradient.gif);
    background-repeat: repeat-y;
    z-index: 0;

    border-bottom: 1px solid #336699;
    height: 139px;
}

#logoImage {
    position: absolute;
    top: 30px;
    left: 10px;
}

#titleImage {
    position: absolute;
    top: 20px;
    left: 230px;
}

#sectionImage {
    position: relative;
    margin: 0px;
    float: right;
    z-index: 1;
}

#content {
 	margin: 0px;
    padding: 20px;
  	background-color: #FFFFFF;
    
    height: 100%;
    border-bottom: 1px solid #336699;
    border-left: 1px solid #336699;
    border-right: 1px solid #336699;
    min-height: 320px;
    -moz-border-radius: 0px 0px 6px 6px;
}

#sidebar {
    float: left;
   	width: 127px;
  	margin: 0px;
 	margin-right: 10px;
    padding: 10px;
  	background-color: #D9EBF9;
  	color: #336699;
  	height: 100%;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 7pt;
  	//-moz-border-radius: 10px 10px 0px 0px;
  	background: url(images/whats-new.jpg);
  	height: 232px;
}

#sidebar ul {
	margin: 135px 0px 0px 20px;
	padding: 0px;
	float: center;
}


#WelcomeMessage {
	font-size: 26pt;
	color: #666;
	text-align: center;
	margin-top: 40px;
	line-height: 30pt;
}

.TextEmphasis {
	color: #336699;
	font-size: 30pt;
}

.SectionHelp {
	color: #336699;
	font-size: 10pt;
	font-weight: bold;
	margin-top: -5px;
}

.ActivityTable {
	color: #32454C;
	font-size: 12pt;
	font-weight: bold;
	border-spacing: 0px;
	margin-top: 10px;

	background-color: #99CCFF;
	background: url(images/table-gradient.gif);
	background-position: top rightt;
	background-repeat: repeat-y;

	/*
		Note: you can also get the table gradient in microsoft IE with the following filter, however
		it does not work in firefox, and also causes a popup warning in IE.

		filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFFF', startColorstr='#99CCFF', gradientType='1');
	*/
}

.ActivityTable td {
	padding: 5px;
	vertical-align: bottom;
}

.ActivityTable thead {
	text-transform: uppercase;
	padding: 5px;
	font-size: 10pt;
	text-align: left;
	background-color: #FFF;
}

.ActivityTableOddRow { }
.ActivityTableEvenRow { background-color: #FFF; }

.ActivityTable a {
	color: #32454C;
	text-decoration: none;
}

.TextCell { text-align: left; }
.NumberCell  { text-align: right; }