@media screen { 
body {
margin : 0 0 50px; 
padding : 0; 
background-color : #ffffff; 
background-image : url(http://www.chja.net/pix/_bg_1.gif); 
background-repeat : repeat-y; 
color : #333333; 
font-family : Verdana, Geneva, Helvetica, sans-serif !important; 
} 
div {
display : block; 
padding : 0; 
margin : 0; 
border : 0 none inherit; 
} 
div#header {
height : 87px; 
width : 780px; 
background-image : url(http://www.chja.net/pix/_bg_2_new.gif); 
clear : both; 
} 
div#footer {
margin : 1px 12px 12px 12px; 
padding : 3px 0 0 3px; 
height : 5%; 
width : 420px;
border-width : 1px 0 0 0; 
border-style : solid; 
border-color : #ccc; 
font-size : 10px; 
overflow : visible; 
z-index : 1; 
float : left
}
div#everypage {
margin : 12px 12px 12px 12px; 
padding : 3px 0 0 3px; 
height : 5%; 
width : 420px; 
text-align : center;
border-width : 0 0 0 0; 
border-style : solid; 
border-color : #ccc; 
font-size : 8px; 
overflow : visible; 
z-index : 1; 
float : left;
}
div#goback {
margin : 12px 12px 3px 12px; 
padding : 0 0 0 0; 
height : 5%; 
width : 420px; 
text-align : right; 
border-width : 0 0 0 0; 
border-style : solid; 
border-color : #ccc; 
font-size : 10px; 
overflow : visible; 
z-index : 1; 
float : left;
}
div#topnav {
position : absolute; 
top : 70px; 
left : 0; 
color : #fff; 
width : 765px; 
text-align : center; 
font-size : 12px; 
} 
div#subnav {
width : 158px; 
padding-top : 0; 
font-size : 11px; 
border-bottom : 1px solid #ccc; 
float : left; 
} 
div#metanav {
position : absolute; 
top : 10px; 
left : 0; 
width : 765px; 
text-align : right; 
color : #fff; 
font-size : 10px; 
z-index : 400; 
} 
div#search {
position : absolute; 
left : 592px; 
top : 32px; 
width : 175px; 
text-align : right; 
z-index : 100; 
float : left; 
}
div#rightnav {
position : absolute; 
left : 630px; 
top : 118px; 
width : 146px; 
background-color : #eee; 
z-index : 100; 
float : left; 
} 
div#rightimg {
position : absolute; 
left : 630px; 
border-top : 1px solid #fff; 
top : 68px; 
width : 150px; 
background-color : #eee; 
z-index : 100; 
} 
div#contentwrap { 
width : 420px; 
padding : 0; 
margin : 0;
background-color : #ffffff; 
float : left; 
} 
div#content {
margin : 12px; 
padding : 20px 0 0 3px; 
height : 95%; 
width : 420px; 
overflow : visible; 
z-index : 1; 
float : left; 
} 
#pages_list  { font-family: Arial, Helvetica, Sans Serif; font-size: 11px; width: 144px; border: 0px solid; color: #ccc; background-color: transparent; margin: 2px; padding: 0; }
.pages_list1 { font-family: Arial, Helvetica, Sans Serif; color: #000099; margin: 4px; padding: 0; list-style: none; }
.pages_list1 li { margin-left: 2px; margin-top: 12px; padding-left: 0px; }	
.pages_list1 a { text-decoration: none; }
.pages_list1 a:hover { text-decoration: underline; }
.pages_list2 { margin-left: 2px; padding-left: 0px; list-style: none; }

.tableheader   { background-color: #dddddd; vertical-align: top;  font-weight: bold;}
.tableheader A { color:#000000; text-decoration:none; }
.tableheader A:Hover { text-decoration:underline; }
.tablerow1     { background-color: #ffffff; vertical-align: top; }
.tablerow2     { background-color: #eeeeee; vertical-align: top; }
.indent0  { font-size: 12px; text-indent: -1.2em; margin-left: 1.2em; }
.indent0a { font-size: 12px; margin-left: 0em; }
.indent1  { font-size: 12px; text-indent: -1.2em; margin-left: 2.5em; }
.indent1a { font-size: 12px; margin-left: 2.5em; }
.indent2  { text-indent: -1.2em; margin-left: 5em; margin-right: 6em; }
.indent2a { margin-left: 5em; margin-right: 6em; }
.indent3  { text-indent: -1.6em; margin-left: 8em; margin-right: 8em; }
.indent3a { margin-left: 8em; margin-right: 8em; }
.indent4  { text-indent: -1.6em; margin-left: 10em; margin-right: 10em; }
.indent4a { margin-left: 10em; margin-right: 10em; }
.right {font-size: 11px; text-align: right; MARGIN-RIGHT: 20px; margin-top: 0; margin-bottom: 0; }
p.break { display: none; }

}
img {
border : medium none inherit; 
} 
img#logo {
position : absolute; 
top : 15px; 
left : 10px; 
width : 150px; 
height : 42px; 
} 
img.left {
float : left; 
margin-right : 8px; 
} 
img.right {
float : right; 
margin-left : 8px; 
} 
img.navlogo {
width : 150px; 
height : 55px; 
margin-bottom : 5px; 
} 
p {
padding : 0; 
font-size : 12px; 
} 
h1 {
margin : 12px 0 0; 
font-size : 18px; 
color : #900; 
font-weight : bold; 
} 
h2 {
margin : 6px 0 0; 
font-size : 14px; 
color : #900; 
font-weight : bold; 
} 
h3 {
margin : 6px 0 0; 
font-size : 12px; 
color : #900; 
font-weight : bold; 
} 
TD {
font-size : 12px; 
} 
OL {
font-size : 12px; 
} 
UL {
font-size : 12px; 
} 
LI {
font-size : 12px; 
} 
BLOCKQUOTE {
font-size : 12px; 
}
MARQUEE {
font-size : 12px;
color : #000066;
font-weight : bold; 
}
p.footer {
margin : 20px 0 0; 
font-size : 10px; 
color : #999; 
line-height : 125%; 
} 
a {
text-decoration : none; 
color : #009;
display : normal; 
}
a.hover {
text-decoration : underline; 
color : #009; 
}
div#content a:hover {
text-decoration : underline; 
}
div#goback a:hover {
text-decoration : underline; 
}
div#footer a:hover {
text-decoration : underline; 
}
div#everypage a:hover {
text-decoration : underline; 
}
a.subnav {
display : block;
}
a.metanav {
display : inline; 
color : #fff; 
} 
a.metanav:hover {
color : #600; 
background-color : #fff; 
} 
a.lvl2 {
font-size : 11px;
color : #333; 
width : 149px; 
margin : 0; 
padding : 3px 5px; 
border-top : 1px solid #ccc; 
overflow : hidden; 
white-space : normal; 
display : block; 
} 
a.lvl2a {
background-color : #f5f5f5; 
color : #900; 
width : 149px; 
margin : 0; 
padding : 3px 5px; 
border-top : 1px solid #ccc; 
overflow : hidden; 
white-space : normal; 
} 
a.lvl2:hover {
color : #c00; 
background-color : #f5f5f5; 
} 
a.lvl2a:hover {
color : #c00; 
background-color : #fff; 
} 
strike {
text-decoration : none; 
} 


.col-2 {
        -webkit-column-count: 2;
        -webkit-column-gap: 2px;
        -moz-column-count: 2;
        -moz-column-gap: 5px;
        list-style-type: none;
        padding: 0;
        margin: 0;
        font-size: 11px;
        line-height: 20px;
        }
.col-3 {
        -webkit-column-count: 3;
        -webkit-column-gap: 10px;
        -moz-column-count: 3;
        -moz-column-gap: 10px;
        }





@media print {
div#subnav {
display : none
}
div#header {
display : none
}
div#topnav {
display : none
}
div#search {
display : none
}
div#metanav {
display : none
}
div#rightnav {
display : none
}
.right {
display : none
}

}