* { padding: 0; margin: 0; outline: none; }

body { background: url(images/mainbg.png) #FFF repeat-x; font-family: Arial, Verdana; }

a img { border: none; }

.clear { clear: both; height: 1px; }

.wrapper { width: 956px; height: auto; margin: 0 auto; }

#header { width: 100%; height: auto; padding-top: 30px; }
	.logo { width: 348px; height: 123px; float: left; display: block; }
	
	ul.nav { width: auto; float: right; display: block; padding: 0; margin: 0; list-style: none; margin-top: 80px; }
	ul.nav li { float: left; width: auto; text-align: center; padding-left: 10px; padding-right: 10px; font-family: Arial, Verdana; font-size: 14px; }
	
	ul.nav li a { padding: 5px; background: transparent; color: #004356; text-decoration: none; }
	ul.nav li a:hover { background: #1f83b9; color: #FFF; border: 1px solid #8dc0dc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	ul.nav li.selected a { background: #1f83b9; color: #FFF; border: 1px solid #8dc0dc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	ul.nav li.selected a:hover { color: #0c405c; }
	
#display { width: 416px; height: 254px; background: url(images/displaybg.png) no-repeat; margin-top: 30px; padding-left: 40px; padding-right: 540px; padding-top: 60px; line-height: 24px; color: #FFF; }
	#display h1 { font-size: 35px; font-family: Arial, Verdana; color: #FFF; margin-bottom: 10px; margin-top: 40px; }
	
#content { width: 934px; height: auto; border: 1px solid #dfe1e1; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }

#content b { color: #0776b2; }

#content .left { width: 690px; float: left; margin-right: 10px; margin-left: 10px; font-size: 12px; line-height: 22px; }
#content .left a { color: #0776b2; }

#content .left ul.use_list { width: 690px; height: auto; margin-bottom: 20px; list-style: none; }
#content .left ul.use_list li { float: left; width: 335px; height: auto; font-size: 14px; line-height: 22px; }
#content .left ul.use_list li .icon { float: left; width: 40px; height: auto; }
#content .left ul.use_list li .message { float: left; width: 265px; height: auto; }

#content .right { width: 220px; height: auto; float: right; }

#content .left h1 { font-size: 16px; margin-bottom: 10px; }

#content .left h3 { font-size: 16px; margin-bottom: 10px; margin-top: 10px; }

#content .left ul { list-style: none; margin-bottom: 10px; }

h2 { font-size: 18px; }

.error { margin-top: 10px; margin-bottom: 10px; color: red; }

.good { margin-top: 10px; margin-bottom: 10px; color: green; }

.textbox_small { margin-top: 10px; margin-bottom: 10px; width: 235px; height: 32px; padding-left: 5px; padding-right: 5px; font-size: 14px; }

#footer { margin-top: 10px; font-size: 12px; margin-bottom: 10px; }
	#footer a { color: #0776b2; }