/* css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS RESET ENDS HERE */


body {
background: #fff;
font: .9em arial, sans-serif;
color: #131313;
}


p {font:  1em arial, sans-serif;
line-height: 170%;
color: #131313;
}

/* SEMANTIC STYLES */



p {font:  1em arial, sans-serif;
line-height: 170%;
color: #131313;
margin-bottom: 20px;
}

ul {list-style: square;
margin-top: 10px;
margin-bottom: 15px;
color: #575757;
padding: 0 0 0 30px;
}

ul.li {
display: inline;
margin-top:5px;
margin-bottom: 5px;
}

ol {list-style: decimal inside ;
margin-top:10px;
margin-bottom: 15px;
font: bold 1.1em  arial, sans-serif;
color: #575757;

}

ol.li {
margin-top:5px;
margin-bottom: 5px;
}

h {font:  .9em arial, sans-serif;
}



h1 {font: bold 1.4em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 9px;
}

h2{font: bold 1.3em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 8px;
}

h3{font: bold 1.2em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 7px;
}

h4{font: bold 1em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 6px;
}

h5{font: bold .9em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 5px;
}

h6{font: bold .8em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 4px;
}



/* END OF SEMANTIC STYLES */


.articlebold {font: bold 1.1em  arial, sans-serif;
line-height: 170%;
color: #000;
}


h {font:  .9em arial, sans-serif;
}

h1.sectiontitle {font: bold 1.1em  arial, sans-serif;
color: #db564d;
padding-top:12px;
}




h1.articleheading {font: 1.1em  arial, sans-serif;
margin-top: 20px;
line-height: 150%;
color: #000;
padding-bottom: 9px;
}


h3.breadcrumbtitle {font: bold 1.1em  arial, sans-serif;
color: #fff;
padding:12px;
}

.crumbs {font:  1em arial, sans-serif;
margin-left: 10px;
padding: 12px;
color: #000;
}


/* COMMON STYLES */


a {font: arial, sans-serif;
color: #999;
}

img.icon {padding:7px;
}

img.smlicon {padding:4px;
float: left;
}


#spacer {
margin-top: 8px;
}

#bigspacer {
margin-top: 15px;
}

#biggerspacer {
margin-top: 25px;
}



/* HEADER ELEMENT */

#header {
margin: 0 auto;
height: 130px;
width:960px;
}


/* LOGO DIV TOP LEFT */

#logo {
float: left;
margin-top: 10px;
width:230px;
height: 80px;
}


/* PHONE NUMBER TOP RIGHT */

#telnumber {
float: right;
margin-right: 90px;
margin-top: 25px;
}

.helpline {font: bold 1.3em  arial, sans-serif;
color: #575757;
}

.yournumber {font: bold 2.1em  arial, sans-serif;
color: #575757;
}




/* HORIZONTAL NAVIGATION */

#navwrapper {
clear: both;
width: 100%;
height: 44px;
background: #db564d;
}


#navigation {
margin: 0 auto;
width: 960px;
height: 44px;
background: #db564d;
}


ul#nav {
list-style: none;
float: left;
width: 960px;
height: 44px;
margin: 0; padding: 0;
font:  bold 1em  arial, sans-serif;
color: #fff;
}


ul#nav li {
float: left;
margin: 0; 
padding-right: 10px;
padding-top: 5px;
padding-bottom: 1px;
}

ul#nav li a{
float: left;
display: block;
padding-top: 6px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 20px;
text-decoration: none;
color: #fff;
}

ul#nav li a:hover{
color: #999;
text-decoration: none; 
}




/* NEWS TICKER */

#newswrapper {
width: 100%;
height: 46px;
background: #e8e8e8 url(../../images/34/newsticker-bg.gif) repeat-x;
}


#newsticker {
margin: 0 auto;
width: 960px;
height: 46px;
background: #e8e8e8 url(../../images/34/newsticker-bg.gif) repeat-x;
}



/* MAIN PAGE WRAPPER TO 960 PIXEL WIDTH */

#wrapper {
width: 960px;
margin: 0 auto;
}


/* RIGHTHAND NAVIGATION PANEL FOR DASHBOARD AND LIBRARY */

#righthandnavpanel {
float: right;
width: 296px;
height: 402px;
}


#dashandlibrary {
width: 296px;
height: 44px;
}


#dashbuttonon {
float: left;
background: #8dc63f url(../../images/35/dashboardbutton-bg.gif) no-repeat;
width: 148px;
height: 44px;
}

#librarybuttonoff {
float: right;
background: #5c9631 url(../../images/35/librarybuttonoff-bg.gif) no-repeat;
width: 148px;
height: 44px;
}




