/* CSS Document for Survey */

/* general styles */

html,body{margin:3px 0px 0px 0px; padding:0; background-image:url(../images/bg.jpg);}
body{font: 76% arial,sans-serif;text-align:center;}
p{margin:0 10px 10px; color:#000;}
a{color: #7F0000;}
a:visited{color: #7F0000;}
a:link{color: #7F0000;}
a:hover{color: #6A0000; text-decoration:none;}
.blue {color: #08517C;}
div#container{ overflow:hidden; text-align:left; width:796px;margin:0; margin-top:10px; background-image:url(../images/bg_container.jpg); float:left; margin-left: 110px;}
div#containerlong{width:796px; background-image:url(../images/bg_page.jpg); background-repeat:no-repeat;  background-position: -10px 933px; margin:0px;}
ol {font-size:18px; clear:both;}

h1 { font-size:14px; color: #1272A4; margin-top:10px;}
h3 { font-size:21px; color: #7F0000; margin-top:10px;}
.buttleft { float:left; margin-top: 10px;}
.buttright { float:right; margin-top: 10px;}
.floatright {float:right;}
.floatleft {float:left;}


/* head */

div#header {margin:0px;color: #79B30B; float:right; }
div#header .logo{float: left; width: 417px; height:237px;}
div#header .loginform{margin: 0px 0px 0px 10px;line-height: 0px; margin-top: 80px;}
div#header .login{float: right; width: 241px; height:237px; background-image:url(../images/bg_login.jpg); color:#000000;}
div#header .formfield{width: 125px; margin-top: 10px; color:#333;}
div#header .formtext{width: 205px; color:#333; position:relative; left: 0px; top: 10px;}
div#header .loggedin{margin-top:100px; color:#333;line-height:normal;}
div#header .submit{ position:relative; left: 100px; top: 10px;}
div#header .buttons{ position:relative; right: 100px; top: 2px; padding-bottom:10px;}
div#mainimage{margin:0px; color: #79B30B; width:640px; float:right; }
div#heading{margin:0px; color: #000; width:362px; height:93px; font-size:19px; float:left; position:relative; left: 20px; top: 10px; }
div#test{margin:0px; color: #000; width:362px; height:106px; font-size:19px; float:left; position:relative; left: 20px; top: 20px; }
div#polaroid{margin:0px; color: #000; width:246px; height:261px;float:right; background-image:url(../images/polaroid2.jpg); margin-right:10px; }
div#polaroid .image{margin:0px;  width:218px; height:138px; position:relative; top:59px; left:14px; }
div#featured{margin:0px; color: #000; width:227px; height:42px; font-size:19px; float:left; position:relative; left: 20px; top:30px; }
div#aboutus{margin:0px; color: #000; width:330px; height:158px; font-size:16px; float:left; position:relative; left: 20px; padding-top:25px; }
div#wz{margin:0px; width:284px; height:198px; font-size:16px; float:right; background-image: url(../images/polaroid.jpg);}
div#wzimage{ position:relative; left: 40px; top: 35px;}

/* main body */

div#left{ width:73px; height:947px; float:left; background-image: url(../images/left.jpg); overflow:hidden;z-index:996; }
div#left .rubber{ position:relative; top: 623px; right: 95px; z-index:997;}
div#centre{ width:658px; height:947px; float:left;}
div#right{ width:65px; height:947px; float:right; background-image: url(../images/right.jpg); z-index:250; overflow:hidden; }
div#right .clip{ position:relative; top: 805px; left: 65px; z-index:998; }

div#boxcontainer{text-align:left; width:628px; height: 158px; margin:0px 0px 0px 20px;position:relative; top: 10px; clear:both; }
div#boxcontainer .box{float:left; width:157px; height: 158px; background-image:url(../images/polaroidsmall.jpg); }
div#boxcontainer .image{ width:127px; height: 80px; position:relative;  top: 16px; left: 12px;}
div#boxcontainer .link{ position:relative; top: 46px; left: 12px; height:40px; width: 130px;}
div#boxcontainer p{margin:0px 0px 0px 0px; line-height:1.4;}
div#boxone{float:left;width:206px; padding:0px; margin:0px;}
div#maincontent{text-align:left; width:628px; height: 597px; margin:0px 0px 0px 20px; }
div#maincontent h1{ margin:0px; color: #000; font-size:19px; float:left; padding-top:30px; padding-bottom:0px; font-weight:normal;}
div#maincontent p{ margin:0px; color: #000; font-size:19px; float:left;font-weight:normal; padding-top:10px;}
.small{ margin:0px; color: #000; font-size:12px; float:left;font-weight:normal; padding-top:10px;}
div#maincontent .fullcolumn{ width: 628px; clear: both; }
div#maincontent .fullcolumnsurvey{ width: 465px; clear: both; }
div#maincontent .fullcolumn2quiz{ width: 628px; clear: both; padding-top:10px; }
div#maincontent .questionRBL{ width: 500px; float: left; text-align: left; font-family:arial,sans-serif; font-size:16px;}
div#maincontent .fullcolumn2{ width: 410px; clear: both; margin-bottom:10px;}
div#maincontent .threecolumn{ width: 137px; float: left;}
div#maincontent .fivecolumn{ width: 120px; float: left; margin-right:5px; font-size:16px; margin-top:5px;}
div#maincontent .twocolumn{ width: 300px; float: left;}
div#maincontent .resultsleft{ width: 100px; float: left; padding: 0px 0px 5px 0px;}
div#maincontent .resultsright{ width: 92px; float: left; padding: 0px 0px 5px 0px;}
div#maincontent .twocolumnflashleft{ width: 192px; float: left;}
div#maincontent .twocolumnflashright{ width: 350px; float: left;}
div#maincontent .sevencolumn{ width: 58px; float: left;}
div#maincontent .formfieldseven{ width: 50px;}
div#maincontent .formfield{ width: 279px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#maincontent .formfieldday{ width: 70px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#maincontent .formfieldmonth{ width: 70px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#maincontent .formfieldyear{ width: 80px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#maincontent .formfieldright{ float:right; width: 279px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#maincontent .pageimg{width:412px; height:203px;margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;overflow:hidden;text-align:center;}
.clearboth {clear:both;}
/* styles for pages with long content */
div#longcentre{ width:658px; float:left;}
div#longpages{text-align:left; width:628px; margin:0px 0px 0px 20px;}
div#longpages h1{ margin:0px; color: #000; font-size:19px; float:left; padding-top:30px; padding-bottom:0px; font-weight:normal;}
div#longpages p{ margin:0px; color: #000; font-size:19px; float:left;font-weight:normal; padding-top:10px;}
div#longpages .fullcolumn{ width: 628px; clear: both; }
div#longpages .fullcolumn2{ width: 412px; clear: both; margin-bottom:10px;}
div#longpages .threecolumn{ width: 137px; float: left;}
div#longpages .fivecolumn{ width: 120px; float: left; margin-right:5px; font-size:16px; margin-top:5px;}
div#longpages .twocolumn{ width: 300px; float: left;}
div#longpages .formfield{ width: 279px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#longpages .formfieldday{ width: 70px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#longpages .formfieldmonth{ width: 70px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#longpages .formfieldyear{ width: 80px; font-size:19px; font-weight:normal; padding-left: 5px; background-image:url(../images/bg_form.jpg); background-color: transparent; border:none; height:27px;}
div#longpages .resultsleft{ width: 100px; float: left; padding: 0px 0px 5px 0px;}
div#longpages .resultsright{ width: 92px; float: left; padding: 0px 0px 5px 0px;}
div#longpages .twocolumnflashleft{ width: 192px; float: left;}
div#longpages .twocolumnflashright{ width: 350px; height:400px; float: left;}
div#longpages .programmelist{ width: 279px; font-size:19px; font-weight:normal;}

div#boxtwo{float:left;width:206px; padding:0px; margin:0px 0px 0px 10px;}
div#boxthree{float:right;width:206px; padding:0px; margin:0px;}
div#boxfour{float:right;width:206px; padding:0px; margin:0px;}
div#boxright2{float:right;width:206px; padding:0px; margin:10px 0px 0px 0px; }
div#boxright2 p{ margin:0 15px 15px;}
div#boxright2 .image{ margin:0 15px 15px;}
.badge {position:relative; z-index:30; height:107px; width:107px; right: 21px; bottom: 20px;}
.righttitle {position:relative; width:171px; height:50px; bottom: 45px;}
.rightcontent {position:relative; bottom: 35px;}


/* Survey Styles - to contain height for pages */



/* Footer Styles */

div#footer {clear:both;width:807px; color: #666; height: 52px; background-image:url(../images/bg_footer.jpg); position:relative; right: 11px;}
div#footer p{margin:0;padding:15px 10px 0px 60px;}
div#footerleft{width:420px; float:left; text-align:left;}
div#footerright{width:300px; float:right; right:100px; padding-top:15px}


/* Footer Styles for long pages */
div#footer2 {clear:both;width:807px; color: #666; height: 52px; background-image:url(../images/bg_footer2.jpg); position:relative; right: 11px;}
div#footer2 p{margin:0;padding:15px 10px 0px 60px;}