body { 
background-image: url(graphics/bodybg.gif); 
margin:10px;
}

td { 
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 { font-size:11pt }
h2 { font-size:11pt }
h3 { font-size:11pt }

.smhead { font-size:8pt }

.key1 {
	float:right;
	margin:0;
	font-size:8pt;
	}
.key2 {
	margin:0;
	font-size:8pt;
	}
	
table.main { 
width:90%; margin:auto; background-color: #7a003b; border:1px solid silver;
}

a {
color:#7a003b;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

a.bar { color:white }

hr { 
color:#7a003b;
margin:0;
 }

table.header { 
color:#7a003b;
margin:auto;
text-align:center;
width:100%;
 }

.title1 { 
font-family:"Times New Roman", Times, serif;
font-size:24pt;
text-align:center;
 }
 
.title2 { 
font-family:"Times New Roman", Times, serif;
font-size:12pt;
text-align:center;
 }

.title3 { 
font-size:10pt;
text-align:center;
 } 

.title4 { 
font-size: 8pt;
text-align:center;
 }

.contitle { font-size:10pt;margin-bottom:0px;text-align:left }

.contitle2 {  
text-align:left;
margin-top:0px }

.contitle3 {  
font-weight:bold;
margin-top:5px }

.contitle4 { font-weight:bold }

righttitle { 
text-align:center;
font-weight:bold }

td.content { 
background-color:white;
padding:10px }

td.rightbar { 
background-color:white;
width:250px;
font-weight:bold;
text-align:center;
padding:5px;
font-size:7pt;
vertical-align:top }

table.homeblock {  width:400px;text-align:center;font-size:10pt;font-weight:bold;margin:10px auto 10px;background-color:silver  } 

td.homeblock2  { width:200px;text-align:center;vertical-align:bottom;font-weight:bold }

table.block {  width:95%;margin:10px auto 10px;background-color:silver  } 
td.block2  { width:50%;vertical-align:top;font-size:8pt }


table.mailbox { background-color:white; color:#7a003b; font-weight:bold;margin: 10px 3px 10px 3px }
td.mailbox2 { font-weight:bold;font-size:9pt }

.righttbl { 
background-color:#7a003b;
width:90%;
margin:auto; }

.righttd {  
color:white;
font-weight:bold;
font-size:10pt }

.righttd2 {  
background-color:white;
font-style:italic;
font-size:8pt }


table.form {
	padding:10px;width:600px;margin:auto;background-color:white;
	}

td.menu { width:250px;vertical-align:top;text-align:center;font-weight:bold }

#menu {
width: 250px; /* set width of menu */
background-color: #7a003b;
font-size:12pt;
text-align:left;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 12px/16px verdana, arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h3 {
color: white;
font-size:10pt;
margin:0;
background-color: ;
text-transform: uppercase;
}

#menu a {
color: white;
background: #7a003b;
text-decoration: none;
}

#menu a:hover {
color: #7a003b;
background: #ffffff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* if IE */
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
}