#dashbuttonoff {
float: left;
background: ##5c9631 url(../../images/35/dashboardbuttonoff-bg.gif) no-repeat;
width: 148px;
height: 44px;
}

#librarybuttonon {
float: right;
background: #5c9631 url(../../images/35/librarybuttonon-bg.gif) no-repeat;
width: 148px;
height: 44px;
}


p.dashnavtext {
padding-top: 12px;
padding-left:40px;
font:  bold 1em  arial, sans-serif;
color: #fff;
}

p.dashnavtext a {
color: #fff;
text-decoration: none;
}


#searchbox {
background: #51ade2 url(../../images/35/searchbox-bg.gif);
width: 296px;
height: 44px;
}

#navspacer {
background: #e4e4e4;
width: 296px;
height: 44px;
}

#legislationbutton {
background: #246a9e url(../../images/35/legislation-bg.gif) no-repeat;
width: 296px;
height: 44px;
}

#safetybutton {
background: #2873a3 url(../../images/35/safety-bg.gif) no-repeat;
width: 296px;
height: 44px;
}

#expertbutton {
background: #3a7eaa url(../../images/35/expert-bg.gif) no-repeat;
width: 296px;
height: 44px;
}

#calculatorsbutton {
background: #66A5D0 url(../../images/35/calculators-bg.gif) no-repeat;
width: 296px;
height: 44px;
}

#articlesbutton {
background: #508bb1 url(../../images/35/article-bg.gif) no-repeat;
width: 296px;
height: 44px;
}

#signoutsection {
background: #e4e4e4;
width: 296px;
height: 44px;
}

#signoutspacer {
float: left;
background: #e4e4e4;
width: 148px;
height: 44px;
}

#logoutbutton {
float: right;
background: #d6352f url(../../images/34/logoutbutton-bg.gif) no-repeat;
width: 148px;
height: 44px;
}




/* MAIN CONTENT AREA OF PAGE ON LEFT FOR ARTICLES AND LIBRARY */

#lefthandcontentpanel {
float: left;
width: 664px;
}



/* BREADCRUMBS*/

#breadcrumbs {
width: 664px;
height: 44px;
background: #cbcbcb url(../../images/35/breadcrumb-bg.gif) no-repeat;
}


/* PAGE TITLE WITH BLUE RULE */

#pagetitle {
width: 664px;
height: 43px;
background: #fff;
border-bottom: 1px solid #246a9e;
}



/* ARTICLE PANEL */

#articlepanel {
width: 610px;
margin-top: 20px;
margin-bottom: 50px;
overflow: auto;
background: #fff ;
}



/* SET UP THE FOOTER */

#footwrapper {
clear: both;
width: 100%;
background: #878786;
height: 30px;
}


#footer {
margin: 0 auto;
background: #db564d;
width: 960px;
height: 30px;
}



/* FOOTER TEXT NAVIGATION */

#textnav {
width: 664px;
height: 30px;
float: left;
}


ul#basenav {
list-style: none;
float: left;
width: 664px;
height: 20px;
margin: 0; padding: 0;
font:  11px  arial, sans-serif;
color: #fff;
}


ul#basenav li {
float: left;
margin: 0; padding-left: 1px;
padding-right: 2px;
padding-top: 7px;
padding-bottom: 1px;
}

ul#basenav li a{
float: left;
display: block;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 6px;
text-decoration: none;
color: #fff;
}

ul#basenav li a:hover{
color: #fff;
text-decoration: none; 
}

/* FOOTER BUTTONS RIGHT */

#2buttonsright {
float:right;
width: 296px;
height: 30px;
}

#publishdate {
float:left;
width: 180px;
height: 30px;
background: #b9b9b9;
}

#printpage {
float:right;
width: 116px;
height: 30px;
background: #000;
}

p.publish {
margin-top:8px;
margin-left:2px;
font:  11px  arial, sans-serif;
color: #000;
}

p.pfriendly {
font:  11px  arial, sans-serif;
color: #fff;
}

p.pfriendly a{
color: #fff;
text-decoration: none;
}



/* BASE OF FOOTER ELEMENTS */

#basestripwrap {
clear: both;
height: 80px;
width: 100%;
background: #878786;
}

#basestrip {
margin: 0 auto;
height: 80px;
width: 960px;
background: #878786;

}

#copyrightstatement {
float: left;
margin-top: 20px;
}

p.copyright {
font:  11px arial, sans-serif;
color: #fff;
}


#sitestatement {
float: right;
margin-top: 20px;
}





/* END OF MAIN PAGE CSS ELEMENTS */