* { padding: 0; margin: 0; border: 0; line-height: 1em; }
body { font-family: Arial; font-size: 62.5%; background: #fff; }
input { font-family: Arial; }
#mainContainer { width: 960px; margin: 0 auto; padding-top: 47px; }
p { font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; }
span.subHeading { font-weight: bold; }
span.emphasis { font-weight: bold; text-decoration: underline; }
html { overflow-y: scroll }

.no-list {list-style:none; padding:0px; margin:0px;}
#pageContentTop .no-list li {list-style:none; padding:0px; margin:0px; padding-bottom:10px; float:left;}
.clear {clear:both;}

.errortext ul li {color:Red; list-style:none;}

#mainCol { float: left; width: 730px; margin-left: 42px; padding-top: 25px; }

/* header styles */
#header { float: left; width: 960px; min-height: 113px; height: auto !important; height: 113px; }
#headerLeft { float: left; width: 188px; height: 100px; padding-top: 12px; border-top: solid 1px #c5c7ca; background: url(../images/dashed-border.gif) bottom left repeat-x;}
#headerRight { float: left; width: 730px; margin-left: 42px; min-height: 102px; height: auto !important; height: 102px; border-top: solid 1px #c5c7ca; background-color: #7cbe38; padding-top: 10px; }
#headerRightCol1 { float: left; width: 500px; height: auto; padding-left: 20px;} 
#headerRightCol2 { float: left; width: 190px; padding-right: 20px;}
#headerRight h1 { float: left; clear: left; width: 500px; font-size: 1.7em; color: #ffffff; font-weight: bold; line-height: 1.2em; }
#headerRightCol1 h2 { float: left; clear: left; width: 500px; font-size: 1.3em; font-weight: normal; color: #ffffff; line-height: 20px; padding-bottom: 10px; }
#headerRightCol1 p { font-size: 1.1em; color: #6e6e6e; line-height: 1.3em; }
#headerRight p a { float: left; clear: left; text-decoration: none; color: #ffffff; width: 500px; padding-bottom: 5px; }
#headerRight p a:hover { text-decoration: underline; }
#search { float: left; width: 200px; padding-bottom: 45px; }
#search input { float: left; width: 130px; font-size: 1.4em; padding: 3px; color: #807e83; border: solid 1px #c5c7ca; }
#search .submit { float: left; font-size: 14px; padding: 2px; width: 55px; border: solid 1px #c5c7ca; background: #fff; color: #807e83; float: right; }
#pageTools { float: right; width: 80px; height: 23px; text-align: right;}
#pageTools a.fontSize { font-weight: bold; color: #807e83; text-decoration: none; width: 15px; background: none; display: block; float: left; text-align: center; }
#pageTools a.fontSize:hover { background: url(../images/font-size-indicator.gif) 50% 100%  no-repeat; }
#pageTools a#fontSize1 { font-size: 16px; height: 23px; }
#pageTools a#fontSize2 { font-size: 14px; height: 21px; padding-top: 2px; }
#pageTools a#fontSize3 { font-size: 12px; height: 20px; padding-top: 3px; }
#pageTools a#print { float: right; display: block; width: 19px; height: 16px; border-left: solid 2px #c5c7ca; padding-left: 8px; }

/* main nav styles */
#leftCol { float: left; width: 188px; height: auto; }
ul#nav { float: left; width: 188px; height: auto; font-size: 1.4em; font-weight: normal; list-style: none; }
ul#nav li {float: left; width: 188px; height: auto; }
ul#nav li a { float: left; display: block; text-decoration: none; width: 182px; height: auto; padding: 6px 3px 5px 3px; color: #a4a4a4; border-bottom: solid 1px #c5c7ca; }
ul#nav li a:hover, ul#nav li a.on { color: #504e53; border-bottom: solid 1px #7dbe38; }
ul#nav li#news { margin-bottom: 75px; }
ul#nav li#consultation { background: url(../images/dashed-border.gif) top left repeat-x; }
ul#nav li#consultation a img { padding-left: 10px; }



/* second nav styles */
#nav ul { float: left; width: 188px; list-style: none; padding: 10px 0; }
#nav ul li { float: left; width: 188px; }
#nav ul li a { float: left; padding-left: 20px; width: 162px; border-bottom: none; color: #7dbe38; background: none; }
#nav ul li a:hover, #nav ul li a.on { border-bottom: none; background: url(../images/green-arrow.gif) no-repeat 3px 8px; color: #7dbe38; }

/* third nav styles */
#nav ul ul { float: left; width: 188px; list-style: none; padding: 10px 0; }
#nav ul ul li { float: left; width: 188px; }
#nav ul ul li a { float: left; padding-left: 30px; width: 152px; border-bottom: none; color: #7a7a7a; }
#nav ul ul li a:hover, #nav ul ul li a.on { border-bottom: none; color: #7dbe38; background: none; }

/* footer styles */
#footer { float: left; width: 730px; height: auto; background: url(../images/dashed-border.gif) top left repeat-x; border-bottom: solid 1px #c5c7ca; margin-left: 230px }
#footer img { float: right; padding-top: 8px; }
ul#footerLinks { float: left; width: 600px; height: auto; list-style: none; font-size: 1.2em; }
ul#footerLinks li { float: left; padding: 10px 5px 10px 0; }
ul#footerLinks li a { float: left; text-decoration: none; color: #7a7a7a; padding-right: 5px; border-right: solid 2px #afafaf }
ul#footerLinks li a#last { border-right: none; }
ul#footerLinks li a:hover { text-decoration: underline; }
#copyright { float: left; width: 730px; height: auto; padding: 10px 0; margin-left: 230px }
#copyright span { font-size: 1.1em; color: #807e83; }
span#copyright1 { float: left; width: 250px; }
span#copyright1 a { text-decoration: underline; color: #807e83; }
span#copyright1 a:hover { text-decoration: none; }
span#copyright2 { float: left; text-align: right; width: 480px; }

/* second level page styles */
#pageContentTop { float: left; width: 730px; height: auto; padding: 0 0 30px 0}
#pageHeader { float: left; width: 710px; height: 131px; background: url(../images/header-secondlevel.jpg) no-repeat top left; padding: 10px; margin-top: -25px; }
#pageHeader h2 { float: left; width: 240px; font-size: 1.7em; font-weight: bold; color: #fff; }
#pageContentTop h1 { float: left; width: 730px; font-size: 2.9em; font-weight: bold; color: #7a7a7a; padding: 20px 0 30px 0; }
#pageContentTop h1.paddingTop { padding-top: 20px; }
#pageContentTop h2 { float: left; width: 730px; font-size: 1.9em; font-weight: bold; color: #7a7a7a; padding-bottom: 30px; }
#pageContentTop h3 { float: left; width: 730px; font-size: 1.4em; font-weight: bold; color: #7a7a7a; padding-top: 10px; padding-bottom: 20px; }
#pageContentTop p { clear: left; padding-bottom: 10px; }
#pageContentTop a { color: #7dbe38 }
#pageContentTop ul { padding-bottom: 10px; list-style-type: disc;  font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; clear: left }
#pageContentTop ol { padding-bottom: 10px; list-style-type: decimal;  font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; clear: left }
#pageContentTop li { margin-left: 30px;  line-height: 1.3em; }
#pageContentTop img { margin-bottom: 20px }
#pageContentTop blockquote { padding-left: 30px }
#pageContentTop table { clear: left }
#pageContentBottom { float: left; width: 730px; min-height: 365px; height: auto !important; height: 365px; padding-bottom: 10px; }
#pageContentBottomLeft { float: left; width: 415px; padding: 20px 20px 0 0; }
#pageContentBottomLeft p { padding-bottom: 10px; }
#pageContentBottomRight { float: left; width: 295px; }
img.RightAligned { padding-left: 15px; padding-bottom: 10px }
img.LeftAligned { padding-right: 15px;  padding-bottom: 10px }

.newspagenumbers { float: left; padding: 20px 0 10px 0; font-size: 1.1em;  font-size: 1.2em; color: #6e6e6e; line-height: 1.3em;  clear: left }
.newspagenumbers a { text-decoration: none; }
.newspagenumbers span.on { font-weight: bold; color: #6e6e6e }

#searchoptions { float: left; padding: 0 0 20px 0 }
#searchoptions label {  font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; font-weight: bold }
#searchoptions select {  font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; font-family: Arial; border: solid 1px #8a8a8a }
#searchoptions input { font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; font-weight: bold;  font-family: Arial; border: solid 1px #8a8a8a; margin-right: 20px }

.newsitem { float: left; width: 670px; background: url(../images/small-col-border.gif) bottom left repeat-x; padding: 0 60px 5px 0; margin-bottom: 10px }
.newsitem a {  text-decoration: none }
#pageContentTop .newsitem strong { font-weight: bold; line-height: 1.4em }

.map { float: left; width: 730px; height: 460px }
.mapcontainer { float: left; width: 730px; height: 541px; }
.ddlcontainer { float: left; width: 710px; height: 44px; background: #f3f4f4; margin-bottom: 7px; padding: 30px 0 0 20px }
.ddlcontainer select { float: left; font-size: 1.2em; color: #6e6e6e; line-height: 1.3em; font-family: Arial; width: auto; margin-right: 17px; border: solid 1px #8a8a8a }
.ddlcontainer div { float: left; width: 300px }
 .popuptext { float: left; width: 350px; min-height: 100px; height: auto !important; height: 100px; }
 
/* third level page styles */
#breadcrumb { float: left; width: 730px; height: auto; background: url(../images/dashed-border.gif) bottom left repeat-x; }
#breadcrumb a { float: left; text-decoration: none; color: #878787; padding: 8px 5px 8px 0; font-size: 1.2em; }
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb a.firstBreadcrumb { font-weight: bold; }
span#sectionHeader { float: left; width: 730px; font-size: 1.9em; color: #7dbf37; font-weight: bold; padding-top: 20px; }

/* process diagram */

#pageContentTop .diagbox { float: left; width: 329px; min-height: 102px; height: auto !important; height: 102px; background: #e3e3e3; padding: 19px 36px 11px 23px; margin-bottom: 20px; position: relative }
#pageContentTop .diagbox img { position: absolute; top: 23px; left: -35px }
#pageContentTop .diagbox h3 { font-size: 2em; color: #666; line-height: 1.2em; margin: 0 0 14px 0; width: auto; padding: 0 }
#diag { float: left; width: 263px; background: url(../../pfr/process-diagram/arrow-down.gif) no-repeat top left; padding: 0 0 0 29px }
#diag img { float: left; margin: 0; padding: 0; cursor: pointer }
#boxes { float: left; width: 389px; position: relative; padding: 0 0 0 17px }

#login-box {float:left; width:188px; margin-top:15px;}
#login-box h2 {padding:6px 3px 5px; color: #fff; font-weight:normal; background:#7cbe38; font-size:15px; margin-bottom:10px;}
#login-box label {color:#a4a4a4; font-size:1.4em; padding-left:3px; padding-top:5px; float:left;}
#login-box .txt {border:solid 1px #a4a4a4; padding-left:3px; padding-right:3px; margin-left:3px; margin-top:5px; float:left; width:95%;}
#login-box .loginLinks {float:left; width:100%; font-size:11px; margin-top:-5px; margin-left:0px; margin-left:3px;}
#login-box .loginLinks .go {float:right; margin-top:10px; font-size:12px; border:solid 1px #7cbe38; padding:5px 10px; background:#7cbe38; color:#fff; width:31px; margin-right:3px;}
#login-box .loginLinks .a2 {float:left; margin-top:10px; font-size:12px; border:solid 1px #7cbe38; padding:5px 10px; background:#7cbe38; color:#fff; width:47px;}
#login-box .a1 {float:left; margin-left:5px; margin-top:15px;}
#login-box a {color:#7cbe38;}

#password-details {float:left;}
#password-details ul label {font-size:14px; color:#a4a4a4; float:left; padding-top:5px;}
#password-details ul .txt {border:solid 1px #a4a4a4; padding:0 3px; float:left; clear:both; margin-top:5px;}
#password-details .sub {margin-top:10px; font-size:12px; border:solid 1px #7cbe38; padding:5px 10px; background:#7cbe38; color:#fff; margin-right:3px; text-decoration:underline;}

#questionnaire {}
#questionnaire .qNo {float:left; width:35px; color:#7cbe38}
#questionnaire .txt {border:solid 1px #999; width:500px; margin-left:35px; margin-top:10px;}
#questionnaire .label {font-weight:bold; font-size:14px;}
#questionnaire .other {margin-left:35px;}
#questionnaire ul.renewable {border-bottom:solid 1px #7cbe38; margin-top:15px; margin-bottom:20px;}
#questionnaire ul.no-list {width:100%; float:left;}
#questionnaire ul.no-list li {width:100%;}
#questionnaire table {margin-left:35px; margin-top:10px; margin-bottom:10px;}
#questionnaire table tr td {height:30px; float:left; margin-top:-5px;}
#questionnaire table tr td label {float:left; padding:0px; margin:0px; display:block; padding-right:30px;}
#questionnaire table tr td input {padding:0px; margin:0px; margin-right:5px; float:left;}
#questionnaire table tr td textarea {margin-bottom:10px; border:solid 1px red}
#questionnaire .submit {background:url(../images/submit_answers.png) no-repeat; width:139px; height:34px; display:block; text-indent:-999em; overflow:hidden; margin-left:35px; margin-top:20px;}

#password-reset {}
#password-reset .txt {border:solid 1px #999;}

#pageContentTop div.frm.reg {float:left; width:730px;}
#pageContentTop div.frm.reg ul.required {width:350px; float:left; padding:0px; clear:none;}
#pageContentTop div.frm.reg ul.required li {width:100%;}
#pageContentTop div.frm.reg ul.required li p {width:100%;}
#pageContentTop div.frm.reg ul.optional {width:350px; float:left; padding:0px; clear:none; border-left:solid 1px #999; padding-left:29px;}
#pageContentTop div.frm.reg ul.optional li {width:100%;}
#pageContentTop div.frm.reg ul.optional li p {width:100%;}
#pageContentTop div.frm.reg ul.captcha {width:730px; float:left; padding-top:30px; border-top:solid 1px #999; margin-top:30px;}
#pageContentTop div.frm.reg ul.captcha li {width:100%;}
#pageContentTop div.frm.reg input.sub {background:url(../images/register_arrow.png) no-repeat; width:139px; height:34px; overflow:hidden; text-indent:-999em; display:block; border:none;}

#commentform {}
#commentform textarea {border:solid 1px #999;}
#commentform input.sub {background:url(../images/submit_question.png) no-repeat; width:139px; height:34px; display:block; text-indent:-999em; overflow:hidden; border:none;}
#commentform label {font-size:14px; font-weight:bold; color:#999; padding-bottom:10px}



