*{margin:0; padding:0;}

body{font:0.76em Verdana,Tahoma,Arial,sans-serif;line-height:1.4em;text-align:center;color:#323232;background:#ededed url(../images/font.png) repeat-x center top;}

#container {background:#fff;border:0.1em solid #777;color:#323232;margin:2em auto;text-align:left;width:65em}

#logo {
	float: right;
	margin-top: 2em;
	margin-right: 0.5em;
}

#header{height:12em;
		width 63.8em; 
		background:#336699;
		color:#fff;
		border:0.1em solid #2F4A6C;
		margin:0.5em;}
		
#title{
		float: left;
		font-size:2.3em;
		margin-left: 2em;
		margin-top: 2em;
		line-height: 1em;
		}
#subtitle{
			margin-left: 2em;
			clear: left;
			float: left;
			font-size:1em;}

#header a {
	text-decoration: none;
	color: white;
}

#navigation{float:right;display: block;margin: 0px;padding:0px;margin-left:20px;line-height:2.1em;color:#ccc;margin-right:0.5em;white-space:nowrap;margin-top: 1em;}
#navigation li{list-style-type:none;white-space:nowrap;}
#navigation li a{display:block;width:17em;padding:0 0.6em;font-size:0.8em;font-weight:normal;text-transform:uppercase;text-decoration:none;color: #444;border:0.1em solid #ddd;margin-bottom:0.2em;text-align:center;background-color:#eee;}

#navigation li a:hover{color:#fff;text-decoration:none;background-color:#369;border:0.1em solid #558822;}

#navigation li a.active{color:#fff;text-decoration:none;background-color:#369;border:0.1em solid #558822;}

p {
	margin-bottom: 6px;
}

#contactInfo {
	clear: both;
	float:  right;
	margin-right: 1em;
}

#contactInfo a {
	color:  white;
}

#contactInfo a:hover {
	color: #369;
	background-color: white;
}

#content {font-size:0.9em;margin-right:15em;padding:1em 3em 3em}
#content h2{margin:0 0 0.3em -0.9em;font-size:1.7em;font-weight:normal;letter-spacing:-1px;color:#222;}
#content h3{margin:0.7em 0 0.3em -0.6em; font-size:1.4em; letter-spacing:-1px;color:#222;font-weight:normal;}
#content a{color:#336699;font-weight:bold;text-decoration:none;}
#content a:hover{color:#336699;text-decoration:underline;}
#content img {padding:1px;margin-right:6px;border:0.1em solid #777}

table {border:1px solid #336699;border-collapse:collapse}
table th {background-color:#336699;border:1px solid #2F4A6C;color:#fff;padding:4px}
table td {background-color:#fff;border:1px solid #336699;color:#323232;padding:4px;text-align:left;}

input,textarea,select {background-color:#FAFAFA;border:1px solid #ccc;color:#323232;font-family:Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;font-size:11px;padding:0.2em}
input:focus,textarea:focus {background-color:#FFF;border:1px solid #336699;color:#2F4A6C}


#footer{clear:both;width:63.8;margin-top:1em;padding:0.4em 0;font-size:0.9em;color:#f0f0f0;background:#336699;margin:0.5em;border:0.1em solid #2F4A6C;text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#fff; text-decoration: underline;}

li {
	margin-left: 2em;
	padding-left: 1em;
}

.boxout {
	padding: 5px;
	border:  1px solid #369;
}