/* == General Layout Styles
------------------------------------------------- */

body{background: #fff; font-family: Arial, Verdana, 'MS Sans-Serif'; font-size: 75%; line-height: 19px; color: #666;}

#wrap{width: 995px; margin: 0 auto 20px auto; border: 1px #ccc solid; border-top: 0;}

#wrap #hdr{height: 110px; background: url(/technologychallenge/img/header.jpg) #fefefe no-repeat bottom center;}
#wrap #nav, #wrap #ftr{border: 1px #aaa solid; border-width: 1px 0; background: url(/technologychallenge/img/bg-nav.gif) #bbe0e3 repeat-x top left;}
#wrap #content{padding: 20px 15px;}
#wrap #ftr{text-align: right; padding: 5px 15px; border: 0; border-top: 1px #dcdcdc solid;}
#wrap #content ul li{list-style-type: disc; margin-left: 30px;}

#wrap #hdr .logo{margin-right: 20px;float: right; width: 170px; height: 100px;}

/* == Navigation Styles
------------------------------------------------- */

#nav ul{height: 40px; margin: 0 0 0 15px;}
#nav ul li{float: left; display: inline; margin: 0 10px; padding: 10px 0; text-align: right; font-size: 105%;}
#nav ul li a{float: left; display: inline; color: #555; text-decoration: none; font-family: 'Franklin Gothic Medium'; padding: 0 0 0 15px;}
#nav ul li a:hover, #nav ul li a.on{color: #000; background: url(/technologychallenge/img/bg-nav-on.gif) no-repeat center left;}



/* == Text, Images, Links Etc.
------------------------------------------------- */

h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 175%; font-family: 'Franklin Gothic Medium'; color: #accb6c; letter-spacing: -1px; margin: 0 0 20px 0;}
h2{font-size: 150%; margin: 10px 0 0 0; font-weight: bold; color: #d44141;}
h3{font-size: 140%; margin: 10px 0 0 0; font-weight: bold; color: #666}
h4{font-size: 130%; margin: 10px 0 0 0; font-weight: bold;}
h5{font-size: 120%; margin: 10px 0 0 0; font-weight: bold;}
h6{font-size: 110%; margin: 10px 0 0 0; font-weight: bold;}

#wrap #hdr .strapline{float: left; display: inline; margin: 22px 0 0 15px;}

#wrap #content a{color: #04A07A; border-bottom: 1px #04A07A dashed; text-decoration: none;}
#wrap #content a:hover{border-bottom: 1px #04A07A solid;}

#wrap #ftr a{color: #666; font-size: 85%; margin: 0 5px;}
#wrap #ftr a:hover{text-decoration: none;}


/* == Form Styles
------------------------------------------------- */

#wrap #content form.register label{float: left; width: 110px; margin: 7px 0;}
#wrap #content form.register input{float: left; width: 230px; border: 1px #ccc solid; padding: 5px; margin: 3px 0;}
#wrap #content form.register input.submit{width: 80px; color: #fff; font-size: 90%; font-weight: bold; font-family: 'Trebuchet MS'; background: url(/technologychallenge/img/bg-nav.gif) #BBE0E3 repeat-x top left; padding: 4px 0;}
#wrap #content .error{width: 330px; background: #ffafaf; border: 1px #ccc solid; padding: 5px 10px 15px 10px; color: #fff; margin: 0 0 15px 0;}
#wrap #content .error ul{margin: 0 0 0 10px;}
#wrap #content .error ul li{list-style: square inside;}
#wrap #content .success{background: #95EFBB; padding: 5px 10px;}