/* CSS Document */
.clr {
    clear: both;
}

.outline {
    border: 1px solid black;
    background: #ffffff;
    padding: 2px;
}

html {
    height:100%;
    font-family: Verdana, Helvetica, Sans Serif;
    font-size: 10px;
    background-color:#ccd0dd;
}

body {
    height: 100%;
}

ul {
    margin: 0px 10px 7px 15px;
    padding: 0px;
    list-style-type: disc;
    list-style-image: url(/gfx/uicc_look_and_feel/arrow.png);
    list-style-position: outside;
}

ul img {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    margin-bottom: 0;
}

li {
    padding-top: 7px;
    padding-bottom: 0px;
    text-align: left;
}

td {
    text-align: justify;
    font-size: 11px;
}

img {
    behavior: url(/css/uicc_look_and_feel/iepngfix.htc);
}

/* Joomla core stuff */
a:link, a:visited {
    color: #293f70;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #fbb034;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

.clr {
    clear: both;
}

/* ENTIRE PAGE */
div#main {
    position:           absolute;
    top:                0px;
    left:               50%;
    margin-left:        -400px;
    width:              800px;
    height:             100%;
}

/*TOP MENU BOUTTON*/
div#buttons_outer {
    position:   absolute;
    top:        100px;
    left:       158px;
    width:      570px;
    margin-left: 80px;
    height:     20px;
}

#buttons_inner {
    height: 23px;
}

/*TOP MENU*/
ul#mainlevel-nav{
    font-family: Verdana, Helvetica, Sans Serif;
    color: #293f70;
    font-weight: bolder;
    list-style: none;
    font-size: 12px;
}

ul#mainlevel-nav li {
    color: #293f70;
    font-weight: bolder;
    float: left;
    font-size: 12px;
    line-height: 21px;
    white-: nowrap;
}

ul#mainlevel-nav li a {
    color: #293f70;
    font-weight: bolder;
    border-left:2px solid #293f70;
    margin-top: 9px;
    margin-bottom: 7px;
    padding-left:7px;
    padding-right: 9px;
    text-decoration: none;
}

#buttons>ul#mainlevel-nav li a {
    width: auto;
}

ul#mainlevel-nav li a:hover, ul#mainlevel-nav li a:active{
    color: #fbb034;
    border-left:    2px solid #fbb034;
    padding-left:   7px;
    padding-right:  9px;
}

/*PATHWAY*/
a.pathway:link, a.pathway:visited, a.pathway:hover, a.pathway:active {
    color:#293f70;
    font-weight: bold;
    font-size: 9px;
    text-transform: lowercase;
}

a.pathway:hover {
    text-decoration: underline;
    text-transform: lowercase;
}

#pathway_text {
    overflow: hidden;
    display: block;
    height: 30px;
    line-height: 10px;
    padding-left: 23px;
    padding-right:20px;
    color: #fbb034;
    font-weight: bold;
    font-size: 9px;
    text-transform: lowercase;
}

#pathway_text img {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
    margin-bottom: 0;
}

#buttons {
    float: left;
    margin: 0px;
    padding: 0px;
    width: auto;
}

/*HEADER & LOGO*/
#header_outer {
    position:   absolute;
    top:        0;
    left:       0;
    width:      100%;
    height:     140px;
    background-image: url(/gfx/uicc_look_and_feel/header.jpg);
    background-repeat:no-repeat;
}

#body_outer {
    position:   absolute;
    top:        140px;
    left:       0;
    width:      100%;
}

#body_inner {
    float:      left;
    width:      100%;
    height:     100%;
    background-image:   url(/gfx/uicc_look_and_feel/2col.jpg);
    background-repeat:  repeat-y;
    background-position: top left;
}

#header {
    text-align: right;
    text-transform:lowercase;
    float: right;
    width: 785px;
    height: 140px;
    color: #fbb034;
    font-family: bembo, georgia, times news roman, sans-serif;
    font-size: 22px;
    vertical-align: middle;
    font-weight: bolder;
    padding-top:5px;
    padding-right:15px;
}

