body {
color:#000;
background:#FFF;
font-family:Arial, Tahoma, Geneva, sans-serif;
line-height:1.5
}

body#bd {
background:url(../images/body-bg.gif) repeat-x top #d8e8fe;
background-attachment:fixed
}

body.contentpane {
width:auto;
background:#FFF;
color:#000;
font-size:12pt;
font-family:serif;
line-height:140%;
margin:1em 2em
}

body.fs1 {
font-size:9px
}

body.fs2 {
font-size:10px
}

body.fs3 {
font-size:11px
}

body.fs5 {
font-size:13px
}

body.fs6 {
font-size:14px
}

a {
color:#2f5d97;
text-decoration:none
}

a:hover,a:active,a:focus {
color:#2f5d97;
text-decoration:underline
}

h1 {
font-size:1.5em;
font-weight:400
}

h2 {
font-size:1.3em
}

h3 {
font-size:1.17em;
padding:1px 7px
}

h4 {
font-size:1em;
text-transform:uppercase;
line-height:300%
}

p {
margin:5px 0 15px
/* margin:5px 0 0px */ 
}

ul {
margin-top:5px;
margin-bottom:15px;
list-style:none
}

ul li {
padding-left:35px;
background:url(../images/bullet-list.gif) no-repeat 20px 6px
}

ol {
margin-top:5px;
margin-bottom:15px
}

ol li {
margin-left:35px
}

th {
font-weight:700;
text-align:center;
font-size:14px;
padding:0
}

hr {
border-top:1px solid #C6CED9;
border-right:0;
border-left:0;
border-bottom:0;
height:1px
}

td,div {
font-size:1em
}

pre,.code {
border-left:5px solid #8E9CAE;
background:#ECF0F4;
font:1em/1.5 "Courier News", monospace;
margin:5px 0 15px;
padding:10px 15px
}

input,select {
font:11px/normal Tahoma, Arial, Helvetica, sans-serif
}

textarea {
padding-left:2px
}

.button,.button:hover {
border-top:1px solid #DFE5EC;
border-right:1px solid #8E9CAE;
border-bottom:1px solid #8E9CAE;
border-left:1px solid #DFE5EC;
background:url(../images/button-bg.gif) repeat-x top left #ECF0F4;
color:#646E7B;
padding:1px 5px
}

.button:active,.button:focus {
border-top:1px solid #8E9CAE;
border-right:1px solid #DFE5EC;
border-bottom:1px solid #DFE5EC;
border-left:1px solid #8E9CAE
}

.inputbox {
border:1px solid #8E9CAE;
background:#FFF
}

.inputbox1, .inputbox2, .inputbox3, .inputbox4, .date-pick, .browse{
border:1px solid #8E9CAE;
background:#FFF;
font-size:11px;
padding:2px;
}

#agency, #address {
font-family:Arial, Tahoma, Geneva, sans-serif;
border:1px solid #8E9CAE;
background:#FFF;
font-size:11px;
padding:2px;
}

.inputbox:hover,.inputbox:focus {
border:1px solid #8E9CAE
}

div.moduletable h3 {
color:#646E7B;
font-size:1em;
top-align:center;
margin:0 0 5px;
padding:5px 0
}

div.moduletable {
padding:13px 0 0 19px
}

table.blog .article_seperator {
display:block;
background:url(../images/seperator.gif) repeat-x center;
height:1px;
margin-top:3px
}

table.contentpane {
border:none;
width:100%
}

table.contenttoc {
width:35%;
margin:0 0 10px 10px;
padding:0
}

table.contenttoc td {
background:url(../images/bullet-list.gif) no-repeat 5% 50%;
padding:1px 5px 1px 22px
}

table.contenttoc th {
border-bottom:5px solid #FFF;
background:#DFE5EC;
color:#646E7B;
text-indent:5px;
padding:4px
}

table.poll {
width:100%;
border-collapse:collapse;
padding:0
}

