/*Style sheet C-Astral v0.6
*/

body {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #999;
	}

.fl {float:left;}
.menu {margin-left:34px !important;margin-left:20px;width: auto !important;width:100px;}
a.mnu{font-size:11px;color:white;margin-top:3px;display:block;height:19px;}
a.mnu:hover{color:white;background:url(../images/menu.gif) repeat-x bottom;display:block;height:19px;text-decoration:none;}
.submenu {background:#CBCBCB;color:white;left:-15px;width:160px;}
.submenu a{font-size:10px;display:block;margin-left:17px;margin-top:10px;}
.menu_holder{
background:url(../images/menu.gif) repeat-x;height: 22px;font-size:12px;font-weight:bold;color:white;margin-left:0;width:725px;}
.p {cursor:pointer;}
.pr{position:relative;}
.pa{position:absolute;}
a {
	text-decoration: none;
	color:  #000;
	outline: none;
	}

a:active {
	color:  #000;
	}
a:hover {
	color:  #000;
    text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 10px;
	line-height: 12px;
	margin-top: 0;
	}

p.justi {
	text-align: justify;
	}

p.marg {
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px; 
	}

p.news-head {
	margin-top:2em;
    font-weight: bold;
	}

p.news-text {
	text-align: justify;
	}

p.news-last {
	text-align: justify;
	border-bottom: 1px solid #ccc;
	}

ul {
	font-size: 10px;
	line-height: 12px;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px; 
	}

table {
	font-size: 10px;
	line-height: 12px;
	margin-top: 0;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 1px solid #ccc;
	padding: 0px;
    margin-left: 0px;
	}
img.thumbs {
	margin-bottom:4px;
	margin-left:5px;
    float: left;
    }
img.news_thumbs {
	margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    }
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}

/* wrapper div container for all content */
#wrapper {
	width: 725px;
    min-height: 600px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
/*	background-image: url("images/shade.png");
	background-repeat:repeat-x;
	padding:10;
*/	
	overflow:hidden;

	border-bottom:1px solid #ccc;
	
	text-align:left;
}


/* top banner */
#header {
	background-image: url("../images/head.jpg");
	background-repeat:no-repeat;
	background-position: right;
	padding: 0px;
	border: 0px;
	height:251px;
	width:725px;
	}

#header a {
	float: right;
	display:block;
	height:150px;
	width:195px;
	}

#header a:hover {
	text-decoration: none;
	}

/*left content bay */
#lcontent {
	float: left;
	margin-left: 5px;
	}

#lcontent a {
	margin: 10;
	border: 1px solid #ccc;
	}

#lcontent a:link,
#lcontent a:visited {
	border: 1px solid #fff;
	padding: 10px;
	display:block;
	}

#lcontent a:hover {
	border: 1px solid #ccc;
	padding: 10px;
	display:block;
	}

/*right content bay */
#rcontent {
	float: right;
	}

#rcontent a {
	margin: 10;
	border: 1px solid #ccc;
	}

#rcontent a:link,
#rcontent a:visited {
	border: 1px solid #fff;
	padding: 10px;
	display:block;
	}

#rcontent a:hover {
	border: 1px solid #ccc;
	padding: 10px;
	display:block;
	}

/*center content bay */
#content {
	width: 725px;
	}
#contentx {
	}

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
#credits {text-align:right;font-size:10px;width:725px;}