#logo {
    float:left;
    padding:10px;
}

/*CATCHY SENTENCE*/
#catchy {
    font-family: verdana, helvetica, sans-serif;
    color: #293f70;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 9px;
}

/*CONTACT*/
#contact {
    float: right;
    margin-right: 20px;
    padding-left:30px;
    width:100px;
    background-image: url(/gfx/uicc_look_and_feel/contact.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
#contact a {
    font-family: Verdana, Helvetica, Sans Serif;
    font-size: 10px;
    font-weight:bold;
    vertical-align: middle;
}

/*SEARCH*/
#search_inner {
    overflow: hidden;
}

#search_outer {
    float: right;
    height:33px; 
}

#search_inner form {
}

#search_inner .inputbox {
    padding: 4px 0 3px 3px;
    font-family: verdana, helvetica, sans-serif;
    font-size: 10px;
    color: #293f70;
    text-align: left;
    background-color: #e1e2eb;
}

/* Inside body_outer */
#left_outer {
    float:      left;
    width:      158px;
    height:     100%;
    min-height: 100px;
}

#content_outer {
    float:      right;
    width:      627px;
    margin-right:15px;
}

/* Inside left_outer */
#left_inner {
    position:   absolute;
    top:        0px;
    left:       0px;
    width:      158px;
    height:     374px;
    padding:    0px;
    background-image:   url(/gfx/uicc_look_and_feel/leftcol.jpg);
    background-repeat:  repeat-y;
    background-position: top left;
}

#courbe_inner {
    position:   absolute;
    top:        -2px;
    left:       138px;
    z-index:    100;
}

/* Inside content_outer */
#content_inner_banner {
/* Not used so far */
}

#content_inner_middle {
    float:      left;
    width:      457px;
    min-height: 376px;
}

#content_inner_right {
    float:      right;
    width:      160px; /* width + 2 * padding = 160px */
    padding-top: 30px;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
}


div#bottomenu_outer {
    clear:      both;
}

/* Inside bottomenu */
div#bottomenu_inner {
    float:      left;
    width:      605px;
    padding:    10px;
    color:      #293f70;
    background-image:   url(/gfx/uicc_look_and_feel/bottomenu_dots.jpg);
    background-repeat:  repeat-x;
    background-position: bottom left;
}

#footer {
    clear: both;
}

/* Inside footer */
#footer_middle {
    float:      left;
    width:      482px;
    text-align: center;
    padding:    10px;
    color:      #293f70;
}

#footer_right {
    float:      right;
    width:      136px; /* width + 2 * padding = 160px */
}

/*RIGHT AREA*/
table.moduletable th {
    display: block;
    font-weight: bold;
    font-size: 11px;
    color: #293f70;
    clear: both;
    text-transform: lowercase;
    text-align:left;
    margin-top:10px;
    padding-top:10px;
    background: url(/gfx/uicc_look_and_feel/bottom-dots.jpg) no-repeat top left;
}

table.content_table {
    width: 482px;
    float: left;
    margin: 0px;
    padding:0px;
}

table.content_table td {
    margin: 0px;
    padding:0px;
}

#banner_inner {
    float: left;
    padding: 0px;
    height: 0px;
}

#poweredby_inner {
    float: right;
}

.user1_inner {
    float: left;
    padding-left: 17px;
    width: auto;
}

.user2_inner {
    float: left;
    padding-left: 7px;
    width: auto;
}

table td.body_outer {
    padding: 0px 5px 10px 15px;
    background:#ffffff;
}

.maintitle {
    color: #ffffff;
    font-size: 40px;
    padding-left: 15px;
    padding-top: 20px;
}

.error {
    font-style: italic;
    text-transform: uppercase;
    padding: 5px;
    color: #cccccc;
    font-size: 14px;
    font-weight: bold;
}

/** old stuff **/