table.pollstableborder {
width:100%;
border:none;
text-align:left;
padding:0
}

table.pollstableborder td{
	text-align: left;
}
	
table.pollstableborder img {
vertical-align:baseline
}

table.searchintro {
width:100%;
padding:10px 0
}

table.searchintro td {
padding:5px
}

table.adminform {
width:400px
}

.blog_more {
margin:10px 0
}

.blog_more strong {
padding-left:13px;
display:block;
color:#646E7B;
text-transform:uppercase;
margin:0 0 5px
}

td.buttonheading {
text-align:center;
padding:0 0 0 3px
}

.clr {
clear:both
}

.componentheading {
padding-bottom:5px;
margin-bottom:10px;
color:#2F5D97;
font-size:1.4em;
line-height:normal;
font-weight:700
}

.contentdescription {
padding-bottom:30px
}

table.blog .contentheading {
font-size:1.1em;
font-weight:700
}

.contentheading {
padding-top:12px;
padding-bottom:1px;
margin-bottom:5px;
color:#4F89D2;
font-size:1.4em;
line-height:1.6em;
font-weight:700
}



.latest_earthquake {
padding-bottom:1px;
margin-bottom:5px;
color:#2F5D97;
font-size:1.1em;
line-height:1.6em;
font-weight:700
}

.mod_contentitem .contentheading {
padding-bottom:1px;
margin-bottom:5px;
color:#2F5D97;
font-size:1.1em;
line-height:1.6em;
font-weight:700
}

a.readon {
float:right;
display:block;
background:url(../images/arrow-readon.gif) no-repeat 5% 55% #4F89D2;
color:#FFF;
font-size:0.87em;
text-decoration:none;
padding:1px 5px 1px 16px
}

a.readon:hover,a.readon:active,a.readon:focus {
color:#FFF;
background:url(../images/arrow-readon.gif) no-repeat 5% 55% #5FA4FB;
text-decoration:none !important
}

table.contentpaneopen,table.contentpane,table.blog {
width:100%
}

.createdate {
padding-bottom:10px;
color:#8E9CAE;
font-weight:700;
line-height:10px
}

.modifydate {
color:#8E9CAE;
height:15px
}

.mosimage {
margin:8px 5px 0 0;
padding:0
}

.mosimage_caption {
margin-top:2px;
color:#8E9CAE;
padding:1px 2px
}

.pagenav,.pagenav_prev,.pagenav_next,.pagenavbar {
padding:0 2px
}

.pagenavbar {
padding-left:14px;
background:url(../images/pages.gif) no-repeat center left
}

.pagenavcounter {
background:url(../images/pages.gif) no-repeat 0 11px;
padding:8px 14px 0
}

.sectiontableheader {
background:#DFE5EC;
color:#646E7B;
font-weight:700;
padding:5px
}

.small {
color:#8E9CAE
}

.smalldark {
text-align:left
}

div.syndicate div {
text-align:center
}

.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {
background:none
}

#ja-wrapper {
width:95%;
text-align:left;
min-width:750px;
max-width:2000px;
border:4px solid #96b3da;
margin:0 auto;
padding:0
position: static;
z-index:-100;
}

.narrow #ja-wrapper {
width:750px
}

.wide #ja-wrapper {
width:930px
}

#ja-container,#ja-container-fr,#ja-container-fl,#ja-container-f {
clear:both;
padding:0
}

#ja-container,#ja-container-fr {
background:url(../images/container-bg.gif) repeat-y 20% 0 #FFF
}

#ja-container-fl,#ja-container-f {
background:#FFF
}

#ja-contentwrap {
background:url(../images/grad1.gif) repeat-x top
z-index: 1;
}

#ja-content {
padding:10px 7px 0
}

#ja-contentHome {
padding:0 7px;
}

#ja-contentCenter {
padding:0 0 0 86px
}

#ja-contentCenter2 {
padding:0 0 0 268px
}

