@font-face 
{  
	  font-family: droid sans;  
	  src: url("fonts/droid-sans.ttf") format("truetype");  
} 

body
{
	margin: 0;
	padding: 0;
	font-family: "droid sans";
	
}

#topbar
{
	width: 1024px;
	height: 23px;
	text-align: right;
	background-color: #7aab1f;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	color: #ffffff;
	padding-right: 0px;
	font-size: 12px;
        line-height: 23px;
}

#topbar a
{
	color: #ffffff;
	text-decoration: none;
}

#topbar a:hover
{
	color: #ecde00;
	text-decoration: none;
}

#topbar a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#title
{
	width: 1024px;
	height: 200px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	color: #000000;
	text-align: center;
}

#title img
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

#navbar-container
{
	width: 100%;
	height: 37px;
	line-height: 37px;
	background-color: #009fe3;
	text-align: left;
}

#navbar
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height: 37px;
	line-height: 37px;
	text-align: left;
	font-size: 16px;
	padding-left: 28px;
}

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

#navbar a
{
	margin-right: 12px;
	margin-left: 12px;
	color: #ffffff;
	text-decoration: none;
}

#navbar a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#navbar a:hover
{
	color: #ecde00;
}

#navbar li
{
	display:block;
	float: left;
	height: 37px;
}

#navbar li.active
{
	background-color: #ffffff;
}

#navbar li.active a
{
	color: #000000;
}

#navbar .spacer
{
	width: 16px;
	height: 37px;
}

#content
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#content h1
{
	display: block;
	margin-left: 28px;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 10px;
}

#content h2
{
	display: block;
	margin-left: 28px;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 10px;
}

#content p
{
	display: block;
	margin-left: 28px;
	margin-top: 0px;
}