html {
	height: 100%;
}

body {
	background: #dddddd;
	min-width:  800px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    font-family: verdana, arial, sans-serif;
	height: 100%;
	text-align: center;
}

body, table, td {
	font-size: 12px;
}



div#content_area  {
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align:left;
	min-width: 800px;
	width: expression(document.body.clientWidth > 1024 ? "1024" : "auto");
	max-width: 1024px;
	height: expression("100%");
	min-height: 100%;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	padding-right: 10px;
}

table.main_table {
	background: #FFFFFF;
}

td {
    font-family: verdana, arial, sans-serif;
}

li {
	list-style-image: url(/fg/bullet_blue.gif);
}

h1 {
	color: #0E0060; 
	font-size: 160%; 
	font-weight: normal;
	padding: 0px;
	margin: 0px; 
}

h2 { 
	font-size: 150%; 
	font-weight: normal; 
}

input {
    font-family: courier, monospace;
}

a {
    color: rgb(0, 0, 255);
}

a:visited {
    color: #663366;
}

a:hover {
    color: #736C9C;
}

.submit_button {
	background: #dddddd;
	font-family: verdana, arial, sans-serif;
	margin-left: 5px;
	border: 1px #666666 solid;
}

.submit_button:hover {
	background: #a3a3f4;
}

div#top_logo_area {
	padding-left: 10px;
	padding-bottom: 3px;
	color: #d2d2F9;
}

tr.formtable {
    color:         black;
    background:    #CCCCFF;
    text-align:    left;
    font-weight:   normal;
}

div#copyright_area {
    width: 100%;
    margin-top: 5px;
	padding: 10px;
    text-align: center;
    font-size: 80%;
    color: rgb(64, 64, 64);
}

.tab {
	border-bottom: 1px #5454b5 solid;
	border-left: 1px #5454b5 solid;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}

div.tab a:hover {
	color: #6B51FF;
}

td.nonFocusTab {
	color: #000000;
	background: #dbdbef;
	white-space: nowrap;
}

td.nonFocusTab a {
	color: #000066;
}

td.focusTab {
	background: #7A7AF0;
	white-space: nowrap;
}

td.focusTab a {
	color: #ffffff;
}

td.focusTab a:hover {
	color: #ddddFF;
}

td.spacer_tab {
	border-bottom: 1px solid #5454b5;
}


table.data_table {
	background: #dbdbef;
	border: 1px #5454b5 solid;
	margin-left: 0px;
}

table.data_table td {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
}

table.data_sheet {
	margin-right: 15px;
}

table.data_sheet td {
	font-size: 110%;
	padding-right: 5px;
	padding-left: 5px;
}

table.data_sheet th {
	font-size: 110%;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	border: none;
	background: none;
}

td.data_sheet_highlight {
	font-weight: bold;
}

div.input_table {
	width: 95%;
	border-top: 1px #ddddff solid;
	border-left: 1px #ddddff solid;
	border-bottom: 1px #9999dd solid;
	border-right: 1px #9999dd solid;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-bottom: 0px;
}

div.input_table table {
	border: #9999cc solid 1px;
}

th {
    font-size: 100%;
	background: #dddddd;
	border-top: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	border-bottom: 1px #999999 solid;
	border-right: 1px #999999 solid;
}

div.input_table td {
	background: #FFFFFF;
	border-bottom: 1px #5454b5 solid;
}

th.table_title {
	background: #b8b8e0;
	font-size: 130%; 
    color: rgb(63, 76, 108);
	font-weight: normal;
	border-top: 1px #ddddff solid;
	border-left: 1px #ddddff solid;
	border-right: 1px #9999cc solid;
	border-bottom: 1px #9999cc solid;
}

div.tab_header {
	font-size: 130%;
	color: #1C658D;
}

h1 {
	font-size: 140%; 
    color: rgb(63, 76, 108);
	font-weight: normal;
}

div.ad_bar {
	margin-left: 5px;
}

td.calendar_nonfocus {
	background: #dbdbef;
	border: 1px solid #999999;
	height: 70px;
}

td.calendar_focus {
	border: 2px solid #000000;
	height: 70px;
}

.calendar_header {
	font-size: 130%;
}

table.browse_header {
	color: #ddddFF;
	font-weight: bold;
	background: #7A7AF0;
	padding-left: 10px;
}

table.browse_table {
}

table.browse_table td {
	border-bottom: 1px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.browse_table th {
	background: none;
	border: none;
	font-size: 120%;
	color: #0E0060;
}

span.browse_level1 {
	margin-top: 5px;
	margin-bottom: 5px;
		font-weight: bold;
}

span.browse_level1 a{
	font-size: 120%;	
	font-weight: bold;
}

span.browse_level2 {
}

span.browse_level3 {
	font-size: 90%;
	font-style: italic;
}

div#shop_sidebar {
	padding: 5px;
	color: #D2D2F9;
}

div#shop_sidebar  a {
	color: #D2D2F9;
}