#ja-titleCenter {
font-size:1.2em;
font-weight:700;
/* padding:0px 0 0 2px */
}

#ja-center {
padding:0 0 0 272px
}

#more {
text-align:right
}

#ja-header {
clear:both;
background:url(../images/header.jpg);
color:#FFF;
text-align:left;
line-height:normal;
height:53px;
position:relative
}

#ja-header h1 {
font-size:2em;
position:absolute;
top:12px;
left:15px
}

#ja-header h1 img {
float:left
}

#ja-usertoolswrap {
position:absolute;
top:25px;
right:15px;
height:27px;
background:url(../images/usertools-left-bg.gif) top left no-repeat;
padding:0 0 0 4px
}

#ja-usertools {
float:left;
display:block;
font-size:11px;
height:27px;
background:url(../images/usertools-right-bg.gif) top right no-repeat;
padding:0
}

#ja-usertools span {
float:left;
display:block;
margin:0 10px
}

#ja-usertools img {
padding:9px 2px 0
}

#ja-search {
float:left;
display:block;
margin:5px 15px 5px 10px
}

#ja-search div.search {
padding-left:18px;
background:url(../images/default/icon-search.gif) no-repeat center left
}

#ja-search .inputbox {
border:none !important;
width:100px;
color:#DFE5EC;
background:#4F89D2;
padding-left:5px
}

#ja-mainnav {
float:left;
width:100%;
font-size:1em;
line-height:normal;
background:#646E7B;
border-bottom:5px solid #5FA4FB
}

#ja-subnavwrap {
clear:both;
float:left;
width:100%;
background:#5FA4FB;
border-bottom:5px solid #5FA4FB
}

#ja-subnav {
padding:0 10px
}

a.mainlevel {
border-bottom:1px solid #C6CED9;
display:block;
color:#35444b;
background:url(../images/arrow_dark.gif) no-repeat left;
text-decoration:none;
margin-right:8px;
margin-top:2px;
font-weight:700;
font-size:1em;
padding:1px 1px 1px 14px
}

a.mainlevel:hover,a.mainlevel:active,a.mainlevel:focus {
color:#fff;
background:url(../images/arrow_bluebg.gif) no-repeat left;
text-decoration:none
}

a.mainlevel#active_menu {
background:url(../images/arrow_bluebg.gif) no-repeat left;
color:#FFF;
text-decoration:none
}

a.sublevel {
display:block;
background:url(../images/bullet-list2.gif) no-repeat 2% 50%;
text-decoration:none;
color:#000;
font-size:1em;
padding:0 4px 2px 12px
}

a.sublevel:hover,a.sublevel:focus {
text-decoration:none;
background:url(../images/bullet-list3.gif) no-repeat 2% 50%;
color:#285184
}

a.sublevel:active {
text-decoration:bold;
background:url(../images/bullet-list3.gif) no-repeat 2% 50%;
color:#285184
}

#active_menu {
background:url(../images/bullet-list3.gif) no-repeat 2% 50%;
color:#285184
}

#ja-topsl {
color:#D9E5F4;
background:url(../images/topsl-bg.gif) bottom repeat-x #545C66;
padding:0
}

#ja-topsl div.moduletable {
background:url(../images/topsl-modules-bg.gif) repeat-x top;
border-right:2px solid #545C66;
margin:0;
padding:0
}

#ja-botsl {
background:url(../images/botsl-bg.gif) top left repeat-x #545C66;
color:#C6CED9;
padding:15px 20px
}

#ja-botsl a {
color:#C6CED9
}

.ja-box {
float:left;
overflow:hidden
}

.banner div.moduletable {
margin:0 !important;
padding:0 !important
}

#ja-botsl div.moduletable {
margin:0 20px 0 0;
padding:0
}

#ja-botsl li {
background:none;
line-height:170%;
margin:0;
padding:0
}