.back_button {
    float: left;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    width: auto;
    padding: 0px 10px;
    line-height: 20px;
    margin-bottom: 10px;
}

.pagenav {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    border: 3px double #cccccc;
    width: auto;
    background: url(/gfx/uicc_look_and_feel/button_bg.png) repeat-x;
    padding: 0px 10px;
    line-height: 20px;
}

.pagenavbar {
    margin-right: 10px;
    float: right;
}

table.dotted {
    border:1px dotted #cccccc;
    padding:10px;
    background-image: url(/gfx/uicc_look_and_feel/pixel-fond.jpg);
    background-repeat: repeat;
    height:auto;
    width:100%;
}
table.contentpaneopen {
    width:100%;
    height:auto;
}

table.contentpaneopen td {
    padding-right: 10px;
}

table.contentpaneopen td.componentheading {

}

body.contentpane {
    background: white;
}

table.contentpane {
    width: 100%;
    padding: 10px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}

table.contentpane td {
    margin: 0px;
    padding: 0px;
}

table.contentpane td.componentheading {
    padding-bottom: 5px;
}

table.contentpaneopen fieldset {
    border: 0px;
    border-bottom: 1px solid #eee;
}

.button {
    color: #666666;
    font-family: verdana, Hevlvetica, sans-serif;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    border: 3px double #cccccc;
    width: auto;
    background: url(/gfx/uicc_look_and_feel/button_bg.png) repeat-x;
    padding: 0px 5px;
    line-height: 18px !important;
    line-height: 16px;
    height: 26px !important;
    height: 24px;
    margin: 1px;
}

.inputbox {
    padding: 2px;
    margin:3px;
    border:solid 1px #e1e2eb;
}

/*
.componentheading {
color: #666666;
text-align: left;
padding-top: 4px;
padding-left: 7px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}*/

.contentcolumn {
    padding-right: 5px;
}

/* Article title */
.contentheading, .componentheading, table.contentheading td {
    color: #293f70;
    font-family: bembo, georgia, times news roman, sans-serif;
    text-align: left;
    padding-top: 0px;
    padding-bottom:15px;
    padding-left: 7px;
    height: auto;
    font-weight: bold;
    font-size: 13px;
    line-height:15px;
    text-transform: lowercase;
}

.buttonheading {
    width:100%;
    height:10px;
}

a.icon_donate:link, a.icon_donate:active, a.icon_donate:visited, a.icon_donate:hover {
    display: block;
    font-family: bembo, georgia, times news roman, sans-serif;
    font-size: 16px;
    font-weight: bold;
    vertical-align:middle;
    background: url(/gfx/uicc_look_and_feel/icon-donate.jpg) no-repeat top left;
    width:136px;
    height: 58px;
    padding-left:23px;
    padding-top: 12px;
    line-height:17px;
}
a.right_subtitle:link, a.right_subtitle:visited{
    color: #293f70;
    background-position: left;
    background-repeat:no-repeat;
}

a.right_subtitle:hover, a.right_subtitle:active{
    color: #fbb034;
    background-position: left;
    background-repeat: no-repeat;
}

.bottom-dots{
    display: block;
    background: url(/gfx/uicc_look_and_feel/bottom-dots.jpg) no-repeat bottom left;
}

.contentpagetitle {
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;
    text-align:left;
}

table.searchinto {
    width: 100%;
}

table.searchintro td {
    font-weight: bold;
}

table.moduletable {
    width: 100%;
    padding: 0;
    border-spacing: 0px;
    border-collapse: collapse;
}

div.moduletable {
    padding: 0;
}

div.moduletable h3 {
    color: #293f70;
    font-family: bembo, georgia, times news roman, sans-serif;
    text-align: left;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    font-size: 13px;
    text-transform: lowercase;
}

table.moduletable td {
    font-size: 10px;
    font-weight: normal;

}

table.pollstableborder td {
    padding: 2px;
}

