/* Pull in NN4 hidden styles */
@import url( "non-nn4.css" );

* {
	/*-moz-outline: solid 2px red;*/
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	background-color: #000000;
        background-image: url("images/grass11.jpg");  
	color: white;
	margin: 0;
	padding: 0;

	font-family: sans-serif;

	position: absolute;
	top: 0;
	bottom: 0;
}

acronym[title] {
	cursor: help;
}

img {
	border: 0;
}

a {
	color: #ee0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img { 
	text-decoration: none;
      }

a#tournament {
	color: #ee0000;
	text-decoration: none;
	margin: 0px;
}

a.noblock {
	float: left;
}



a#tournament:hover {
	text-decoration: underline;
}


a#social {
	color: #0000ee;
	text-decoration: none;
	margin: 0px;
}
a#social:hover {
	text-decoration: underline;
}


a#other {
	color: #00ee00;
	text-decoration: none;
	margin: 0px;
}
a#other:hover {
	text-decoration: underline;
}


a.edit{
	float: left;
	text-align: center;
	display: block;
	margin: 0px 4px 0px 4px;
	width: 150px;
	border: 1px solid black;
	color: #EE0000;
	text-decoration: none;
}

a.edit:hover{
	background-color: #EE0000;
	color: #FFFFFF;
}


ul.noedit {
	float: left;
	text-align: center;
	display: block;
	margin: 0px 4px 0px 4px;
	width: 150px;
	border: 1px solid black;
	color: #999;
	text-decoration: none;
}

#clearboth {
	clear: both; 
	line-height: 0; 
	height: 0;
}

			
	

code {
	font-size: 80%;
}
	
ul {
	margin: 0;
	padding: 0;
}

li {
        list-style-type: none;
	margin: 0;
	padding: 0;
}


table {
        color: Black;
      }

table.myCalendar {
	margin: 5px;
	padding: 0;
	line-height: 1em;
}

	
#sitenav {
        float: left;
        width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted white;
        background-image: url("images/nav-background.png");  
/*
        background-color: Black;
        filter:alpha(opacity=70);
        opacity: 0.70;
        -moz-opacity:0.70;
*/
}

#sitenav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border: none;
}
			
#sitenav li {
        list-style: none;
        float: left;
	color: white;
	width: 19.9%;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 85%;
}
	
#sitenav a {
	display: block;
	margin: 0 1px;
}

#sitenav a:hover {
	text-decoration: none;
/*	background-color: #ffa500;*/
/*	background-color: #ee0000;*/
        background-image: url("images/nav-a-background.png");  
	color: black;
}

#mainhead {
	width: 100%;
	border-bottom: 1px dotted white;
	background-color: Black;
	color: White;
	padding: 0;
	text-align: left;
/*        font: '48 px Magneto';*/
}


#mainhead img {
	vertical-align: middle;
	border-right: 1px solid white;
	margin: 0;
	padding: 0;
}

#logon {
        position: absolute;
        top: 0px;
        right: 0px;
/*	background-color: Transparent;*/
	background-color: Black;
	color: White;
	padding: 2px;
	text-align: right;
	font-size: 75%
}

		
.sectionnav {
	float: right;
	width: 20%;
	margin: 0;
	padding: 0;
	border: none;
	color: White;
        background-image: url("images/nav-background.png");  
	font-size: 90%;
/*
	background-color: Black;
        filter:alpha(opacity=70);
        opacity: 0.70;
        -moz-opacity:0.70;
*/
}

.sectionnav h4 {
	margin-bottom: 0;
	padding: 1%;
}

.sectionnav table {
	list-style: none;
/*	padding: 1em 1em 1em 0;*/
	border-left: 1px solid white;
	width: 80%;
}

.sectionnav li>a.link {
	display: block;
	padding: 0;
	margin: 4px 0 4px 8px;
	width: 80%;
}

.sectionnav li>a.active {
	font-weight: bold;
	font-style: italic;	
}

.sectionnav li>a.link:hover {
        background-image: url("images/nav-a-background.png");  
	color: black;
	text-decoration: none;
}

.sectionnav a.noblock {
	float: left;
/*	display: block;*/
  margin: 0px;
}

.sectionnav a.noblock:hover {
	float: left;
/*	display: block;*/
}

.sectionnav h5 {
	margin: 0;
	padding: 0 0 0 1em;
}