#ja-botsl li a {
padding-left:13px;
background:url(../images/arrow-readon.gif) no-repeat 0 50%;
text-decoration:none
}

#ja-botsl li a:hover,#ja-botsl li a:active,#ja-botsl li a:focus {
color:#5FA4FB;
background:url(../images/arrow-readon2.gif) no-repeat 0 50%;
text-decoration:none
}

#ja-botsl table,#ja-topsl table {
border-spacing:0;
border-collapse:collapse
}

.box-ended div.moduletable {
margin-right:0;
border:none !important
}

#ja-pathway {
height:21px;
text-indent:10px;
background:url(../images/pathway-bg.gif) repeat-x bottom #FFF;
color:#000;
font-size:10px;
width:100%;
padding-top:4px
}

#ja-pathway strong {
margin-right:10px
}

#ja-pathway img {
margin:0 1px
}

#ja-pathway a {
color:#000;
text-decoration:none;
font-weight:700
}

#ja-pathway a:hover,#ja-pathway a:active {
color:#000;
text-decoration:underline
}

#ja-mainbody #ja-contentwrap {
float:right;
width:74.9%
}

#ja-mainbody-fr #ja-contentwrap {
float:right;
width:79.9%
}

#ja-mainbody-fr #ja-leftcol {
width:20%
}

#ja-leftcol {
float:left;
width:25%;
margin:0;
padding:0
}

#ja-leftcol div.moduletable h3 {
background:url(../images/module-title-bg.gif);
color:#FFF;
font-size:1em;
padding: 5px 0 6px 10px;
}

#ja-leftcol div.moduletable {
background:url(../images/modules-bg.gif) repeat-y top right #ECF0F4;
margin:0;
padding:0 0 10px 0px
}

#ja-rightcol {
float:left;
width:20%;
padding-top:4px;
background:url(../images/grad1.gif) repeat-x top
}

#ja-rightcol div.moduletable h3 {
color:#FFF;
background:url(../images/right-bg-dark.gif) no-repeat left;
font-size:1em;
margin:0 0 5px;
padding:4px 0px 5px 25px
}

#ja-rightcol div.moduletable {
margin-bottom:0;
width:100%;
padding:0 0 2px
}

#ja-rightcol div.moduletable-hilite h3 {
color:#FFF;
background:url(../images/h3-bg-hilite.gif) no-repeat top right #FFF;
font-size:1em;
margin:0 -10px 5px;
padding:10px 10px 4px 8px
}

#ja-rightcol div.moduletable-hilite-ministry h3 {
color:#FFF;
background:url(../images/hilite-ministry.gif) no-repeat top left;
font-size:1em;
height:25px;
margin:0 0 5px;
padding:3px 0 0 25px
}

#ja-rightcol div.-hilite-announcement h3 {
color:#FFF;
background:url(../images/hilite-announcement.gif) no-repeat top left;
font-size:1em;
height:25px;
margin:0 0 5px;
padding:3px 0 0 25px
}

#ja-rightcol div.moduletable-hilite-warning h3 {
color:#FFF;
background:url(../images/hilite-warning.gif) no-repeat top left;
font-size:1em;
height:25px;
margin:0 0 5px;
padding:3px 0 0 25px
}

#ja-rightcol div.moduletable-hilite {
margin-bottom:5px;
color:#FFF;
background:#4F89D2;
border-right:10px solid #FFF;
padding:0 10px 10px
}

#ja-footer {
clear:both;
background:url(../images/footer-bg.gif) repeat-x top #434952;
color:#C6CED9;
border-bottom:1px solid #3A4048;
position:relative;
height:60px
}






#ja-footer a {
color:#C6CED9;
text-decoration:none
}

#ja-bottomline {
position:absolute;
top:10px;
left:15px
}

#ja-cert {
position:absolute;
top:25px;
right:15px
}

#ja-cert a {
padding-left:5px
}

