body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #cccccc;
color: #222222;
margin: 10px;
padding: 10px;
background-image: url("../images/bg.gif");
}


.page{
margin: 0px;
padding: 0px;
background-color:#ffffff;
width:900px;
border-collapse:collapse;
border:1px solid #000000;margin-left:35px;
}

.header{
margin: 0px;
padding: 0px;
}

.body{
padding:2em;
margin:0px;
}

a {
color:#0d3b5d;
text-decoration: none;
font-weight: bold;
}

a:link {
color:#0d3b5d;
text-decoration: none;
font-weight: bold;
}

a:visited {
text-decoration: none;
color:#0d3b5d;
}

a:hover {
text-decoration: underline;
color: #0066ff;
}

a:active {
text-decoration: none;
color: #0d3b5d;
}

#menu{
width: 100%;
font-family: Verdana, Arial, Sans-Serif;
font-size:11px;
font-weight:bold;
background:#4F4F4F;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#menu ul{
border: 0px solid #BBB;
width: 100%;
padding: 5px 0;
margin: 0;
text-align: center;
}

#menu ul li{
display: inline;
}

#menu ul li a{
color:#FFFFFF;
padding: 5px 20px;
margin: 0;
text-decoration: none;
}

#menu ul li a:hover{
color:#FFFFFF;
background-color:#06558e;
}

.heading {
margin:4px;
padding:4px;
font-weight:bold;
font-size:16px;
color:#0078F0;
width:327px;
height:38px;
text-align:left;
}



.submenu {
margin:auto;
text-align:left;
width:55em; /* !IE */
*width:638px;/* IE */
min-width:638px;
padding: 0px;
background-color:#0080C0;
border-top:3px solid #C0C0C0;
background-image: url("../images/submenu.jpg");
color: white;
}
.submenu ul{
margin:0;
padding:0px;
list-style: none;
font: 12px Arial;
color: white;
}


.submenu ul li{
position: relative;
display: inline;
float: left;
border-right:1px solid #C0C0C0;
color: white;
}

.submenu ul li a,  .submenu ul li a:visited{
display: block;
width:158px;
padding: 8px 0px;
text-decoration: none;
color: #FFFFFF;
text-align:center;
}

/*1st sub level menu*/
.submenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color:#0080c0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.submenu ul li ul li{
display: list-item;
float: none;
background-color:#FFCC00;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.submenu ul li ul li ul{
background-color:#FFCC00;
}

/* Sub level menu links style */
.submenu ul li ul li a{
display: block;
width: 155px;
color: white;
text-decoration: none;
padding:6px 5px;
border-bottom: 1px solid #FFFFFF;
background-color:#0080c0;
}

.submenu ul li a:hover{
background-color:#006697;
color: white;
text-decoration: none;
}


/* Holly Hack for IE \*/
* html .submenu ul li { float: left; height: 1%; }
* html .submenu ul li a { height: 1%; }
/* End */


.invite {
border:1px solid #33CC00;
width:600px;
margin: 2em auto;
padding: 1em;
background-color:#EFEFEF;
text-align: left;
}

h2.header { letter-spacing: -2px; font-family: Arial, Verdana,Helvetica, Verdana, sans-serif;margin: .1em 0 .3em; padding-bottom: .1em; color: #23d00b;font-size: 36px; font-weight: bold; }

h1.header { letter-spacing: -2px; font-family: Arial,Verdana, sans-serif;
margin:0px;color: #378de8;font-size: 28px; font-weight: bold;}

.box{border:1px solid #E4E4E4;padding:10px;margin:13px;}

.box input {border:1px solid #C0C0C0;}




.box input.button {
font-size:9px;
cursor:pointer;
border: 1px solid #0f57cb;
color:#FFFFFF;
background-color:#1c66dd;
display:block;
padding:3px 20px 2px 20px;
margin:3px;
}

.box input.button:hover {
background-color:#23d00b;
border: 1px solid #1fc208;
}

.box ul {
list-style-image: url("../images/bullet.jpg");
list-style-type: circle
}

.usertable {
margin:10px auto;
padding:0px;
background-color:#F4F4F4;border:1px solid #E4E4E4;

}

.usertable td {
font-size:13px;
padding:4px;
text-align:left;
border:1px solid #E4E4E4;
}