* { margin: 0; padding: 0; }
img { border: 0; }
a img { border: 0; }
.clear{clear:both;}
body { font-family: Arial, Helvetica, Sans-Serif; font-size: 62.5%; background-color: #ffd300; margin: 0; padding: 0; }
h1 { height: 340px; width: 760px; background-image: url(images/header_1207.gif); margin-top: 20px; text-indent: -1000em; }
h1.quizHeader{position:relative;background: url(images/quiz.gif) no-repeat left top; height:215px;z-index:0;}
h1.newsHeader{background: url(images/header-newsletters.gif) no-repeat left top; height:231px;}
h1.newsConfirm{background: url(images/newsConfirm.gif) no-repeat left top; height:231px;}
#welsh { padding: 5px 20px 5px 20px; background-color: #0c4674; color: #FFF; position: absolute; font-weight: bold; font-size: 1.1em; top: 20px; left: 20px; }
#column-wrapper { width: 760px; padding: 20px; }
#column-wrapper #left { float: left; width: 230px; }
#column-wrapper #left p { background-color: #b31f24; padding: 10px 10px 10px 20px; margin-bottom: 1px; font-size: 1.1em; line-height: 1.2em; font-weight: bold; color: #FFF; }
#column-wrapper #left .foot-link { display: block; margin-bottom: 20px; }
#column-wrapper #left p a { color: #FFF; }
#column-wrapper #right { float: left; width: 470px; margin-left: 20px; }
#column-wrapper #right p { padding: 10px; font-size: 1.3em; line-height: 1.5em; }
#column-wrapper #right p a { font-weight: bold; color: #b31f24; }
#column-wrapper #right #post-text { text-align: right; }
#page-footer { width: 760px; background-color: #0c4674; text-align: right; color: #FFF; font-size: 1.1em; padding-top: 10px; padding-bottom: 5px; }
#page-footer p { float: left; text-align: left; padding-top: 23px; padding-left: 10px; }
#page-footer p a { color: #FFF; }


/*#quiz h1{background:none; height:auto; width:auto;}*/

#container{position:relative;padding:5px 0 0 0;width:760px;z-index:1000;}
#quiz{padding:10px 20px 20px 20px;width:680px; margin:20px auto 20px auto;background:#FFD300;}
#quizContainer{position:relative;overflow:hidden; height:325px; width:680px;}
#quizContent{float:left; display:inline;width:6500px;}

.question{float:left; display:inline;width:680px; margin:0 20px 0 0;}
.question fieldset{border:0;padding:0 0 10px 0;}
.question h2{font-size:1.4em; color:#333; margin:0 0 6px 0;}
.question p{font-size:1.3em;margin:0 0 12px 0;font-weight: bold;}

.question .intro p{font-weight:normal;}

.nextStep a{display:block; font-size:1.4em;font-weight: bold; text-align:center; background:#B31F24;padding:4px 0; color:#fff; text-decoration:none;}
.nextStep a:hover{background:#0C4674;}

.formLine{position:relative;float:left; display:inline;clear:both;width:680px; margin:0 0 4px 0;}
.formLine label{float:left; display:inline;font-size:1.3em;width:620px;}
.formLine input{float:left; display:inline; margin:0 10px 0 0; }
.formLine p{margin:0 0 4px 0;}

.imgLine{clear:none;width:150px;}
.imgLine label{width:110px;}

.imageQuestion {margin:0 0 4px 0;}
.imageQuestion img{margin:0 30px 0 0;}

.answer{background:#eee; padding:10px;}
.answer h3{font-size:1.4em;font-weight: bold;}
.answer h3.true{color:#709442;}
.answer h3.false{color:#B31F24;}
.answer p {font-weight:normal;}

.quizResults h2{font-size:1.8em;margin:0 0 10px 0;}
.quizResults h3{font-size:1.4em;margin:0 0 10px 0; color:#B31F24}
.quizResults p{font-size:1.3em; margin:0 0 15px 0;}
.quizResults a{color:#B31F24;}

.steps{clear:both; height:70px;margin:0px 0 5px 130px;}
.steps .stepContainer{float:left; display:inline;margin:0 30px 0 0; width:240px;}
.steps .stepContainer p{float:left; display:inline;width:240px;font-size:1.3em;font-weight: bold; line-height:20px; margin:0 10px 0 0; color:#333333;}
.steps .stepContainer ul{list-style:none;}
.steps .stepContainer ul li{float:left; display:inline; font-size:1.3em; line-height:22px; padding:0 8px; margin:0 2px 0 0; background:#0C4674; color:#fff;}

.steps .stepContainer ul li.questionOn{font-weight: bold;background:#B41F24;}


#newsletter{padding:20px;width:680px; margin:20px auto 20px auto;}
#newsletter h2{font-size:1.8em; margin:0 0 10px 0;}
#newsletter p{font-size:1.3em; margin:0 0 15px 0;}
#newsletter fieldset{padding:10px 0 6px 10px;border:0px}
#newsletter fieldset .formLine label{font-weight: bold;}
#newsletter .formLine p{margin:0 0 6px 0;}

.newsletters{clear:both;font-size:12px; padding:0 0 0 25px;}
.newsletters ul{list-style:none;}
.newsletters ul li{ margin:0 0 2px 0;}
.newsletters ul li input{margin:0 10px 0 0;}
.newsletters ul li ul{padding:4px 0 0 0;margin:0 0 10px 15px;}

.newsletterLine label{width:140px;}
.newsletterLine input{width:220px; padding:2px;}

.errorMsg{padding:10px;background:#B41F24; margin:0 0 20px 0;}
.errorMsg ul{list-style-position:inside; list-style-type:square;}

.errorMsg ul li{color:#fff; font-size:1.2em;font-weight: bold;}
