/* Get rid of all margins as they seem to make a mess: */
#header, #content, #memu_main, #menu_sub, #wrapper, .news, #toc_list, #page_buttons
{
	margin:0;
	padding:0;
	border:0;
}


/* First thing we need is sections for the format of the website. */
#header, #content, #menu_main, #footer, #wrapper
{
	width:100%;
	display:block;
	margin:0px;
	padding: 0px;
	border-width:0px;
	border-style:solid;
	border-color:white;
	background-color:white;
	position:relative;
}


body, #wrapper
{
	margin:0px;
	border:0px;
	padding:0;
	background-color:black;
}

body
{
	margin:10px;
}


#wrapper
{
	/*width:90%;*/
	margin: auto;
	padding: 0;
}

#header
{
	background-color:#fff;
}


/***********************
*** MAIN MENU STYLES ***
***********************/

#menu_main
{
	left:  0px;
	top:   0px;
	width: 100%;
	border:0px solid black;
}

div#menu_main p{
	padding: 0;
	margin: 0;
	border: 0;
	border-top:1px solid #006e6e;
	border-bottom:1px solid #006e6e;
	border-left: 1px solid #006e6e;
	text-align: left;
}


div#menu_main a
{
	color: #000;
	background: #dd0;
	width: 6em;
	border: 0;
	border-right:1px solid #006e6e;
	display:inline-block;
	margin:0;
	padding: .5em 0;
	text-align:center;
	font:normal normal normal 8pt/100% Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
	background:#00999b url('images/main_menu_button_u.png') no-repeat center center;
}

div#menu_main a:hover
{
	color: black;
	text-decoration:none;
	background:#00999b url('images/main_menu_button_d.png') no-repeat center center;
}

/**********************
*** SUB MENU STYLES ***
**********************/

#menu_sub
{
	background-color: #d1e3ff;
	margin: 0;
	padding: .5ex 0px;
	border: 0;
}

div#menu_sub a{
	font: normal normal normal 10pt/100% Arial;;
	margin: 0 2px;
	text-decoration: none;
	color: #000;
}

div#menu_sub a:hover{
	text-decoration: underline;
}



/*****************************
*** CONTENT SECTION STYLES ***
*****************************/

#content
{
	border:0;
	margin:0;
	padding:0;
}



div#content a
{
	text-decoration: none;
	font-weight:bold;
	color:#aa0000;
}

div#content a:link, a:active
{
}

div#content a:visited
{
	font-weight:normal;
}

div#content a:hover
{
	text-decoration: underline;
}

div#content a.tlink
{
	font:inherit;
	color:inherit;
}
div#content a.tlink:hover
{
	text-decoration:underline;
}

div#content p
{
	margin-bottom:0px;
}

div#content table
{
	width:  100%;
	border: 0px outset gray;
	background-color: white;/*black;*/
	text-align: left;
	padding:0px;
	margin:0px;
}

div#content td, th
{
	text-align:left;
	padding: 0px;
	margin:  0px;
	border: 0px solid black;
	vertical-align:top;
}

div#content h1, h2, h3, h4
{
	margin:  0px 0px 5px 0px;
	padding: 2px 0px;
	font-weight: bold;
}

div#content h1
{
	margin: 0px;
	font-size:  200%;
	text-align: center;
	border:     0;
	background-color:white;
	color:black;
}

div#content h2
{
	padding: 2px;
	border:     0;
	color: black;
	background-color:white;
	font-size: 175%;
}

div#content h3
{
	padding: 2px;
	border:     0px solid #707070;
	font-size: 150%;
}

div#content h4
{
	font-size: 125%;
	margin-top:1em;
}

div#content ul
{
	margin:1em;
	border:0;
	padding:0;
}



/******************
*** NEWS STYLES ***
******************/

div#news
{
	border:2px solid red;
	padding:1em;
}

div#news h3
{

}

div#news p
{
	margin:0 2em;
}

div#news h2
{
	border:0;
	color:black;
	background-color:white;
}


/********************
*** FOOTER STYLES ***
********************/


div#footer
{
	margin:0em 0;
	padding:0em;
	font-size:8pt;
	color:#777777;
}

div#footer a
{
	color:#666666;
	text-decoration:none;
}

div#footer a:hover
{
	text-decoration:underline;
}

div#footer hr
{
	margin: 0em 12%;
}

div#footer p
{
	padding:0em 0;
	margin:0em 20% 1em 20%;
	border-top:1px solid #555555;
	border-bottom:1px solid #555555;
}



/*********************
*** Misc STYLES ***
*********************/

#content_page, #contact_page, #news_page
{
	padding:1em;
}