body        { color: #fff; font-size: 10px; line-height: 16px; font-family: verdana, geneva, helvetica, arial, sans-serif }
h1   { color: #9cf; font-weight: bold; font-size: 16px; line-height: 18px; font-family: arial, helvetica, sans-serif }

h2   { color: white; font-weight: bold; font-size: 12px; line-height: 20px; font-family: arial, helvetica, sans-serif } 

h3   { color: white; font-weight: bold; font-size: 14px; line-height: 20px; font-family: arial, helvetica, sans-serif }
h4   { color: white; font-weight: bold; font-size: 18px; line-height: 20px; font-family: arial, helvetica, sans-serif }
h5    { color: #9cf; font-weight: bold; font-size: 14px; line-height: 14px; font-family: arial, helvetica, sans-serif }
h6  { color: #9cf; font-weight: bold; font-size: 14px; line-height: 14px; font-family: arial, helvetica, sans-serif }
td , p , li , ul , blockquote , div  { font-size: 11px; font-family: verdana, geneva, helvetica, arial, sans-serif }

li, ul {
  line-height : 18px;
}

p    { color: #fff; font-size: 10px; line-height: 14px;}


a  { text-decoration: none }
a:link      { color: #c06; font-weight: bold; text-decoration: none  }
a:visited     { color: #c06; font-weight: bold  }
a:hover      { color: #9cf; text-decoration: none  }

a.navbar:link  { color: #ffffff;text-decoration : none}
a.navbar:visited  { color: white ;text-decoration : none}
a.navbar:active  { color: white ;text-decoration : none}
a.navbar:hover  { color: #dcdcdc; text-decoration: none }

a.sidenavbar:link  { color: #ffffff;text-decoration : none}
a.sidenavbar:visited  { color: white ;text-decoration : none}
a.sidenavbar:active  { color: white ;text-decoration : none}
a.sidenavbar:hover    { color: #9cf; text-decoration: none }

.sidenavbarthin  { color: #999; font-weight: normal; font-size: 9px; text-decoration: none }
a.sidenavbarthin:link     { color: #999; font-weight: normal; text-decoration: none }
a.sidenavbarthin:visited    { color: #999; font-weight: normal; text-decoration: none }
a.sidenavbarthin:active    { color: #999; font-weight: normal; text-decoration: none }
a.sidenavbarthin:hover       { color: #ccc; font-weight: normal; text-decoration: none }


a.apexlink:link   { color: #a9a9a9; text-decoration: none }
a.apexlink:visited   { color: #a9a9a9; text-decoration: none }
a.apexlink:active   { color: #a9a9a9; text-decoration: none }
a.apexlink:hover    { color: #696969; text-decoration: none }

.smalltext   { color: #d3d3d3; font-style: italic; font-weight: normal; font-size: 9px; line-height: 12px; font-family: verdana, geneva, helvetica, arial, sans-serif; text-decoration: none }

a.smalltext:link  { color: #d3d3d3; text-decoration: none }
a.smalltext:visited  { color: #d3d3d3; text-decoration: none }
a.smalltext:active  { color: #d3d3d3; text-decoration: none }
a.smalltext:hover   { color: #9cf; text-decoration: none }


.smallgreytext   { color: #a9a9a9; font-weight: normal; font-size: 9px; line-height: 12px; font-family: verdana, geneva, helvetica, arial, sans-serif }
.smallyellowtext { color: #ffffe0; font-weight: normal; font-size: 9px; line-height: 12px; font-family: verdana, geneva, helvetica, arial, sans-serif }
.sideline-R { color: #939; background-color: #939; border-left: 1pt solid #fff }
.sideline-L { color: #939; background-color: #939; border-right: 1pt solid #fff }
.sidenavbarbox  { line-height: 20px; padding-right: 15px; padding-left: 5px }
.sidenavbarboxbottom  { line-height: 20px; padding-right: 15px; padding-left: 5px; border-bottom: solid }
.bgmaintextbox { padding: 5px 15px 5px 10px }
.bgline1 { background: black url(images/joan_web5_02.jpg) repeat-x right top }
.bgline2 { background: black url(images/joan_web5_06.jpg) repeat-x left top }
.bgline3  { background: white url(images/joan_web5_nav_38.jpg) repeat-y left top; padding-top: 8px }
.bgline3bk { background: #000 url(images/joan_web5_botlinebk_25.jpg) repeat-y left top; padding-top: 8px; border-top: 2px solid white }
.bglinetop { background: white url(images/joan_web5_topline_03_03.jpg) repeat-y left top }
.bglinetopbk  { background: white url(images/joan_web5bk_topbk_08.jpg) repeat-y left top }
.bgsidenav { background: #333 url(images/joan_web5_nav_13.jpg) repeat-y right top }
.bgsidenav2 { background: black url(images/joan_web5_nav_11.jpg) repeat-y right top }
.bgsidenavimage  { line-height: 15px; background: #333 url(images/joan_web5_nav_21.jpg) no-repeat right top; padding-right: 15px; padding-bottom: 15px }
.bgmainheadertop  { background-color: black; background-image: url(images/joan_web4_top_03.jpg); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 10px  }
.bgmainheadertop2  { background: #000 url(images/joan_web5_topbk_04.jpg) no-repeat right bottom; padding-bottom: 10px }
.bgmainheader  { background: black url(images/joan_web5_topbar2_09.jpg) no-repeat right top; padding-bottom: 10px }
.bgmainsideL { background: black url(images/joan_web5_22.jpg) repeat-y left top }
.bgmainimagebox { background: black url(images/joan_web5_greybar_14.jpg) repeat-y left top }
.imageborder { border: solid 1px #999; }
.breadcrumb { color: #999; font-style: italic; }