/**
Create css 2 column layout.  Used tutorial from
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
*/
body,
html 
{
    margin:0;
    padding:0;
    color:#000;
	font-size: small;
}

body 
{
    min-width:750px;
}

#wrap 
{
    margin:0 auto;
    width:750px;
	font-size: 110%;
}

#main 
{
    float:right;
    width:500px;
}

#main img
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

#sidebar 
{
    float:left;
    width:240px;
}

#sidebar h3
{
	font-size: 110%;
}

#sidebar ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar li
{
	padding-bottom: 10px;
}

#footer 
{
	margin-top: 20px;
	clear:both;
}

/**
Navigation menu css.  Used Dive into Mark Pure CSS Tabs from
http://css.maxdesign.com.au/listamatic/horizontal12.htm
*/
#navcontainer ul
{
	display: block;
	list-style: none outside;
	padding: 0;
	margin: 15px 0 0 10px;
}

#navcontainer li
{
	padding: 0;
	margin: 0 1px 0 0;
	border-top: 1px solid #cecbc6;
	border-right: 1px solid #cecbc6;
	border-left: 1px solid #cecbc6;
	background-color: #00000;
	color: #ffffff;
	font-weight: bold;
	/* the next 4 lines are magic */
	display: block;
	float: left;
	position: relative;
	top: -1.32em;
}

#navcontainer a:link,
#navcontainer a:visited
{

	background-color: #002A6E;

/**
	background-color: #242A6E;
*/
	color: #ffffff;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
	display: block;
	clear: both;
}

#navcontainer li#active a
{
/** original
	background-color: #CCFF99;
*/
	background-color: #8CFF70;
/**
	background-color: #FFB40F;
	*/
	color: #474E41;


}