html { 
background:#d4d0c8 }

body { background: url(bg.png) repeat-x; background-position: top; margin:0; padding:0;

 /* Height is 100%, so the tiled BG will tile all the way down the page, not just as far down as the page's content (when the content's height < window's height) */ height:100%; } /* Hackety-hack-hack... FF2, with the above code, will only display the repeat-y image for as high as the window's viewport is; higher content (upon scrolling) will not have the bg. This "hack" makes the tiled background work properly in FF2. This type of "advanced selector" is not understood by IE6...dunno 'bout IE7. */ html>body { min-height:100%; height:auto; } 




.border {
	border: 1px solid #362C61;
	padding: 2px;}

a {
	text-decoration: none;
	color: #aea28c;
	letter-spacing: 0px;
	font-weight: bold;


}
a:hover {
	color: #CAC9C8;
	font-weight: bold;
}
b, strong {
	color: #313131;
	font-weight: bold;
	letter-spacing: 0px;}

i, u {
	color: #313131;
	font-weight: none;


}



input,textarea,select{
    background:#3F3371;
	color:#8F85B7;
	font-size: 11px;
	font-weight: ;
	text-transform: ;
	font-family: arial;
	border: #372C64 1px solid;
	border-radius: 5px;
	-moz-border-radius:  5px; 
	-webkit-border-radius: 5px;


#contents-body {
	background: #ffffff url(newsbg.png) repeat-y;
	width: 560px;
	height: 100%;
	vertical-align: top;
	padding-left: 10px;
}



#contents-body h1 {
	font: 14pt Georgia;
	font-style: italic;
	color: #9FB5C0;
	margin: 0px;
}


}
table{
	color:#3F3371;
	font-family: arial;
	font-size: 11px;
}

.title2 {
	background-color: #EFEEE8; 
	font-family: Trebuchet MS;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 9pt;
	padding: 0px;
        border-bottom:#ECEBEB solid 0px;
}

.title {
	font: 14pt Georgia;
	font-style: italic;
background-color: #EFEEE8;
	color: #584a62;
	margin: 0px;
	letter-spacing: 1px;
	line-height: 9pt;
	padding: 3px;
}

.title3 {
	background-color: #DDDDDD;
	font: 8pt Trebuchet MS;
	font-style: italic;
	color: #828282;
	margin: 0px;
	margin-bottom: 10px;
}

.content {
	background-color: #EFEEE8;
        height: 100%;
        padding: 3px;
	line-height: 9pt;
	font-family: Trebuchet MS;
	font-size: 9px;
	color: #313131;
        border-bottom:#ECEBEB solid 0px;
}

		
.textinput {
    	padding: 4px;	background: #262626;	
	font: 11px arial;
	color: #717171; 
	border-bottom: px solid #1D1D1D;	
	border-top: px solid #1D1D1D;
	border-left: px solid #1D1D1D;
	border-right: px solid #1D1D1D;
	Line-Height: 14px; 


.h2 {
}


}	
h1 {
background: #525252; 
font-family: Georgia;
 font-size:15px;
letter-spacing:2px;
		line-height: 15px; 
text-transform: uppercase;
padding: 5px; 
font-weight: bold;
		text-align: center;
		color:#D1D1D1; 


}
		
.textinput2 {
	background-color: #4B4B4B; 
	background-repeat: no-repeat;	
	font-family: Arial;
	font-size: 11px;
	color: #8E8E8E; 
	Line-Height: 15px; 
	Letter-Spacing: 0px;
	border-bottom: 0px solid #F2EBE1;
	padding: 7px;
	-moz-border-radius: 10px;


}
p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}	

a img {
opacity:.90;
filter: alpha(opacity=80);
 -moz-opacity: 0.5;
border: 1px solid #525252;
	padding:4px;
        -moz-border-radius: 8px 8px 8px 8px;


}
a:hover img {
border: 1px solid #aea28c;
	padding:4px;
        -moz-border-radius: 8px 8px 8px 8px;

}


input, textarea, button, select {
color: #3F3371;
margin: 1px;
background: #8F85B7;
text-transform: none; 
line-height : 30px;
text-decoration : none;
font-size: 11px;
font-weight: none;
text-transform: ;
font-family: arial; 
text-align :center;
	border-bottom: 1px solid #372C64;	
	border-top: 1px solid #372C64;
	border-left: 1px solid #372C64;
	border-right: 1px solid #372C64;
padding:1px; 
}

blockquote {
                border-left:6px solid #a39ea0;
	background-image:url(blockquote_bg.png);
	padding:5px;}