/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0px;
	margin: 0px;
	background-color:#000011;
	
}

table { font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1em;
}

.enclosure
{
    width:960px;
    height:790px;
    margin:0 auto;
    padding:0;
    background: url("images/celestial5.jpg") top left no-repeat #ddf;
    font-size:1em;
}

.banner{
	text-align: left;
	background: url(images/celestial.jpg) top left #006;
	overflow: hidden;
	height: 80px;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
}

.bar{
	text-align: center;
	background-color:#004;
	overflow: hidden;
	height: 10px;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
}

.menu
{
	text-align: center;
	color:#fff;
	background:#006;
	background-image:url(images/celestial-menu.jpg);
	width:140px;
	height:680px;
	padding:10px;
	margin:0px;
	border:0px;
	float:left;
	display:block;
}

.content{
	top:0px;
	width:780px;
	height:680px;
	padding:10px;
	margin:0px;
	border:0px;
	display:block;
	float:left;
	overflow:auto;
}
.content .center
{
    text-align:center;
}

.menu a
{
	position: relative;
	float: left;
	text-align: center;
	height: 22px;
	width: 140px;
	padding: 0px;
	margin:0 0 5px 0;
	background: #008;
	background-image:url(images/dfill.gif);
	background-repeat:repeat-x;
	line-height: 22px;
	border: 1px solid #002;
	cursor:pointer;
}

.menu a:hover
{
	background: #004;
	background-image:url(images/lfill.gif);
	background-repeat:repeat-x;
}

.menu a:link {text-decoration: none; color: #fff;}
.menu a:visited {text-decoration: none; color: #fff;}
.menu a:active {text-decoration: underline; color: #fff;}
.menu a:hover {text-decoration: underline; color: #fff;}


.bigButtons a:link img{border-color:#ccf;}
.bigButtons a:visited img{border-color:#ccf;}
.bigButtons a:active img{border-color:#00d;}
.bigButtons a:hover img{border-color:#00d;}


.keyList
{
    text-align:left;
    margin:5px 20px;
}
.keyList dt
{
    font-weight:bold;
    margin-top:7px;
}

/**** FloatyImage ***/
.floatyImage
{
    float:left;
    display:block;
    padding:0;
    margin:0 15px 15px 0;
}

h2
{
    font-size:1.5em;
    margin:0 0;
    padding:0.3em 0 0 0;
}
h3
{
    font-size:1.2em;
    margin:0 0;
    padding:0.2em 0 0 0;
    
}
.content ul li
{
    margin:5px 0;
}
.clear
{
    clear:both;
}
    


/*-----------------------*/
.MailMessage
{
    width:600px;
    margin:0 auto;
    padding:10px 0 10px 20px;
    clear:both;
    text-align:left;
}
.MailMessage .MH
{
    width:450px;
    margin:0 0 10px 0;
}
.MailMessage .MB
{
    width:450px;
    height:150px;
    margin:0 0 10px 0;
}
.MailMessage .MS
{
    clear:both;
    width:140px;
    margin:3px auto;
    padding:1px;
    display:block;
    border: none;
    background: #008;
    color:#fff;
    background-image:url(images/dfill.gif);
	background-repeat:repeat-x;
}
.MailMessage .MS:hover
{
    background: #004;
	background-image:url(images/lfill.gif);
	background-repeat:repeat-x;
	text-decoration:underline;
}

.MailMessage Label
{
    display:block;
    width:120px;
    float:left;
}
.MailMessage h3
{
    margin-top:0;
}