* {
font-family : Arial, Helvetica, sans-serif;
}
.waterbody {
background : #cccccc url(../images/bg_body.jpg) repeat-x left top;
margin : 0;
color : #333333;
}

div, td, p {
font-size : 12px;
line-height : 18px;
color : #333333;
}
a, a:link, a:active, a:visited {
text-decoration : underline;
color : #000000;
}
a:hover {
text-decoration : underline;
color : #3973ac;
}
ul {
margin : 5px;
padding : 5px;
list-style : none;
list-style-type : square;
}
li {
line-height : 18px;
padding-left : 5px;
padding-top : 0;
list-style-position : inside;
}
.clear {
clear : both;
}
#container {
width : 900px;
margin : 55px auto;
padding : 0;
text-align : left;
}
#containerbg {
position : relative;
width : 915px;
background : transparent url(../images/bg_inside.jpg) repeat-y left top;
float : left;
top : 0;
left : 0;
}
#outerleft {
position : relative;
float : left;
clear : left;
width : 730px;
}
#outerright {
position : relative;
width : 170px;
float : right;
clear : right;
}
#logo {
position : relative;
width : 100%;
height : 74px;
float : left;
background : #ffffff url(../images/bg_header.jpg) no-repeat left top;
}
#topmenu {
position : relative;
float : left;
clear : left;
background-color : #000000;
width : 100%;
}
#imgheader {
position : relative;
float : left;
clear : left;
width : 100%;
height : 99px;
background-color : #000000;
}
#container_inner {
position : relative;
clear : left;
width : 730px;
}
#leftcol {
position : relative;
float : left;
clear : left;
width : 172px;
background : transparent url(../images/bg_leftcol.jpg) repeat-y left top;
}
#leftcolmenu {
position : relative;
background : transparent url(../images/bg_leftcol.jpg) repeat-y left top;
overflow : auto;
}
#content_top_wrapper {
position : relative;
float : right;
clear : right;
width : 542px;
display : inline;
margin : 4px 8px 0 0;
}
#content_top1 {
position : relative;
float : left;
clear : left;
width : 269px;
}
#content_top2 {
position : relative;
float : right;
clear : right;
width : 269px;
}
#content_main {
position : relative;
float : left;
width : 520px;
margin : 15px 0 20px 20px;
background-color : #ffffff;
}
#rightcol_top, #rightcol {
float : right;
clear : left;
width : 184px;
margin : 0 0 0 1px;
display : inline;
overflow : auto;
padding-top:9px;
}
#rightcol_top {
height : 70px;
min-height : 70px;
background : transparent url(../images/bg_topright.jpg) no-repeat center top;
}
#banner {
position : relative;
clear : left;
float : left;
width : 515px;
height : 65px;
min-height : 65px;
color : #ffffff;
font-size : 10px;
padding : 20px 0 0 215px;
}
#blackline {
position : relative;
clear : left;
float : left;
width : 730px;
height : 10px;
min-height : 10px;
background-color : #000000;
color : #ffffff;
font-size : 10px;
}
#copyright {
position : relative;
width : 900px;
display : block;
clear : both;
float : left;
}
#copyright div {
color : #666666;
font-size : 10px;
font-weight : bold;
display : block !important ;
width : 900px;
float : left;
clear : left;
margin : -10px 0 0 0;
text-align : left;
}
span.pathway {
display : block;
text-align : left;
color : #000000;
font-size : 10px;
font-weight : bold;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #e5e5e5;
height : 20px;
margin-bottom : 10px;
}
.componentheading {
font-family : Georgia, "Times New Roman", Times, serif;
color : #000000;
font-size : 20px;
line-height : 25px;
padding : 5px 0 5px 0;
display : block;
}
.contentheading, .contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:active, a.contentpagetitle:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
color : #3973ac;
font-weight : bold;
padding-top : 0;
background-color : inherit;
display : block;
}
.contentpaneopen {
width : 100%;
}
.buttonheading {
width : 16px !important ;
text-align : right;
}
.sectiontableheader {
font-weight : bold;
}
.category, .categorytitle {
font-weight : bold;
color : #3973ac;
background-color : inherit;
}
.sectiontableentry1, table.pollstableborder tr.sectiontableentry1 {
background-color : #efefef;
padding : 2px;
color : #333333;
}
.sectiontableentry2, table.pollstableborder tr.sectiontableentry2 {
background-color : #ffffff;
padding : 2px;
color : #333333;
}
.blogsection {
color : #3973ac;
background-color : inherit;
}
.blog_more {
font-weight : bold;
line-height : 25px;
padding-top : 20px;
color : #3973ac;
border-bottom : 1px solid #e5e5e5;
background-color : inherit;
}
.small {
color : #999999;
font-size : 10px;
font-weight : bold;
background-color : inherit;
}
#content_main .createdate {
color : #4a87c4;
font-size : 10px;
padding : 0 0 15px 0;
line-height : 8px;
background-color : inherit;
}
#content_main .modifydate {
color : #999999;
font-size : 10px;
padding : 0;
background-color : inherit;
}
.pagenav_prev, .pagenav_next {
font-size : 11px;
}
.pagenavbar {
display : block;
width : 100%;
background-color : inherit;
height : 20px;
line-height : 25px;
text-align : right;
letter-spacing : 2px;
color : #999999 !important ;
clear : both;
font-size : 11px !important ;
margin-top : 10px;
background-image : url(../images/bg_pagenav.jpg);
background-repeat : repeat-x;
background-position : center bottom;
}
.pagenav {
height : 20px;
line-height : 25px;
text-align : right;
letter-spacing : 2px;
color : #999999;
clear : both;
font-size : 11px;
margin-left : 0;
margin-right : 0;
background-color : inherit;
}
.back_button {
display : block;
text-align : left;
font-weight : bold;
font-size : 12px;
width : 100%;
margin-bottom : 10px;
letter-spacing : 2px;
}
.highlight {
font-weight : bold;
background-color : #ffff00;
padding : 2px 0 2px 0;
}
table.contenttoc {
border : 1px solid #000000;
padding : 1px;
width : 130px;
margin : 0 0 10px 10px;
}
.contenttoc th {
color : #ffffff;
background-color : #666666;
font-size : 11px;
display : block;
width : 124px;
}
ul.latestnews li, ul.mostread li {
line-height : 18px;
font-size : 11px;
font-weight : bold;
list-style-type : none;
list-style-position : outside;
}
table.contentpane td.contentdescription {
width : 100% !important ;
}
#leftcol a:link, #leftcol a:active, #leftcol a:visited {
color : #ffffff;
}
a.pagenav:link, a.pagenav_next:link, a.pagenav_pre:link, div.back_button a, div.back_button a:link, a.latestnews:link, a.latestnews:active, a.latestnews:visited, a.mostread:link, a.mostread:active, a.mostread:visited {
text-decoration : none;
}
.readon, a.readon:link, a.readon:active, a.readon:visited {
color : #666666;
font-weight : bold;
text-align : left;
margin-top : 10px;
letter-spacing : 2px;
font-size : 10px;
text-decoration : none;
}
a.blogsection:link, a.blogsection:active, a.blogsection:visited {
color : #3973ac;
text-decoration : none;
}
a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited, a.sublevel:link, a.sublevel:active, a.sublevel:visited {
color : #ffffff;
text-decoration : none;
font-size : 11px;
line-height : 28px;
}
a.mainlevel:hover, #leftcol a.mainlevel:hover {
background-color : #484848;
color : #ffffff !important ;
text-decoration : none !important ;
}
a.mainlevel-right:link, a.mainlevel-right:active, a.mainlevel-right:visited, a.sublevel-right:link, a.sublevel-right:active, a.sublevel-right:visited {
color : #000000;
text-decoration : none;
font-size : 11px;
}
a.mainlevel-right:hover {
background-color : #cccccc;
text-decoration : none;
}
a.pathway:link, a.pathway:link, a.pathway:active, a.pathway:visited {
color : #999999;
text-decoration : none;
}
a.toclink:link, a.toclink:active, a.toclink:visited {
color : #3973ac;
font-size : 11px;
padding : 2px 10px 2px 10px;
display : block;
text-decoration : none;
}
.pagenavbar a:link, .pagenavbar a:active, .pagenavbar a:visited {
letter-spacing : 2px;
color : #000000;
font-size : 11px;
text-decoration : none;
}
.pagenavbar a:hover {
color : #3973ac;
}
.latestnews, .mostread {
color : #000000;
}
a.latestnews:link, .mostread a:link, .latestnews a:active, .mostread a:active, .latestnews a:hover, .mostread a:hover, .latestnews a:visited, .mostread a:visited {
color : #000000;
text-decoration : underline;
}
a.toclink:hover, a.latestnews:hover, a.mostread:hover, a.pathway:hover, a.sublevel:hover, a.sublevel-right:hover, a.blogsection:hover, a.readon:hover, a.pagenav:hover, a.pagenav_next:hover, a.pagenav_pre:hover, a.latestnews:hover {
text-decoration : underline;
color : #3973ac;
background-color : inherit;
}
#leftcol a:hover {
color : #93b7db;
text-decoration : underline;
}
table.moduletable, #leftcol table, #rightcol table {
width : 100%;
float : left;
clear : left;
}
#rightcol table, #leftcol table td {
font-size : 11px !important ;
color : #cccccc;
}
#rightcol table, #rightcol table td {
font-size : 11px !important ;
color : #030303;
}
table.moduletable th, table.moduletable-bgimg th, table.moduletable-right th {
border : 1px solid #000000;
color : #ffffff;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 15px;
line-height : 20px;
background-color : #484848;
height : 25px;
text-align : left;
padding-left : 15px;
font-weight : normal;
}
#content_top1 table.moduletable td, #content_top2 table.moduletable td {
background : transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;
height : 100px;
min-height : 100px;
vertical-align : top;
}
#rightcol table.moduletable td {
padding : 5px;
}
.mainlevel {
display : block;
font : bold 11px/25px Arial, Helvetica, sans-serif !important ;
padding-left : 15px;
background : transparent url(../images/bg_mainlevel.gif) repeat-x center top;
font-weight : bold;
text-decoration : none;
}
#leftcol form {
margin-left : 15px;
}
#leftcol .button {
font-size : 11px;
color : #ffffff;
background-color : #585858;
border-right : 1px solid #333333;
border-bottom : 1px solid #333333;
border-left : 1px solid #888888;
border-top : 1px solid #888888;
width : 140px;
}
#leftcol .inputbox {
font-size : 11px;
font-weight : bold;
}
#leftcol table.moduletable td {
color : #dadada;
font-size : 11px;
}
div.search {
margin-left : 10px;
}
.search .inputbox {
width : 130px;
border : 1px solid #000000;
}
#leftcol .inputbox {
font-size : 11px;
margin-bottom : 2px;
}
.button, #rightcol .button {
font-size : 11px;
text-transform : uppercase;
color : #666666;
font-weight : bold;
background-color : #cccccc;
border-top : 1px solid #ffffff;
border-right : 1px solid #999999;
border-bottom : 1px solid #999999;
border-left : 1px solid #ffffff;
}
#rightcol .button {
background-color : #e5e5e5;
}
.search {
margin-top : 30px;
}
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
display : block;
padding-left : 0;
padding-right : 0;
float : left;
margin : 0;
width : auto !important ;
font-size : 11px;
line-height : 23px;
white-space : nowrap;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
color : #ffffff;
font-weight : bold;
}
#topmenu > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
background : #535353;
text-decoration : none;
}
.mainlevel-right {
display : block;
height : 25px;
line-height : 25px;
padding-left : 15px;
background : #eef0f0 url(../images/bg_mainlevel_right.gif) repeat-x center top;
font-weight : bold;
}
table.moduletable-bgimg {
background : transparent url(../images/bg_module.jpg) no-repeat center bottom;
float : left;
clear : left;
width : 100%;
}
table.moduletable-bgimg td {
padding : 5px;
font-size : 11px;
}
table.moduletable-bgimg td td {
padding : 0 !important ;
}
.poll {
font-size : 11px;
line-height : 16px;
}
table.pollstableborder .sectiontableentry2 {
background-color : transparent;
text-align : left;
}
table.pollstableborder .sectiontableentry1 {
background-color : #f5f5f5;
text-align : left;
}
.moduletable_bgimg table.pollstableborder td.sectiontableentry2, .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
background-color : transparent !important ;
text-align : left !important ;
}
#bottompadding {
position : relative;
width : 900px;
display : block;
height : 0;
margin-top : -100px;
}
.jot-err {
border : 1px solid red;
font-weight : bold;
color : red;
padding : 5px;
margin-bottom : 10px;
}
.jot-cfm {
border : 1px solid green;
font-weight : bold;
color : green;
padding : 5px;
margin-bottom : 10px;
}
.jot-row {
border : 1px solid #cccccc;
margin-bottom : 10px;
background-color : #e9e9e9;
}
.jot-row-alt {
background-color : #f9f9f9;
}
.jot-row-author {
background-color : #ffffe1;
}
.jot-row-me {
background-color : #ffdddd;
}
.jot-row-up {
border : 1px dotted red;
}
.jot-row-new {
border : 1px dotted green;
}
.jot-comment {
padding : 3px;
}
.jot-comment hr {
border : 0;
border-bottom : 1px solid #cccccc;
}
.jot-posticon {
float : right;
width : 20px;
height : 20px;
padding-top : 8px;
padding-right : 3px;
}
.jot-posticon img {
border : 0;
}
.jot-mod {
float : right;
width : 100px;
text-align : right;
color : #666666;
font-weight : bold;
}
.jot-mod img {
border : 0;
}
.jot-mod a {
float : right;
padding : 1px;
padding-left : 2px;
padding-right : 2px;
}
.jot-mod a:hover {
background-color : #666666;
color : #666666;
}
.jot-subject {
font-weight : bold;
font-size : 1.1em;
}
.jot-message {
padding : 2px;
overflow : auto;
}
.jot-poster {
padding : 0;
text-align : left;
font-size : 10px;
}
.jot-nav {
padding : 0;
text-align : center;
margin : 10px;
}
.jot-list ul {
padding : 0;
text-align : left;
margin-bottom : 10px;
list-style-position : inside;
}
.jot-subscribe {
margin-bottom : 10px;
}
.jot-form {
margin-bottom : 10px;
}
.jot-form fieldset {
border : 0;
}
.jot-form label {
display : block;
}
.jot-user {
float : left;
width : 80px;
}
.jot-content {
margin-left : 80px;
}
.jot-extra {
text-align : right;
}
.jot-editby {
font-size : 10px;
color : #666666;
font-style : italic;
}
.hidden{display:none;}