/*** Latest Update 8 March 2016 - 16:40; ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; /*vertical-align: baseline;*/ }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/*** end CSS RESET ***/

body { background:#fff; color:#888; font:0.812em/1.333 Arial, Helvetica, sans-serif; margin:0; padding:0;}

/*** GENERIC STYLES ------------------------------------------------ ***/

/** Links **/
a:link, a:visited { color:#014ca3; text-decoration:underline; }
a:hover, a:active, a:focus { color:#002b5a; text-decoration:underline; }

/** Generic Text **/
strong { font-weight:bold; }
em { font-style:italic; }

/** Forms **/
input { font-family:Arial, Helvetica, sans-serif; font-size:1em; }

/** Headings, Paragraphs + Lists **/
h1, h2, h3, h4, h5 { color:#0d4592; font-weight:bold; margin:20px 0 14px; }
h1 { font-size:1.7em; margin-top:27px }
h2 { font-size:1.4em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em;}
.content p { margin:14px 0; line-height:1.4; }

.maincol li { list-style: disc; padding-left: 5px; margin-left: 20px; }
.maincol ol li { list-style-type: decimal; }
.lightbluearrow li{ list-style: disc ; padding-left: 5px; margin-left: 20px;}
.darkbluearrow li{ list-style: disc; padding-left: 5px; margin-left: 20px;}

/** Font Sizes:
1.85em  =  24px
1.75em  =  23px
1.7em   =  22px
1.6em   =  21px
1.5em   =  20px
1.45em  =  19px
1.4em   =  18px
1.3em   =  17px
1.2em   =  16px
1.15em  =  15px
1.1em   =  14px
1.0em   =  13px
0.9em   =  12px
0.85em  =  11px
0.75em  =  10px
**/

/*** New Home -------------------------------------------------------- ***/

.Wideouterbox {max-width:770px;  min-height:145px; border:solid 1px #C0C0C0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin:10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); }
.Wideouterbox p {padding:10px; text-align:justify; font-weight:bold;}
.Wideouterbox h2 {padding: 4px 2px 5px 10px; margin:0px; background-color:#E38d2f; color:#fff; font-style: normal; font-weight: 300;}


.outerbox {min-width:375px; height:170px; border:solid 1px #C0C0C0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background-image:url(/images/homeb1.jpg); background-position:right bottom;  background-repeat:no-repeat; float:left; margin:10px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);}

.outerbox2 {background-image:url(/images/homeb2.jpg);}
.outerbox3 {background-image:url(/images/homeb3.jpg);}
.outerbox4 {background-image:url(/images/homeb4.jpg);}


.newshome {max-width:480px; float:left; margin:10px;}
.newshome h2 {padding: 4px 0 5px 0px; margin:0px; color:#E38d2f; font-weight: 300;}
.newshome a {color: #888; text-decoration: none;}
.newshome a:hover {color: #888; text-decoration: underline;}

.fvchome {min-width:270px;float:left; margin:10px; border:solid 1px #C0C0C0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}

.fvchome h2 {padding: 4px 2px 5px 10px; margin:0px; background-color:#0d4592; color:#fff; font-weight: 300;}

.fvchome a {color: #888; text-decoration: none;}

.fvchome a:hover {color: #888; text-decoration: underline;}

.fvchome p {border-bottom:solid 1px #C0C0C0; padding-bottom: 10px; margin: 10px; }
.fvchome p:last-child {border-bottom:0} 

.outerbox h2 {padding: 4px 2px 5px 10px; margin:0px; background-color:#E38d2f; color:#fff; font-style: normal; font-weight: 300;}
.conth1 {padding:5px 5px 5px 10px; width:220px; font-size: 12px;}

.homebut {border: 1px solid #ccc; margin-top: 4px; background: #fff;}

/*** HEADER -------------------------------------------------------- ***/
.header { background: url(/images/headernav.gif) repeat-x 0 100% #fff; height:103px; position:relative; width:100%; }
.headerbox { background:url(/images/header.jpg) no-repeat 100% 0; margin:0 auto; position:relative; text-align:left; width:980px; }
.headerbox p { height:73px; }
.logo15 {float:left; width: 300px; margin-top: 10px;}
.stripe15 {float:right; width: 238px;}

/** Top Navigation **/
.headernav { text-align:right; }
.headernav ul { float:right; }
.headernav ul li { display:inline; }
.headernav a:link, .headernav a:visited { color:#fff; display:block; float:left; line-height:30px; padding:0 13px; text-decoration:none; }
.headernav a:hover, .headernav a:active, .headernav a:focus { color:#fff; text-decoration:underline; }
.search { float:right; margin-top:4px; padding-left:30px; }
.search { display:inline; float:left; }
.search label { display:none; }
.search input { background:#fff; border:1px solid #c5c0bc; color:#2d384c; padding:2px 5px; vertical-align:middle; width:13.5em; }
.search input.searchbut { background:#003f7c; border:0; color:#fff; font-weight:bold; margin-left:-4px; padding:0; text-align:center; width:auto; }

/*** CONTENT AREA  ------------------------------------------------ ***/

/** Content Layout ------------------------------------------------- **/
.content { background:#fff; width:100%; }
/** .contentbox { background:url(/images/lhsbg.gif) repeat-y 0 0; margin:0 auto; position:relative; text-align:left; width:980px; } **/
.maincol { background:#fff; display:inline;  margin:0; padding:0 0 20px; position:relative;  }
.leftcol { float:left; margin:0; padding:0; position:relative; width:180px; }


/** Left Navigation ------------------------------------------------ **/
.leftnav { background: url(/images/lhsbgtop.gif) repeat-x 0 0; margin:0 2px; padding:63px 10px; width:156px; }
.leftnav ul { border-bottom:1px solid #fff; font-size:1.1em; }
.leftnav li { border-top:1px solid #fff; border-bottom:1px solid #ccc; padding:4px 0; }
.leftnav li:first-child { border-top:0; }
.leftnav ul ul { border-bottom:0; font-size:0.9em; margin-left:10px; }
.leftnav li li { border-top:0; border-bottom:0; padding:2px 0; }
.leftnav li a:link, .leftnav li a:visited { color:#002b5a; font-weight:bold; text-decoration:none; }
.leftnav li a:hover, .leftnav li a:active, .leftnav li a:focus { color:#0d4592; text-decoration:underline; }

/** Homepage ------------------------------------------------- **/
/** Homepage Layout **/
.homemidcol { display:inline; float:left; position:relative; width:520px; }
.homerightcol { float:right; padding-top:72px; position:relative; width:220px; }

/** Homepage Content Elements **/
.homelinks { font-size:1.1em; font-weight:bold; margin:30px -10px 10px 0; }
.homelinks li { background: url(/images/homelinkbox.png) no-repeat 0 50% #e36e00; float:left; margin:0 10px 8px 0; padding:0; width:255px; list-style: none; }
.homelinks li a:link, .homelinks li a:visited { color:#fff; display:block; height:28px; padding:8px 10px 0; text-decoration:none; }
.homelinks li a:hover, .homelinks li a:active, .homelinks li a:focus { text-decoration:underline; }

.greyboxes { font-size:1.1em; margin:30px 10px 10px 10px; }
.greyboxes li { background: #777777; float:center; margin:0 10px 8px 0; padding:0; width:255px; list-style: none;}
.greyboxes li a:link, .greyboxes li a:visited { color:#fff; display:block; height:28px; padding:8px 10px 0; text-decoration:none; }
.greyboxes li a:hover, .greyboxes li a:active, .greyboxes li a:focus { text-decoration:underline; }

.homenews { margin-bottom:20px; }
.homenews h2 { margin-bottom:6px; }
.homenews h2 a { text-decoration:none; }
.homenews ul { border:1px solid #c3c3c8; font-size:0.9em; padding:10px 12px 6px; }
.homenews li { background:url(/images/listarrow.gif) no-repeat 0 4px; margin-bottom:4px; padding-left:12px; list-style: none;}
.homenews div {border-top:solid 1px #C0C0C0; margin-bottom: 20px; clear: both;}
.homenews div p{margin: 0px; padding-top: 12px; display: table;}
.homenews div p a{display: inline;}
.homenews div p a:hover {text-decoration: none; color:#e38d2f;}
.homenews div span {padding-right:20px; border-top:4px solid #e38d2f; padding-top:8px; display: inline; float: left;}

.homerightbox { background:url(/images/rhsbg.png) no-repeat 0 0 #185ba9; border-top:1px solid #006593; border-bottom:1px solid #006593; color:#fff; padding:13px 15px 20px; }
.homerightbox h2 { color:#002b5a; margin:0 0 11px; }
.homerightbox ul { background:url(/images/rhsline.png) repeat-x 0 100%; padding-bottom:2px; list-style: none;}
.homerightbox li { background:url(/images/rhsline.png) repeat-x 0 0; font-size:1.15em; font-weight:bold; padding:9px 0 6px; list-style: none;}
.homerightbox ul ul { background:none; padding:2px 0 0 21px; }
.homerightbox li li { background:none; font-size:0.9em; font-weight:normal; padding:1px 0; }
.homerightbox li a:link, .homerightbox li a:visited { background:url(/images/rhsarrows.gif) no-repeat 0 4px; color:#fff; padding-left:11px; text-decoration:none; display:block;}
.homerightbox li li a:link, .homerightbox li li a:visited { background:url(/images/rhsarrows.gif) no-repeat 0 -89px; padding-left:9px;display:block; }

/** Documents ------------------------------------------------- **/

/* Browse by Year */
#BrowseByYear { display:block; float:left; border-bottom:solid 20px #fff;}
#BrowseByYear ul { padding:3px 0; list-style: none; margin:0; padding:0;}
#BrowseByYear ul li { background:none; float:left; display:inline; margin-left:4px; padding:0;  margin-bottom:4px;}
#BrowseByYear ul li a { color:#fff; text-decoration:none; }
#BrowseByYear ul li a.yearbutton { background:#777; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#777), to(#aaabaa)); background:-webkit-linear-gradient(#777, #aaabaa); background:-moz-linear-gradient(#777, #aaabaa); background:-ms-linear-gradient(#777, #aaabaa); background:-o-linear-gradient(#777, #aaabaa); background:linear-gradient(#777, #aaabaa); border-bottom:1px solid #0d498a; color:#fff; font-size:0.9em; font-weight:bold; padding:4px 4px 3px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; vertical-align: middle; }
#BrowseByYear ul li a:hover { background:#2a7dc7; }

/* List Documents by Category */
#ListDocsPerCat h5 { font-size:1.05em; font-weight:bold; margin:0 0 3px 0; }
#ListDocsPerCat h5 a { text-decoration:none; }
#ListDocsPerCat h5 img { margin-right:5px; }
#ListDocsPerCat p { margin:0; padding:7px; text-align:justify; }

/* "View more" links */
.doclink { background:#318ad2; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#318ad2), to(#185caa)); background:-webkit-linear-gradient(#318ad2, #185caa); background:-moz-linear-gradient(#318ad2, #185caa); background:-ms-linear-gradient(#318ad2, #185caa); background:-o-linear-gradient(#318ad2, #185caa); background:linear-gradient(#318ad2, #185caa); color:#fff; display:inline-block; font-weight:bold; margin-top:5px; padding:1px 7px 2px; }
.doclink:hover { background:#185caa; }
.doclink a:link, .doclink li a:visited , .doclink li a:active { background:url(/images/rhsarrows.gif) no-repeat 1px 4px; color:#fff; padding-left:10px; text-decoration:none; }

/* Even / Odd */
.peven {background:#eff1f6; border:1px solid #ccc; }
.podd  {background:#fff; border:1px solid #ccc; }



/* List of documents */
.ListDocs { display:block; float:left; }
.ListDocs ul { padding:0 !important; list-style: none; margin:0; }
.ListDocs ul li { background:none; border-bottom:1px solid #0d498a;  float:left; display:inline; margin-right:10px; width:230px; background:#318ad2; display:inline-block; font-weight:bold; margin-top:5px; padding:0 7px; }
.ListDocs ul li a { background:url(/images/rhsarrows.gif) no-repeat 1px 7px; color:#fff; display:inline-block; font-size:0.9em; font-weight:bold; padding:4px 5px 3px 10px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; vertical-align: middle; }
.ListDocs ul li a:hover { background:#2a7dc7; }

.ListDocs2 { display:block; float:left; }
.ListDocs2 ul { padding:0 !important; list-style: none; margin:0; }
.ListDocs2 ul li { background:none; border-bottom:1px solid #777777;  float:left; display:inline; margin-right:10px; width:220px; background:#efefef; display:inline-block; font-weight:bold; margin-top:5px; padding:0 7px; }
.ListDocs2 ul li a {color:#000; display:inline-block; font-size:0.9em; font-weight:bold; padding:4px 5px 3px 10px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.1); text-decoration:none; vertical-align: middle; }


.publicationlinks { font-size:1.1em; font-weight:bold; margin:30px -10px 10px 0;  }

.publicationlinks li { list-style: none; margin:0; margin:0 10px 8px 0; padding:0; width:255px; }
.publicationlinks li a:link, .publicationlinks li a:visited {height:28px; color:#000; display:block; padding:8px 10px 0; text-decoration:none; }
.publicationlinks li a:hover, .publicationlinks li a:active, .publicationlinks li a:focus { text-decoration:underline; }

.publicationlinks2cols { display:block;  font-size:1.1em; font-weight:bold; margin:30px -10px 10px 0; padding:0; }
.publicationlinks2cols ul {}
.publicationlinks2cols li { list-style: none; margin:0 40px 15px 0; padding:0; width:330px;  float:left; }
.publicationlinks2cols li a:link, .publicationlinks2cols li a:visited {height:28px; color:#000; display:block; padding:8px 10px 0; text-decoration:none; }
.publicationlinks2cols li a:hover, .publicationlinks2cols li a:active, .publicationlinks2cols li a:focus { text-decoration:underline; }
.publicationlinks2cols.background-darkgrey li a:link, .publicationlinks2cols li a:visited {color:#fff;}

.publicationlinks1col {display:block; float:left; }
.publicationlinks1col ul {}
.publicationlinks1col ul {list-style: none; margin:0; padding:0 !important; list-style: none; margin:0; }
.publicationlinks1col ul li { background:none; border-bottom:1px solid #0d498a;  float:left; display:inline; margin-right:10px; width:770px; background:#318ad2; display:inline-block; font-weight:bold; margin-top:5px; padding:0 7px; }
.publicationlinks1col ul li a { background:url(/images/rhsarrows.gif) no-repeat 1px 7px; color:#000; display:inline-block; font-size:1em; font-weight:bold; padding:4px 5px 3px 10px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; vertical-align: middle; }
.publicationlinks1col ul li a:hover { background:#2a7dc7; }

.AtoZlinks { display:block;  font-size:1.1em; font-weight:bold; margin:5px -10px 5px 0; padding:0; }
.AtoZlinks ul {}
.AtoZlinks li { list-style: none; margin:0 15px 15px 0; padding:0; width:15px;  float:left; }
.AtoZlinks li a:link, .publicationlinks2cols li a:visited {height:28px; color:#000; display:block; padding:8px 10px 0; text-decoration:none; }
.AtoZlinks li a:hover, .publicationlinks2cols li a:active, .publicationlinks2cols li a:focus { text-decoration:underline; }
.AtoZlinks.background-darkgrey li a:link, .publicationlinks2cols li a:visited {color:#fff;}



.background-lightgrey {PADDING-RIGHT: 20px; PADDING-LEFT: 30px; BACKGROUND: #efefef; PADDING-BOTTOM: 10px; width: 100%; PADDING-TOP: 5px; border-radius: 15px;text-align: justify}
/* ## ## ### ## */
.background-grey {PADDING-RIGHT: 20px; PADDING-LEFT: 30px; BACKGROUND:#aaabaa; PADDING-BOTTOM: 10px; width: 100%; PADDING-TOP: 5px; border-radius: 15px; color:#fff;text-align: justify }
.background-grey h5 {font-weight:bold;color:#fff;}
.background-grey h5 a:link, .background-grey h5 a:active, .background-grey h5 a:visited  {color:#fff;text-decoration:none;}
.background-grey h5 a:hover  {color:#fff;text-decoration:underline;}

.background-grey a:link, .background-grey a:active, .background-grey a:visited  {color:#fff;text-decoration:none;}
.background-grey a:hover  {color:#fff;text-decoration:underline;}
/* ## ## ### ## */
.background-darkgrey {PADDING-RIGHT: 20px; PADDING-LEFT: 30px; BACKGROUND: #777777; PADDING-BOTTOM: 10px; width: 100%; PADDING-TOP: 6px; border-radius: 15px; color:#fff;}
.background-darkgrey h5 {font-weight:bold;color:#fff;}
.background-darkgrey h5 a:link, .background-darkgrey h5 a:active, .background-darkgrey h5 a:visited  {color:#fff;text-decoration:none;}
.background-darkgrey h5 a:hover  {color:#fff;text-decoration:underline;}
	

/* keep old style */
.titles {display:inline block; font-weight:bold; font-size:1.7em;}
.titletext {display:block; font-weight:bold; font-size:1.7em;}
.subtitles {display:block; font-weight:bold; font-size:1.4em;}

/* text version */
.header-text { background:#fff; height:103px; position:relative; width:100%; }
.headerbox-text { background:text-align:left; width:980px; }

.atstep { background-color:#777777;	font-family:Arial, helvetica, sans-serif;	/*font-size:12px;*/ font-size: 85%; color:#ffffff;	font-weight:bold; border: 2px solid #777777; padding: 3px; font-variant: small-caps;  width: 170px;}
.stepdone{ background-color:#cccccc;	font-family:Arial, helvetica, sans-serif;	/*font-size:12px;*/ font-size: 85%; color:#777777;	font-weight:bold; border: 1px solid #666666; padding: 3px; font-variant: small-caps;  width: 170px;}
.steptodo { background-color:#fff;	font-family:Arial, helvetica, sans-serif;	/*font-size:12px;*/ font-size: 85%; color:#777777;	font-weight:bold; border: 2px solid #777777; padding: 3px; font-variant: small-caps;  width: 170px;}
.txtbox {width:100%;height:80px;}
.txtinput {width:100%;}
.require {color:0d4592;}

/* Data Tables */
table.chart { border-top: 1px solid #C3C3C8; border-right: 1px solid #C3C3C8;  }
table.chart th, table.chart td { border-bottom: 1px solid #C3C3C8; border-left: 1px solid #C3C3C8; padding:3px 6px; }
table.chart th { background:#318AD2; border-bottom: 1px solid #0D498A; color:#fff; font-size:1.1em; font-style:normal; font-weight: bold; }

/*** FOOTER -------------------------------------------------------- ***/
.footer { clear:both; color:#333; width:100%; }
.footerbox { font-size:0.9em; margin:0 auto; padding:20px 10px; position:relative; text-align:left;}

.footer a:link, .footer a:visited { color:#0d4592; text-decoration:underline; }
.footer a:hover, .footer a:active, .footer a:focus { color:#072651; text-decoration:underline; }
.footerbox p { float:left; }
.footerbox div {padding-top:5px; }

.base15 {border-top:solid #eee 1px;}
.base15 ul {list-style: none;}
.base15 ul li {list-style: none; float:left; margin-right: 20px; margin-bottom: 20px;}


#HPlogin input {width:80px;}

.error {padding:15px;background:#FFFFCC;color:#CC3300;font-weight:bold;margin:20px ;}


/*** Float containers fix (http://www.csscreator.com/attributes/containedfloat.php) ***/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


@media only screen 
  and (min-width: 320px) 
  and (max-width: 568px) 
{

/*** chnage the date Latest news **/
.homenews div {border-top:none margin-bottom: 10px; clear: both;}
.homenews div span {padding-right:20px; color:#e38d2f; padding-top:4px; display: block; float: none;}
/** change boxes **/
.outerbox {min-width:100%;background-image: none; height:auto;}


}




/*** printer styles ***/
@media print { /*hide the left column when printing*/
.leftcol{display:none;}
/*hide the right column when printing*/
.maincol{width:100%; float:none;}
}