body {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 73.1%;
color : #333;

line-height : 1.9em;

}
.out {
width : 1000px;
}
img {
border : none;
}
input {
border : 1px solid #e4e4e4;
}
.wrapper {
background-image : url(../images/sideshadow.jpg);
background-position : top right;
background-repeat : no-repeat;
width : 100%;
float : left;
}
.wrapperinx {
background-image : url(../images/sideshadowleft.jpg);
background-position : top left;
background-repeat : no-repeat;
float : left;
width : 100%;
}
.maincomponent {
float : left;
width : 100%;
}
.int {
width : 938px;
}
.top {
width : 100%;
float : right;
background : url(../images/topshadow.jpg);
background-repeat : repeat-x;
border-left : 1px solid #e4e4e4; 
}
.logo {
float : right;
width : auto;
margin : 36px 56px 0px 0px;
padding-top: 35px;
}
.topmenu {
float : left;
width : 900px;
margin : 0px 0 0 0;
}
.search {
float : left;
padding-left : 20px;
padding-top : 30px;
width : 180px;

}
.searchint {
float : left;
padding : 0 0;
}
.search input {
color : #999;
}
a:link, a:visited {
color : #177194;
}
.topcontent {
/* background-image : url(../images/topshadow.jpg); */
background-repeat : repeat-x;
width : 90%;
padding : 0 5% 12px 5%;
float : left;
}
.bottomcontent {
background-repeat : repeat-x;
width : 90%;
padding-top : 12px;
padding-left : 0;
float : left;
}
.topcontent {
margin-bottom : 12px;
}
.bottomcontent {
margin-top : 12px;
width : 100%;
}
.topmenu ul {
float : left;
width : auto;
}
.topmenu ul, .topmenu ul li {
padding : 0;
margin : 0;
list-style : none;
}
.topmenu ul li {
float : left;
}
.topmenu ul li a:link, .topmenu ul li a:visited {
color : #333;
border-right : 1px solid #e4e4e4;
padding : 12px 24px;
}
.topmenu ul li a:hover {
background-color : #fff;
}
.mainmenu ul, .mainmenu ul li, ul.menu, ul.menu li {
color : #ccc;
list-style : none;
padding : 0;
margin : 0;
}
.mainmenu ul li a, ul.menu li a {
padding : 8px 0 8px 24px;
background-image : url(../images/arrow.jpg);
background-position : left 50%;
background-repeat : no-repeat;
border-bottom : 1px solid #e4e4e4;
display : block;
text-decoration : none;
color : #666;
}
.left {
float : left;
width : 200px;
padding-left : 10px;
}
.center {
float : left;
width : 460px;
padding : 0 10px;
margin : 0 10px;
border-right : 1px solid #e4e4e4;
border-left : 1px solid #e4e4e4;
}
.centerleft {
float : left;
width : 700px;
padding : 0 0 0 10px;
margin : 0 0 0 10px;
border-left : 1px solid #e4e4e4;
}
.centerright {
float : left;
width : 640px;
padding : 0 10px 0 10px;
margin : 0 10px 0 10px;
border-right : 1px solid #e4e4e4;
}
.center100 {
float : left;
width : 95%;
padding : 0 2.5%;
}
.right {
float : left;
width : 220px;
}
.content {
padding-top : 24px;
padding-bottom : 30px;
float : left;
width : 100%;
border-right : 1px solid #e4e4e4;
border-left : 1px solid #e4e4e4;
}
h1 {
font-size : 2.8em;
padding : 22px 0;
margin : 0;
letter-spacing : 2px;
}
.contentheading {
padding : 8px 0;
margin : 0 0 14px 0;
border-bottom : 1px solid #e4e4e4;
font-size : 2.3em;
color : #afbd20;
}
.componentheading {
padding : 6px 0;
margin : 0;
color : #9da91d;
font-size : 2.2em;
line-height : 1.4em;
font-weight : lighter;
}
.headerleft h3, .headerright h3 {
color : #fff;
}
.header {
padding-top : 26px;
width : 100%;
float : left;
background-color : #177194;
}
h4, .subcontent h3 {
padding : 3px 0;
margin : 0;
font-size : 1.2em;
font-weight : bold;
color : #222;
}
strong {
color : #222;
}
.footer {
border-top : 1px solid #e4e4e4;
float : left;
width : 100%;
color : #666;
font-size : 0.88em;
text-align : center;
background-image : url(../images/footershadow.jpg);
background-repeat : repeat-x;
border-right : 1px solid #e4e4e4;
padding-top : 30px;
}
img.image {
border : none;
padding : 6px;
margin : 0 10px 0 0;
}
.small, .modifydate {
font-size : 0.88em;
color : #888;
}
blockquote {
padding : 0;
margin : 8px 0;
color : #999;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 1.2em;
font-weight : lighter;
}
.moduletable h3 {
background-image : url(../images/footershadow.jpg);
padding-left : 10px;
color: #336699;

}
.mainlevel-nav {
margin-left : 20px;
font-size : 12px;
font-weight : bold;
}
li#current {
font-weight : bold;
}
#rokbox-wrapper .clr {
clear : both;
}
#rokbox-close {
height : 30px;
width : 20px;
display : block;
background : url(close.png) no-repeat 0 0;
clear : both;
}
#rokbox-close span {
display : none;
}
#rokbox-top.rokbox-left {
background : url(tl.png) no-repeat 0 0;
clear : both;
}
#rokbox-top .rokbox-right {
background : url(tr.png) no-repeat 100% 0;
}
#rokbox-top .rokbox-center {
background : url(top.png) repeat-x 0 0;
height : 20px;
margin-left : 20px;
margin-right : 20px;
}
#rokbox-middle {
overflow : hidden;
}
#rokbox-middle.rokbox-left {
background : url(left.png) repeat-y 0 0;
clear : both;
}
#rokbox-middle .rokbox-right {
background : url(right.png) repeat-y 100% 0;
}
#rokbox-middle .rokbox-center {
background : #181818;
margin-left : 20px;
margin-right : 20px;
}
#rokbox-bottom.rokbox-left {
background : url(bl.png) no-repeat 0 0;
}
#rokbox-bottom .rokbox-right {
background : url(br.png) no-repeat 100% 0;
}
#rokbox-bottom .rokbox-center {
background : url(bottom.png) repeat-x 0 0;
height : 20px;
margin-left : 20px;
margin-right : 20px;
}
#rokbox-container.spinner {
background : url(ajax-loader.gif) no-repeat 50% 50%;
}
#rokbox-arrows {
margin-top : 15px;
position : absolute;
right : 0;
width : 70px;
height : 20px;
}
#rokbox-arrows a {
float : left;
display : block;
width : 20px;
height : 20px;
margin-right : 5px;
}
#rokbox-arrows #rokbox-previous {
background : url(prev.png) no-repeat 0 0;
}
#rokbox-arrows #rokbox-previous span {
display : none;
}
#rokbox-arrows #rokbox-next {
background : url(next.png) no-repeat 0 0;
}
#rokbox-arrows #rokbox-next span {
display : none;
}
#rokbox-arrows #rokbox-previous.inactive, #rokbox-arrows #rokbox-next.inactive {
background-position : 0 -20px;
}
#rokbox-caption {
padding-top : 25px;
font-family : Helvetica, Arial, sans-serif;
}
#rokbox-caption h2 {
margin : 0 0 10px 0;
padding : 0;
color : #999;
font-size : 18px;
font-weight : bold;
}
#rokbox-caption p {
margin : 0;
color : #ccc;
font-size : 12px;
}
#rokbox-wrapper .clr {
clear : both;
}
#rokbox-close {
height : 30px;
width : 20px;
display : block;
background : url(close.png) no-repeat 0 0;
clear : both;
}
#rokbox-close span {
display : none;
}
#rokbox-top.rokbox-left {
background : url(tl.png) no-repeat 0 0;
clear : both;
}
#rokbox-top .rokbox-right {
background : url(tr.png) no-repeat 100% 0;
}
#rokbox-top .rokbox-center {
background : url(top.png) repeat-x 0 0;
height : 20px;
margin-left : 20px;
margin-right : 20px;
}
#rokbox-middle {
overflow : hidden;
}
#rokbox-middle.rokbox-left {
background : url(left.png) repeat-y 0 0;
clear : both;
}
#rokbox-middle .rokbox-right {
background : url(right.png) repeat-y 100% 0;
}
#rokbox-middle .rokbox-center {
background : #181818;
margin-left : 20px;
margin-right : 20px;
}
#rokbox-bottom.rokbox-left {
background : url(bl.png) no-repeat 0 0;
}
#rokbox-bottom .rokbox-right {
background : url(br.png) no-repeat 100% 0;
}
#rokbox-bottom .rokbox-center {
background : url(bottom.png) repeat-x 0 0;
height : 20px;
margin-left : 20px;
margin-right : 20px;
}
#rokbox-container.spinner {
background : url(ajax-loader.gif) no-repeat 50% 50%;
}
#rokbox-arrows {
margin-top : 15px;
position : absolute;
right : 0;
width : 70px;
height : 20px;
}
#rokbox-arrows a {
float : left;
display : block;
width : 20px;
height : 20px;
margin-right : 5px;
}
#rokbox-arrows #rokbox-previous {
background : url(prev.png) no-repeat 0 0;
}
#rokbox-arrows #rokbox-previous span {
display : none;
}
#rokbox-arrows #rokbox-next {
background : url(next.png) no-repeat 0 0;
}
#rokbox-arrows #rokbox-next span {
display : none;
}
#rokbox-arrows #rokbox-previous.inactive, #rokbox-arrows #rokbox-next.inactive {
background-position : 0 -20px;
}
#rokbox-caption {
padding-top : 25px;
font-family : Helvetica, Arial, sans-serif;
}
#rokbox-caption h2 {
margin : 0 0 10px 0;
padding : 0;
color : #999;
font-size : 18px;
font-weight : bold;
}
#rokbox-caption p {
margin : 0;
color : #ccc;
font-size : 12px;
}