/* 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;
/*    background-color:#ffffff;*/
}

body {
    height: 100%;
}




ul {
    margin-left: 15px;
    padding: 0px;
    line-height: 15px;
    list-style-type: disc;
    list-style-image: url(../images/arrow.gif);
    list-style-position: outside;
    text-align: left;
}

ul img {
	margin-left: 5px;
	margin-right: 5px;
}

table.yellowdots {
	border-width: 2px;
	border-spacing: ;
	border-style: dotted;
	border-color: #fbb034;
	border-collapse: collapse;
	background-color: white;
}
table.yellowdots th {
	border-width: 2px;
	padding: 10px;
	border-style: dotted;
	border-color: #fbb034;
	background-color: white;
}
table.yellowdots td {
	border-width: 2px;
	padding: 10px;
	border-style: dotted;
	border-color: #fbb034;
	background-color: white;
	text-align: left;
	margin: 5px;
}


li {
    margin-top:5px;
    text-align: left;
}

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

img { 
    behavior: url(templates/ccc/css/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;
}

ul li a:hover, ul li a:active{
    color: #fbb034;
    text-decoration: none;
}

h1 {
    color: #293f70;
    font-family: bembo, georgia, times news roman, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: lowercase;
}

h2 {
    color: #293f70;
    font-family: Verdana, Helvetica, Sans Serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: lowercase;
}

h3, h4 {
    font-weight: bold;
    font-size: 11px;
}

th {
    font-weight: bold;
    font-size: 11px;
}

.heading2 {
    color: #293f70;
    font-family: Verdana, Helvetica, Sans Serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: lowercase;
}

.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: 120px;
    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-space: 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(../images/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(../images/2col.jpg);
    background-repeat: repeat-y;
    background-position: top left;
}

#header {
    text-align: right;
    text-transform:lowercase;
    float: right;
    width: 795px;
    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:5px;
}

#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(../images/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: 145px;
    height: 100%;
    min-height: 100px;
}

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

/* Inside left_outer */
#left_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 158px;
    height: 374px;
    padding: 0px;
    background-image: url(../images/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: 482px;
    min-height: 376px;
}


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


.separator_middle_right {
    background-repeat: repeat-y;
    background-position: top;
}

div#bottomenu_outer {
    clear: both;
}

/* Inside bottomenu */
div#bottomenu_inner {
    float: left;
    width: 605px;
    padding:10px;
    color: #293f70;
    background-image: url(../images/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 */
    /*
	background-image: url(../images/pixel-fond.jpg);
	background-repeat: repeat;
    */
}

/*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(../images/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;
     padding-right:10px;
     width: auto;
}

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


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

.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 {
    color: #666666;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    width: auto;
    padding: 0px 10px;
    line-height: 20px;
   /* background: url(../images/button_bg.png) repeat-x;*/   
   /* border: 3px double #cccccc;*/
}

a.pagenav {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
  
    width: auto;
    
    padding: 0px 10px;
    line-height: 20px;
}

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

.pagenavselect {
    color: black;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    width: auto;
    padding: 0px 10px;
    line-height: 20px;
}

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

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(../images/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, td.contentheading {
    font-family: bembo, georgia, times news roman, sans-serif;
    font-size: 13px;  
    font-weight: bold;
    color: #293f70;
	text-align: left;
	padding-top: 0px;
    padding-bottom:15px;
    padding-left: 7px;
    height: auto;
    line-height:15px;
    text-transform: lowercase;
}

/*
.contentheading a {
    color: #293f70;
    font-size: 13px;  
    text-decoration: none;
    font-weight: bold;
}

ul.contentheading li a {
    color: #293f70;
    font-size: 13px;  
    text-decoration: none;
    font-weight: bold;
}

ul.contentheading li a:hover {
    color: #fbb034;
    font-size: 13px;  
    text-decoration: none;
    font-weight: bold;
}*/

.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(../images/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(../images/bottom-dots.jpg) no-repeat bottom left;
}

.dots{
    background: url(../images/dots.jpg) repeat-x bottom left;
    height:2px;
    margin-right:10px; 
}
.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: 0px;
	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 solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    padding: 3px;
	margin-top:3px;
	margin-bottom:3px;
}

th.sectiontableheader {
    font-weight: bold;
    font-size: 11px;
}

.sectiontablefooter {
}

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

.sectiontableentry2 {
	background-color : #f6f6f6;
	border-bottom:1px solid #cccccc;
    padding:7px;
	margin-top:3px;
	margin-bottom:3px;
    height:auto;
}

.small {
	color: black;
	font-size: 9px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #000000;
	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(../images/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(../images/leftmenuL1_hover.jpg) bottom no-repeat;
    text-decoration: none;
    color: #fbb034;
    font-weight: bold;
}

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

a.sublevel:link, a.sublevel:visited {
    background: url(../images/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(../images/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(../images/leftmenuL2_h.jpg) bottom no-repeat;
}

a.sublevel2:link, a.sublevel2:visited {
	display: block;
/*    background-position: 15px 0px; */
    background: url(../images/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(../images/leftmenuL3_h.jpg) bottom no-repeat;
    color: #293f70;
    text-decoration: none;
}

a#active_menu_2_ {
    background: url(../images/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: 0px;
}