div.back_button a,div.back_button a:hover,div.back_button a:active {
display:block;
color:#8E9CAE;
background:none !important;
text-decoration:none !important;
margin:10px 0
}

#mod_login_password,#mod_login_username {
width:90%
}

#mod_login_remember {
border:none;
background:none
}

.clearfix:after {
clear:both;
display:block;
content:".";
height:0;
visibility:hidden
}

* html > body .clearfix {
width:100%;
display:block
}

* html .clearfix {
height:1%
}

html {
margin-bottom:1px;
height:auto
}

#ja-coolads {
height:0;
overflow:hidden;
position:relative
}

#ja-coolads-container {
margin-right:5%;
overflow:hidden
}

#ja-coolads-container div.moduletable {
overflow:hidden
}

#dhtmltooltip {
position:absolute;
width:150px;
border:2px solid #000;
background-color:#FFFFE0;
visibility:hidden;
z-index:100;
filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
padding:2px
}

#columnC {
border-right:1px dashed;
float:left;
padding-left:5px;
padding-right:5px;
width:533px
}

.titleheading {
background:transparent url(../images/seperator2.gif) no-repeat scroll right bottom
}

.titleheading2 {
background:transparent url(../images/seperator2.gif) no-repeat scroll right bottom;
width:65%
}

#ja-pathway div.font {
float:right;
text-align:right;
width:25%;
margin-top:-3px;
margin-right:8px
}

#ja-pathway div.crumb {
float:left;
text-align:left;
width:85%
}

.content_title {
padding-bottom:4px;
background:url(../images/dotted_line.gif) repeat-x bottom;
color:#000;
font-size:1.3em;
line-height:normal;
font-weight:700
}

.content_subtitle {
padding-bottom:4px;
color:#000;
font-size:1.2em;
line-height:normal;
font-weight:700
}

.point_level1 {
padding-left:12px;
background:url(../images/point_level1.gif) no-repeat;
color:#000;
font-size:1em;
line-height:160%
}

.point_level2 {
padding-left:9px;
background:url(../images/point_level2.gif) no-repeat;
color:#000;
font-size:1em;
line-height:160%
}

.title_arrow {
padding-left:10px;
padding-bottom:4px;
background:url(../images/title_arrow.gif) no-repeat;
color:#000;
font-size:1.2em;
line-height:160%;
font-weight:700
}

.table1 {
border:2px solid #cbc9c9
}

.table1Center{
border:2px solid #cbc9c9;
margin:0 0 0 75px;
}

.table1_header1 {
background:#818181;
color:#FFF;
font-size:1em;
font-weight:700;
}

.table1_header2 {
background:#9f9f9f;
color:#FFF;
font-size:1em;
font-weight:699;
padding:6px
}

.table1_content1 {
background:#ebe9e9;
color:#000;
font-size:1em;
padding:6px
}

.table1_content2 {
background:#f6f5f5;
color:#000;
font-size:1em;
padding:6px
}

.text_italic {
font-style:italic;
font-size:1em;
color:#000
}

.low {
/*background-color:#92c2ff;*/
}

.high {
background-color:#D8EAFA;
}

.title {
background-color:#666;
}

.forecasttitle {
background-color:#666;
color:#FFF;
font-weight:700;
padding:4px
}

.forecastid {
background-color:#FFF;
border:#666 solid 1px;
width:35%;
height:30%
}

.col1 {
background-color:#FFF;
border-left:#666 solid 1px;
border-bottom:#666 solid 1px;
width:35%;
height:30%;
text-align:center
}

.col2 {
background-color:#FFF;
border-left:#666 solid 1px;
border-bottom:#666 solid 1px;
text-align:right;
width:35%;
height:30%;
padding:2px
}

.col3 {
background-color:#FFF;
border-bottom:#666 solid 1px;
border-right:#666 solid 1px;
text-align:left;
width:35%;
height:30%;
padding:2px
}

.forecastimage {
background-color:#FFF;
width:35%;
height:30%;
text-align:center
}