.sectionnav li ul {
	border-left: none;
	margin: 0;
	padding: 0 0 0 1em;
}

.subnav {
	border-top: 1px dotted white;
	border-bottom: 1px dotted white;
	margin-left: 5%;
	font-size: 80%
}

.subnav a {
	display: block;
	padding: 0;
	margin: 4px 0 4px 8px;
	width: 90%;
}

.subnav a:hover {
/*	background-color: #00ff00;*/
        background-image: url("images/nav-a-background.png");  
	color: black;
	text-decoration: none;
}

.subnav ul {
	list-style: none;
	padding: 0em 0em 0em 0;
	border-left: none;
	width: 100%;
}



#calendar {
	float: right;
	width: 20%;
	margin: 0;
	padding: 0;
	border-top: 1px dashed white;
	color: White;
        background-image: url("images/nav-background.png");
	font-size: 85%;  
}


#contents-border {
	float: left;
	width: 70%;
	padding: 1%;
	margin-left: 2%;
	padding: 20px;
	border-left: solid 1px white;
	border-right: solid 1px white;

        background-image: url("images/border-background2.png");  


/*        filter:alpha(opacity=80);
        opacity: 0.80;
        -moz-opacity:0.80;*/


	color: Black;

	/* bit of a hack to ensure a minimum height of the main content area */
	min-height: 80%; 

}

#contents {
        float: left;
	padding: 1%;
	margin-top: -2px;
	margin-left: -2px;
	margin-right: -2px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
/*        background-color: White;*/
        background-image: url("images/contents-background.png");  
	width: 98%;       

	color: Black;
/*        min-height: 600px;*/
        bottom: 0px; 
	font-size: 85%;
/*        overflow: expand; */
	line-height: 1.7em;
}

#content-footer {
        float: left;
	padding: 1%;
	margin-bottom: -2px;
	margin-left: -2px;
	margin-right: -2px;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
        background-image: url("images/contents-background.png");  
        width: 98%;       

	color: Black;
        bottom: 0px; 
	font-size: 85%;
}

#bbcode {
	width:80%; 
	border:1px dotted black; 
	padding:10px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:10px; 
	margin-bottom:10px;
}

.ul_image {
	float: left;
	width: 80%; 
	border: 1px solid black; 
	padding: 1%;
}

.ul_clear {
	clear: left; 
	line-height: 0; 
	height: 0;
}

.ul_image2 {
	float: left; 
	text-align: center; 
}



.hidden { list-style-type:none; }

#footer {
	clear: both;
	font-size: 80%;
	margin: 0;
	border-top: 1px dotted white;
        width: 98%;
        background-image: url("images/nav-background.png");  
}

#pageauthors {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#valid {
	float: left;
	width: 70%;
	text-align: right;
	margin: 0;
	padding: 0;
}

.hack {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
/*	border: 1px solid black;*/
}

/* for Mozilla/Safari/Opera */
	.hack2 {
		float: right;
		text-align: right;
		width: 1px;
		margin: 0;
		padding: 0;
/*                border: 1px solid red;*/

	}

	*>.hack2 {padding-top: 1200px; min-height: 1px;}
	*>.hack2 p {margin-top: -1200px; }
	* html .hack2 {
		/* IE5Mac filter \*/
	margin-bottom: 65%;
	color: black;
		/* end filter */
	}

/* opera */
	.hack3 {
		float: left;
		height: 1px;
		margin: 0;
		padding: 0;
/*                border: 1px solid blue;*/
	}

	*>.hack3 {padding-left:99%; min-width: 1px;}
	*>.hack3 p {margin-left: -99%;}


dt {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	display: inline;
	border-bottom: dotted 1px Black;
}

dd {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

.screenshot {
	width: 85%;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	clear: right;
	text-align: left;

	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: Black;
	background-color: transparent;
}

.screenshot dl {
	float: right;
	text-align: left;
	width: 60%;

	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: Black;
	background-color: transparent;
}

.screenshot img {
	border: solid 1px white;
/*	width: 240px;
	height:180px;*/
}

.horizontalList {
	margin: 0 auto;
	padding: 0;
	width: 80%;
}

.horizontalList li {
	display: inline;
}

#main ul {
	padding-left: 1em;
}

li.complete {
	color: #aaaaaa;
}

.disabled {
	text-decoration: line-through;
}

.pic {
	float: right;
	padding: 0 0 1em 1em;
}