/* 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, #header
{
	margin:0px;
	border:0px;
	padding:0;
	background-color:#7bcff7;
	font:normal normal normal 12pt/120% Times;
}

#wrapper
{
	width:800px;
	margin: 10px auto;
	padding: 0;
}

#header
{

}


/***********************
*** 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 #000;
	border-bottom:1px solid #000;
	border-left: 0px solid #000;
	text-align: left;
}


div#menu_main a
{
	color: #000;
	width: 6em;
	border: 0;
	border-right:0px solid #000;
	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:#f5f5f5 url('images/menu_button_u.png') no-repeat center center;
}

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

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

div#menu_sub
{
	background-color: #ddd;
	margin: 0;
	padding: 7px 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;
}

twitter_update_list a
{
	font-weight:normal;
}



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

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

}


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

div#content a:visited
{
	color:#880000;
}

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

div#content a.tlink
{
	font:inherit;
	color: white;
}
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,
div#content th
{
	text-align:left;
	padding: 0px;
	margin:  0px;
	border: 0px solid black;
	vertical-align:top;
}

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

div#content h1
{
	margin: 0px;
	padding:8px 0px 18px 0px;
	font-size:  200%;
	text-align: center;
	border:     0px solid black;
	background-color:#707070;
	background: #707070 url('images/h1_bottom.png') repeat-x left bottom;
	color:#eee;
}

div#content h2
{
	padding: 2px 3px 2px;
	border: 0px solid black;
	color: white;
	background: #707070 url('images/h1_top_black.png') repeat-x left top;
	font-size: 175%;
	line-height:105%;
}

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

div#content h4
{
	font-size: 100%;
	margin-top:.10em;
}

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



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

div.news
{

}

div.news h3
{
	margin:5px 0px;
}

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

/****************************
*** HOME PAGE DIV SEGMENT ***
****************************/
div.home_seg
{
	padding:2px;
	display:inline-block;
	vertical-align:top;
	margin:0;
	border:0;
}

/*******************************
*** TABLE OF CONTENTS STYLES ***
*******************************/

div#toc_list
{
	padding:2px;
}

div#toc_list p
{
	margin:2em;
}


div#toc_list a,
div#toc_list a:visited
{
	color:black;
	font-size:120%;
	font-weight:normal;
	font-weight:bold;
}

div#toc_list a.sort_link
{
	font-size:130%;
	text-decoration: none;
	color:white;
}

div#toc_list a:hover.sort_link
{
	text-decoration:underline;
}

div#toc_list th
{
	background:gray;
}


/******************************
*** STYLES FOR PAGE BUTTONS ***
******************************/
div#page_buttons
{
	text-align:center;
}

div#page_buttons a, a.current_page, div#page_buttons a:visited
{
	padding: 0px;
	margin:0px;
	text-decoration: none;
	color: white;
	margin: 0px 1px;
	display:inline-block;
	width:   30px;
	border:  2px outset black;
	background-color:blue;
	text-align:center;
	font-weight:normal;
}

div#page_buttons a:hover
{
	text-decoration:none;
	border-style:inset;
}


div#page_buttons a.current_page
{
	border-style:inset;
}

div#page_buttons p
{
	margin:0;
	border:0;
	padding:1em;
}

a.big_link
{
	font-size:120%;
	display:block;
	margin:6px 0px;
}



/********************
*** 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;
}


/**********************************
*** STYLES FOR IMBEDDED CONTENT ***
**********************************/
/* The blog portion of the stie uses the image_block for pictures. */
/* Image block. */
div.image_block
{
	display:block;
	padding:0;
	margin:.25em 5px 0em 5px;
	border:0;
	text-align:left;
	font-size:75%;
	color:#fff;
	background-color:#000;
}

div.image_block p
{
	margin:0;
	border:0;
	padding:.25em .75em;
}

div.image_block a img
{
	border:0;
	margin:0;
	padding:0;
}

div.b2evo{
	margin:5px;
}

div.b2evo h4{
	margin:0px;
	padding:0;
	border:0;
	display:inline;
}