.sectiontableheader {
    font-weight: bold;
    background: #f0f0f0;
    border-top: 1px dotted #cccccc;
    border-bottom:1px dotted #cccccc;
    padding: 3px;
    margin-top:3px;
    margin-bottom:3px;
}

.sectiontablefooter {
}

.sectiontableentry1 {
    background-color : #ffffff;
    border-top: 1px dotted #cccccc;
    border-bottom:1px dotted #cccccc;
    padding:7px;
    margin-top:3px;
    margin-bottom:3px;
    height:auto;
}

.sectiontableentry2 {
    background-color : #f9f9f9;
    padding:7px;
    margin-top:3px;
    margin-bottom:3px;
    height:auto;
}

.small {
    color: #999999;
    font-size: 8px;
}

.createdate {
    height: 15px;
    padding-bottom: 10px;
    color: #999999;
    font-size: 10px;
}

.modifydate {
    height: 15px;
    padding-top: 10px;
    color: #999999;
    font-size: 10px;
}

table.contenttoc {
    border: 1px solid #cccccc;
    padding: 5px;
    width:100%;
}

table.contenttoc td {
    padding: 0px;
}

table.contenttoc th {
    color: #000000;
    text-align: left;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    padding:0px;
    margin:0px;
}

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background: url(/gfx/uicc_look_and_feel/leftmenuL1.jpg) bottom no-repeat;
    color: #ffffff;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 15px;
    text-decoration: none;
    text-transform:lowercase;
}

a.mainlevel:hover {
    background: url(/gfx/uicc_look_and_feel/leftmenuL1_hover.jpg) bottom no-repeat;
    text-decoration: none;
    color: #fbb034;
    font-weight: bold;
}

a#active_menu_0_ {
    background: url(/gfx/uicc_look_and_feel/leftmenuL1_hover.jpg) bottom no-repeat;
    color: #fbb034;
    font-weight: bold;
}

a.sublevel:link, a.sublevel:visited {
    background: url(/gfx/uicc_look_and_feel/leftmenuL2.jpg) bottom no-repeat;
    display: block;
    color: #293f70;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 24px;
    padding-right:15px;
    text-decoration: none;
    text-transform:lowercase;
    }

a.sublevel:hover {
    background: url(/gfx/uicc_look_and_feel/leftmenuL2_h.jpg) bottom no-repeat;
    color: #293f70;
    text-decoration: none;
    font-weight: bold;
}

a#active_menu_1_ {
    color: #293f70;
    font-weight: bold;
    background: url(/gfx/uicc_look_and_feel/leftmenuL2_h.jpg) bottom no-repeat;
}

a.sublevel2:link, a.sublevel2:visited {
    display: block;
    /* background-position: 15px 0px; */
    background: url(/gfx/uicc_look_and_feel/leftmenuL3.jpg) bottom no-repeat;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    color: #293f70;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-right:20px;
    text-decoration: none;
    text-transform:lowercase;
    width:auto;
}

a.sublevel2:hover {
    background: url(/gfx/uicc_look_and_feel/leftmenuL3_h.jpg) bottom no-repeat;
    color: #293f70;
    text-decoration: none;
}

a#active_menu_2_ {
    background: url(/gfx/uicc_look_and_feel/leftmenuL3_h.jpg) bottom no-repeat;
    font-weight: normal;
    color: #293f70;
}

.highlight {
    background-color: Yellow;
    color: Blue;
    padding: 0;
}
.code {
    background-color: #ddd;
    border: 1px solid #bbb;
}

form {
/* removes space below form elements */
    margin: 0;
    padding: 0;
}

div.mosimage {
    border: 1px solid #cccccc;
}

.mosimage {
    border: 1px solid #cccccc;
    margin: 5px
}

.mosimage_caption {
    margin-top: 2px;
    background: #efefef;
    padding: 1px 2px;
    color: #666;
    font-size: 10px;
border-top: 1px solid #cccccc;
}

span.article_seperator {
    display: block;
    height: 10px;
}