html { font-family: Arial, Verdana; color: #555555; font-size: 12px; line-height: 21px; }

#html { background: url(../images/pattern.gif); }
#body { }
#container { margin: 55px auto; width: 908px; background: url(../images/background-main.png) repeat-y; }
#body.edit { margin: 66px auto; }

h1 { font-family: Georgia, Arial; font-size: 24px; font-weight: normal; color: #555555; line-height: 28px; }
h2 { font-family: Georgia, Arial; font-size: 15px; font-weight: normal; color: #555555; line-height: 18px; }
h3 { font-family: Georgia, Arial; font-size: 18px; font-weight: normal; color: #555555; }
h4 { font-family: Georgia, Arial; font-size: 16px; font-weight: normal; color: #555555; }
h5 { font-family: Georgia, Arial; font-size: 14px; font-weight: normal; color: #555555; }
h6 { font-size: 12px; font-weight: bold; color: #848484; }

h1, h2, h3, h4, h5, h6 { margin: 5px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: block; color: white; background: url(../images/background-button.gif) no-repeat bottom #86B539; text-align: center; padding: 10px 0 17px 0; }

p { margin: 10px 0; }

a { text-decoration: none; color: #747474; }
a:hover { text-decoration: underline; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.hr { background: url(../images/hr.gif) repeat-x bottom; height: 2px; }
.hr hr { display: none; }

img { border: 0; }

fieldset { border: 0; width: 340px; }
label { float: left; width: 90px; line-height: 45px; text-align: right; }
.input { background: #F3F7EB; border: 3px solid white; height: 22px; padding: 8px; font-size: 18px; color: #555555; float: left; width: 208px; margin: 0 0 5px 20px; }
.submit { font-family: Georgia, Arial; font-size: 24px; width: 135px; float: right; line-height: 35px; height: 35px; padding: 0; border: none; }
textarea { background: #F3F7EB; border: 3px solid white; height: 200px; width: 408px; padding: 8px; color: #555555; float: left; margin: 0 0 5px 20px; }
fieldset br { clear: both; }


#header { height: 175px; background: url(../images/background-header.png) no-repeat; position: relative; top: -41px }
	
	#nav { margin: 0; padding: 0 10px 0 20px; position: absolute; top: 10px; }
	#nav li { float: left; height: 31px; }
	#nav li#login-link { float: right; }
	#nav li a { display: block; font-family: Verdana, Arial; color: white; font-size: 14px; padding: 0 20px 0 10px; margin-left: 10px; line-height: 31px; }
	#nav li.on { background: url(../images/background-navigation.gif) left bottom no-repeat; }
	#nav li.on a { background: url(../images/background-navigation.gif) right bottom no-repeat; color: black; }
	
	#nav2 { margin: 0; padding: 0 10px 0 20px; position: absolute; top: 43px; }
	#nav2 li { float: left; padding: 0 10px; background: url(../images/vr.gif) no-repeat right 5px; }
	#nav2 li.last { background: none; }

	#header h1 { margin: 0; background: url(../images/digital-nation.gif) no-repeat; position: absolute; top: 70px; left: 37px; }
	#header h1 a { text-indent: -12345px; text-decoration: none; display: block; height: 103px; width: 340px; padding: 0; background: none; }
	
	#feature { position: absolute; top: 70px; right: 19px; width: 434px; height: 83px; padding: 5px 10px; background: url(../images/feature.gif) no-repeat; }
		
		#feature h4 { color: white; font-size: 24px; margin-top: 4px; }
		#feature li { text-align: center; color: white; margin-top: 13px; line-height: 12px; }
		#feature .read-more { position: absolute; bottom: 10px; right: 15px; margin: 0; }
		#feature a { color: white; }
	
#main { background: url(../images/background-content.gif) no-repeat bottom; min-height: 236px; margin: -35px 0 -110px 0; }

	#content { float: left; margin-left: 30px; width: 540px; }
	
	#column { float: left; margin-left: 32px; width: 285px; }
	
#footer { height: 110px; background: url(../images/background-footer.png) no-repeat; position: relative; bottom: -110px; }

	#footer #p { color: white; position: absolute; left: 20px; bottom: 20px; }
	#footer p { margin: 0; }
	#footer a { color: white; }
	

#modal_container { border: 10px solid white; background: white; }
#modal_container iframe { overflow: hidden; }
#modal_overlay { background: black; }
#login { background: #E1E1E1; width: 380px; height: 190px; margin: auto; overflow: hidden; }
#login body { width: auto; margin: 0; padding: 10px; }
#login h1 { text-indent: 10px; }
#login #message { position: absolute; top: 155px; left: 5px; margin: 0; }
#login #close { position: absolute; top: 0px; right: 0px; margin: 0; }

#wd-buttons { position: absolute; top: 5px }