body {
font-family: Arial, Geneva, Helvetica, sans-serif;
background-color: #0F3B68;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 0px;
text-align: left;
}


div 
{ 
font: 14px Arial, Geneva, Helvetica, sans-serif;
} 

table
{ 
font: 14px Arial, Geneva, Helvetica, sans-serif;
} 

H2 {
font-size: 16pt;
font-family: Arial, Geneva, Helvetica, sans-serif;
color : #000000;
} 

#title {
background-color: #FFFFFF;
padding: 5px;
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}

DIV.title2 {
        font-size: 18px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
	text-align: left;
	margin-bottom: 8px;
	width: 97%;
	padding: 8px;
	background-color: #0F3B68;
	color: #FFFFCC;
}

#text {
font: Verdana, Arial;
font-weight: bold;
position: relative;
top: 0px;
left: 0px;
color: #000000;
z-index: 4;
text-align: left;
}

#shadow {
font: Verdana, Arial;
font-weight: bold;
position: absolute;
top: 2px;
left: 2px;
color: #cccccc;
z-index:3;
text-align: left;
}

#shadow2 {
font: Verdana, Arial;
font-weight: bold;
font-size: 1.0em;
position: absolute;
top: 4px;
left: 10px;
color: #000000;
z-index:2;
}

DIV.scriptbox {
background-color: #CCCCCC;
}

DIV.mybody {
font: 12px arial, sans-serif;
background-color: #660000;
border: 0px solid #000000;
padding-top: 0px;
border-bottom: 3px solid #000;
border-right: 3px solid #000;
height: 99%;
width: 98%;
text-align: left;
margin-left: 3px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


DIV.mybodyLeft {
font: 14px Arial, Geneva, Helvetica, sans-serif;
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 15px;
margin-top: 1px;
height: auto;
width: 755px;
text-align: left;
float: left;
margin-right: auto;
margin-left: 3px;
}

DIV.mybodyLeftBack {
clear: both;
position: relative;
overflow: visible;
}


DIV.mybodyRight {
font: 100% arial, sans-serif;
float: left;
background-color: #0F3B68;
border: 1px solid black;
margin-top: 10px;
padding: 24px;
border-bottom: 5px solid #000000;
border-right: 5px solid #00000;
width: 80px;
height: 60%;
}


DIV.mycontent {
 text-align: left;
 font: 12px Verdana, Arial, sans-serif;
 font-family: Arial, Helvetica, sans-serif;

 background-color: #E7E9EA;
 padding-top: 5px;
 padding-left: 5px;
 border-bottom: 5px solid #333333;
 border-right: 3px solid #666666;
}

DIV.mycontent_more {
 text-align: center;
 padding: 4px;
 margin: 10px 0px 0px 0px;
 border: none;
 background-color: #FF6600;
}

DIV.mycontent_index {
 text-align: left;
 margin: 5px 5px 5px 5px;
 padding: 1%;
 border: none;
 background-color: #CCCCCC;
}

DIV.mycontent_test {
 text-align: left;
 margin: 5px 5px 5px 5px;
 padding: 1%;
 border: 2px solid thin #000000;
 background-color: #FFFF99;
 border-style: dashed;
}

DIV.mycontent_headings {
 text-align: left;
 margin: 5px 5px 5px 5px;
 padding: 1%;
 border: solid thin #000000;
 background-color: #FFFFCC;
 font: 13px Verdana, Arial, sans-serif;
 font-color: #000000;
}

DIV.mycontent_login {
 text-align: center;
 margin: auto;

 border: solid thin #000000;
 font: 16px Verdana, Arial, sans-serif;
 font: 12px Verdana, Arial, sans-serif;
 font-size: 1.0em;
 background-color: #FFFFCC;
}

.mytablecontent td {
 background: #FFFFFF;
 font-size: 9px;
}

#tabledefault
{
   table-layout: fixed;
   width: 550px;
   border: 1px;
   cellpadding: 3px;
   word-break: break-all;
}










.logobox {
background-color: #369;
padding: 5px;
padding-bottom: 0px;
text-align: left;
width: 100%;
height: auto;
float: left;
}

.logobox2 {
background-color: #0F3B68;
padding: 5px;
padding-bottom: 0px;
text-align: left;
}

.searchbox {
font-size : 9pt;
font-weight: bold;
font-family: Arial, Geneva, Helvetica, sans-serif;
color : #ffffff;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
text-align: right;
float: right;
}


.catbox {
font-size : 9pt;
font-weight: bold;
font-family: Arial, Geneva, Helvetica, sans-serif;
color : #ffffff;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
text-align: left;
float: left;
}

div.bottomnav
{
position: relative;
bottom: 0;
margin-top: 20px;
height: auto;
}


div.tab4 {
font-size : 9pt;
font-weight: bold;
font-family: Arial, Geneva, Helvetica, sans-serif;
background-color: #000000;
color: #ffffff;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

a.tab4, a.tab4.visited {
  background-color: #000000;
  text-decoration: none;
  color: #ffffff;
  padding-left: 7px;
  padding-right: 7px;
}

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

a.tab4.activeTab, a.tab4.activeTab:hover, a.tab4.activeTab:visited {
  text-decoration: underline;
  background-color: #000000;
  color: #ffffff;

}




.spiffy{ 
display:block;
} .spiffy *{ 
display:block;
height:1px;
overflow:hidden;
background:#E7E9EA;
} .spiffy1{ 
border-right:1px solid #f4f5f5;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f4f5f5;
padding-left:1px;
margin-left:3px;
background:#edeeef;
} .spiffy2{ 
border-right:1px solid #fcfcfc;
border-left:1px solid #fcfcfc;
padding:0px 1px;
background:#ebeded;
margin:0px 1px;
} .spiffy3{ 
border-right:1px solid #ebeded;
border-left:1px solid #ebeded;
margin:0px 1px;
} .spiffy4{ 
border-right:1px solid #f4f5f5;
border-left:1px solid #f4f5f5;
} .spiffy5{ 
border-right:1px solid #edeeef;
border-left:1px solid #edeeef;
} .spiffy_content{ 
padding:0px 5px;
background:#E7E9EA;
} 


table.mycategories  {
 background: #CCCC99;
 font-size: 14px;
 width: 500px;
 border-style: ridge;
 border-color: #000000;
 border-width: 3px;
}

a.mycategories:link {color: #000000; text-decoration: underline; }
a.mycategories:visited {color: #000000; text-decoration: underline; }
a.mycategories:hover {color: #000000; text-decoration: underline; }
a.mycategories:active {color: blue; text-decoration: underline; }