/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin:0px;  
  padding:0px;  
  border:0px;  
  border-collapse:separate;  
  border-spacing:0px;
}

/* BEGIN STYLING */
body {
	background-color: #FFF;
	font: 100.1% Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
	color: #000;
	text-align: center;
}

#container {
	width: 950px;
	margin: 0 auto;
	border: 1px solid #000;
	border-top: 15px solid #000;
	text-align: left;
}

h1,
h2 {
	text-indent: -9009px;
	width: 325px;
	height: 80px;
}

h1 {
	background: #FFF url('../img/h2.jpg') no-repeat top right;
	float: right;
	margin-right: 2em;
}

h2 {
	background: #FFF url('../img/logo.jpg') no-repeat top left;
	margin-left: 2em;
}

#nav {
	background-color: #304fa2;
	width: 85%;
	margin: 2em auto;
	text-align: center;
	padding: 1em;
}

#nav li {
	display: inline;
	list-style: none;
	padding: 2em;
}

#nav li a,
#nav li a:link,
#nav li a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#nav li a:active,
#nav li a:hover {
	border-top: #c8272d solid 3px;
	border-bottom: #c8272d solid 3px;
}

#formcontainer {
	border: 1px solid #304fa2;
	width: 350px;
	float: right;
	margin: 1em;
}

#formtitle {
	background-color: #304fa2;
	text-align: center;
	font-weight: bold;
	padding: .5em;
	color: #FFF;
	font-size: .9em;
}

h3, 
p {
	padding: .5em;
}

strong.name {
	color: #334FA3;
}

strong.name span{
	color: #C8282D;
}

ul.list li {
	font-size: .8em;
	padding: .5em 0 .5em 2em;
	list-style: none;
	font-variant: small-caps;
}

.imgl,
.imgr,
.imgc {
	border: 1px solid #304fa2;
	padding: .3em;
	margin: 1em;
}

.imgl {
	float: left;
}

.imgr {
	float: right;
}

.imgc {
	display: block;
	margin: 0 auto;
}

#footer {
	background-color: #000;
	margin-top: 2em;
	clear: both;
}

#footer p {
	color: #FFF;
	padding: .3em;
	font-size: .7em;
	text-align: center;
}

#footer p a,
#footer p a:link,
#footer p a:visited {
	font-weight: normal;
	color: #FFF;
}

#footer p a:active,
#footer p a:hover {
	color: #c8272d;
}
