/* body begin */
body {
    font-family: Helvetica, sans-serif;
    font-size: 14pt;
    line-height: 160%;
}
/* body end */

/* h1&2 begin */
h1 {
    font-size: 24pt; 
    font-weight: bolder;
}

h2 {
    font-size: 16pt;
    font-weight: bold;
}
/* h1&2 end */

/* links */
a {
    color: #306483;
}

/*links end*/

/* paragraph begin */
p {
    font-size: 14pt;
}

p.italic{
    font-style:italic;
}

p.bold{
    font-weight: bold;
}
/* paragraph end */

/* wrapper begin */
#wrapper {
    width: 100%;
    margin: auto;
    position: relative;
    
}
/* wrapper end */


/* header begin */
#header{
    width: 100%;
    padding: 0.5%;
    height: 50px;
    position: fixed;
    top: 0;
    background-color: #FFFFFF;
    z-index: 9999;
    float: none;
}

/* logo begin */
#logo {
    background: url(crlogo_small.jpg) no-repeat;
    float:left;
    margin-left: 1.75%;
    width: 400px;
    height: 50px;
}
/* end logo */

/*  navbar begin */
.liststyle{
    list-style-type: none;
    line-height: 100%;
}

.navbar{
    list-style-type: none;
    padding-right: 1.75%;
    float: right;
    font-size: 14pt;
    bottom: auto;
}

.navbar li{
    float: right;
}



.navbar li a{
    display: block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background-color: white;
}

.navbar li a:hover{
    transition: background-color 0.5s ease;
    background-color: #000;
    color: #fff;
}

.navbar li a:active{
    border: 2px;
}
/* end navbar */

/* end header */

/* content begin */
#content {
    width: 97.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: justify;
    position: relative;
    overflow: hidden;
    float:none;
    clear: both;
}

/* description list begin*/

dl.description dt {
    font-size: 16pt; 
    font-weight: bold;
    margin-bottom: 0.5%;
    margin-top: 0.5%;
}

dl.description dd {
    width: 90%;
    margin-bottom: 2%;
}

/* decription list end */

/* footer begin */
#footer{
    line-height: 120%;
    text-align: center;
    font-size: 8pt;
    width: 100%;
    padding: 5px;
    background-color: #FFFFFF;
    z-index: 9998;
    position: fixed;
    bottom: 0;
    clear: both;
}


#ccicon{
    position: relative;
}
#footeremail {
    font-size: 10pt;
    margin: 0.5%;
}

/* item begin */
.item {
    width: 100%;
    min-height: 20%;
    float: left;
}

.item:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.picture {
    float: right;
    width: auto;
    margin: 2.5%; 
    clear: both;
}
/* item end */
/*module begin*/
.module {
    width: 90%;
    clear: both;
    margin-top: 2.5%;
}

.panel {
    float: right;
    height: 360px;
    width: 20%;
    padding-top: 50px;
}

.panel img{
    display: block;
    margin: auto;
}

.overview {
    float:left;
    width: 70%;
}
/* module end */
/* content end */

.errorlogo {
margin-left: auto;
margin-right: auto;
margin-top: 10%;
margin-bottom: 10%;
width: 374px;
height: 100px;
}

.errortext{
margin-left: auto;
margin-right: auto;
width 80%;
}


ul {
    list-style: none;
    text-indent: none;
    padding: 0;
    margin: 0;
}

.sidebar {
    position: fixed;
    float: left;
    height: 100%;
    background-color: transparent;
    z-index: 1;
    padding-right: 1%;
    padding-top: 1%;
}

.sidebar li a{
    display: table-row;
    width: 100px;
    text-decoration: none;
    color: #000;
}

.sidebar li a:hover{
    transition: background-color 0.5s ease;
    background-color: #000;
    color: #fff;
}

.alignright {
    float:right;
    width:80%;
}


.sidebar {
    list-style-type: none;
}

a span.show {
display: none;
    z-index: 1;
     background-color: #FFF;
    color: #000;
}

a:hover span.show{
    display: table-row;
    transition: background-color 0.5s ease;
    background-color: #306483;
    color: #FFF;
}

a:hover span.hide{
    display: none;
}

a:hover {
    text-decoration: none;
}