@charset "UTF-8";
/* CSS Document */

html
{
height: 100%;
}

body
{
height: 100%;
background-color:#ADD248;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
}

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 2em;
width:771px; 
margin:0 auto;
overflow:hidden;
}

#wrapper {overflow:hidden; background:#FFFFFF; padding:20px; padding-top:0px; margin:0; width:731px;}

#menu { background:#FFF; height:28px; padding-left:20px;}

#banner
{
height:323px;
background-color:#FFFFFF; padding:20px; padding-bottom:10px;
}

#divider {height:10px; background:#FFCC33;}

#header {background-image:url(images/header.jpg); background-repeat:no-repeat; height:120px; width:771px;}

#leftcol { width:45%; float: left; padding:10px;}

#rightcol { width:49%; float:left; padding:10px; }

#leftmenu {width:20%; float:left; padding-right:20px; padding-top:20px; }

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 12em;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.7em;
		margin-bottom : -1px;
		width: 12em;
		border:#FFFFFF 1px solid;
	}
	
	#nav li a {
		width: 12em;
		w\idth : 12em;
		display : block;
		color:#FFFFFF;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		padding : 0 0.5em;
		background:#4499D7;
		height:20px;
	}
	
	#nav li a:hover {
		color : white;
		background:#ADD248;	
		height:20px;}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}



#maincontent {width:70%; padding:10px; float:left;}

#aboutme {width:98%; padding:10px; float:left;}

.blueback {background:#F0F4FE; border:#999999 1px solid;}
.blueback2 {background:#F0F4FE; border:#999999 1px solid; padding:10px; width:95%;}

#footerleft { width:35%; float:left; padding:20px; }
.footerright { width:22%; float:left; padding:20px; }

.articles {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em; color:#333333;}
.articleheader {background:#ADD248; padding:0.4em; width:97%; font-weight:bold; color:#FFFFFF;}

#footer
{
width:771px; 
margin:0 auto;
position: relative;
margin-top : -3em;
background:#3366CC;
height:9em;
height : 325px;
} 

#footerbottom {width:771px; height:50px; background:url(images/footerbottom.gif); background-repeat:no-repeat; margin:0 auto; margin-bottom:10px;}

p, .bold, .main, .footerfont, .boldblue {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:13px; line-height:1.4em;}
.bold {font-weight:bold;}
.boldwhite {font-weight:bold; color:#fff;}
.boldblue, h4 {font-weight:bold; color:#4499D7; font-size:16px;}
.boldgreen {font-weight:bold; color:#85983F; font-size:14px;}
.footerfont {color:#FFFFFF;}
.footersmall {color:#FFFFFF; font-size:10px;}

a:link {
	color: #4499D7;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color: #4499D7;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#ADD248;
	text-decoration:none;
	font-weight:bold;
}
a:active {
	color: #4499D7;
	text-decoration:none;
	font-weight:bold;
}

#footer a:link {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}
#footer a:visited {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover {
	color:#ADD248;
	text-decoration:none;
	font-weight:bold;
}
#footer a:active {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
}