* { 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 }

#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 }