.forecastimage2 {
width:40px;
height:40px;
text-align:center
}

.theader1 {
background-color:#666;
color:#FFF;
width:50%;
height:30%;
text-align:center
}

.theader2 {
background-color:#666;
color:#FFF;
width:40%;
height:30%;
text-align:center
}

.tdata {
/*background-color:#DFEEFF;*/
/*width:50%;*/
height:30%;
padding:2px
}

.ttime {
background-color:#FFFFBF;
width:20px;
height:30%;
text-align:center
}

.tvalue {
/*background-color:#DFEEFF;*/
/*width:31px;*/
height:30%;
text-align:center
}

.tvalue2 {
/*background-color:#DFEEFF;*/
width:71px;
height:30%;
text-align:center
}

.series {
background-color:#666;
width:15%;
color:#FFF
}

.c_series {
background-color:#9F9F9F;
width:15%;
color:#FFF
}

.data2 {
background-color:#DFEEFF;
width:15%
}

.tvaluesea {
background-color:#DFEEFF;
width:50%;
height:30%;
text-align:center
}

.tvaluewind {
background-color:#DFEEFF;
width:30%;
height:30%;
text-align:center
}

.moduletabledropdownmenu {
margin-left:3px
}

*,form {
margin:0;
padding:0
}

body.fs4,.seriestitle {
font-size:12px
}

fieldset,a img,table.contentpaneopen,#ja-rightcol a.mainlevel {
border:none
}

fieldset a,.category {
font-weight:700
}

select,.inputbox,table.pollstableborder td {
padding:2px
}

#ja-leftcol .article_seperator,#ja-rightcol .article_seperator,#ja-botsl .article_seperator,#ja-topsl .article_seperator {
display:none
}

table.contenttoc a,a.pagenav,.pagenav_prev a,.pagenav_next a,.pagenavbar a,a.pagenav:hover,a.pagenav:active,a.pagenav:focus,.pagenav_prev a:hover,.pagenav_prev a:active,.pagenav_prev a:focus,.pagenav_next a:hover,.pagenav_next a:active,.pagenav_next a:focus,.pagenavbar a:hover,.pagenavbar a:active,.pagenavbar a:focus {
text-decoration:none
}

a.contentpagetitle,a.contentpagetitle:hover,a.contentpagetitle:active,a.contentpagetitle:focus {
font-size:12px;
line-height:16px;
font-weight:bold;
text-decoration:none !important
}


.moduletable,#ja-botsl td {
padding:0px;
width:100%
}

.mosimage img,#ja-botsl ul {
margin:0px;
padding:0px
}

tr.sectiontableentry1 td,tr.sectiontableentry2 td {
background:url(../images/seperator.gif) repeat-x bottom;
padding:5px
}

#ja-topsl a,#ja-footer a:hover,#ja-footer a:active,#ja-footer a:focus {
color:#5FA4FB
}

#ja-topsl h3,#ja-botsl h3 {
color:#FFF;
font-size:1em;
margin:0 0 5px;
padding:0
}

#ja-mainbody,#ja-mainbody-fl {
float:left;
width:80%
}

#ja-mainbody-fl #ja-contentwrap,#ja-mainbody-fr,#ja-mainbody-f {
float:left;
width:100%
}

.area,.condition {
background-color:#3F9FF1;
/*background-color:#666;*/
/*width:300px;*/
color:#FFF;
font-weight:700;
padding:4px
}

.area_data,.condition_data {
background-color:#D8EAFA;
/*background-color:#9966FF;*/
width:300px;
padding:4px;
/*background-color:#2b2b2b;*/
height:25px;
font-weight:bold;
text-align:left;
}

#mooticker li {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 2px 4px;
font-weight: bold;
font-size: 90%;
text-decoration: none;
}

#mooticker {
position: relative; /* important */
overflow: hidden; /* important */
width: 100%; /* important */
height: 24px; /* important */
}