/* CSS Document */

td, tr, p, div {

  font-family      : Arial, Helvetica, sans-serif;

  font-size        : 11px;

  color:#555555;

}





hr {

  background       : #CCCCCC;

  height           : 1px;

  width            : 100%;

}



.title {

font-family: sans-serif;

font-size: 24px;

font-weight: bold;

color:#333333;

}


iframe.framecontent { background: url(../images/index_06.jpg) center repeat-y; width: 700px; padding-right: 10px; margin: 0px; border: 0px solid white;}

.pathway {

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 12px;
  float: left; position: relative; width: 300px;
  color:#666666;

}



a.pathway:link, a.pathway:visited {

  color:#000000
font-weight:bold;
  font-weight      : normal;

}



a.pathway:hover {

  color:#FF6600;

  font-weight      : normal;

  text-decoration:none;

}





table.moduletable {

        margin: 0px 0px 0px 0px;

        width: 95%;

        border-left: solid 0px #999999;

        border-right: solid 0px #999999;

        border-top: solid 0px #999999;

        border-bottom: solid 0px #999999;

        margin-left: 5px;

        }



table.moduletable th {

  font-size        : 11px;

  font-weight      : bold;

  color:#FFCC33;

  text-align       : left;
   
 

  padding: 10px 10px 10px 10px;

  margin: 20px 5px 20px 5px;


position:relative;
		
		width:249px;
		
		height:23px;

}



table.moduletable td {

        font-size: 10px;

        font-weight: normal;

    
        padding: 5px 5px;

        margin:5px 5px;
		
		position:relative;
		
		width:249px;
		
		height:23px;

       
		color:#CCCCCC;

}



.poll {

  font-family      : Arial, Helvetica, sans-serif;

  font-size        : 10px;

  color:#FFFFFF;

  line-height      : 14px;

}





.sectiontableheader {



  color:#333333;

  font-weight      : bold;

padding: 2px 2px 2px 2px;

}



.sectiontableentry1 {

  background-color:#000000;
color:#FFFFFF;

  font-weight      : bold;

padding: 2px 2px 2px 2px;
}



.sectiontableentry2 {

  background-color:#666666;
color:#cccccc;

  font-weight      : bold;

padding: 2px 2px 2px 2px;

}





.small {

  font-family      : Verdana, Arial, Helvetica, sans-serif;

  font-size        : 10px;

  color:#000000;

  text-decoration  : none;

  font-weight      : medium;

}



.smalldark {

  font-family      : Verdana, Arial, Helvetica, sans-serif;

  font-size        : 10px;

  color:#666666;

  text-decoration  : none;

  font-weight      : normal;

}





.contentpane {

  

}



.contentpaneopen {



}



.contentheading, .componentheading {

  font-family      :Arial,  Verdana, Helvetica, sans-serif;

  font-size:15px;

  font-weight      : bold;

  color:#FFCC00;

  text-align       : left;

}



.createdate {

  font-family      : Arial, Helvetica, sans-serif;

  font-size        : 11px;

  color:#666666;


  text-align       : left;

}





.button {

  font-family      : Verdana, Arial, Helvetica, sans-serif;

  font-style       : normal;

  font-size        : 10px;

  font-weight      : bold;

  background-color:#FFFFFF;

  color:#333333;

  border           : 1px solid #CCCCCC;

}



.inputbox {

  font-family      : Verdana, Arial, Helvetica, sans-serif;

  font-size        : 11px;

  color:#333333;

  background-color:#ffffff;

  border           : 1px solid #cfcfcf;

}






/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited {

        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

        font-size: 13px;

        font-weight: bold;

         color:#FF9900;

        text-align:left;

        }



a.contentpagetitle:hover {

        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

        font-size: 13px;

        font-weight: bold;

        text-align:left;

        color:#FF6600;

        text-decoration: underline;

        font-weight: bold;

        }



a.category:link, a.category:visited {

  color:#FFCC00;

  font-weight      : bold;

}



a.category:hover {

  color:#FF9900;

}



/* Styles for dhtml tabbed-pages */

.ontab {

        background-color: #ffae00;

        border-left: outset 2px #ff9900;

        border-right: outset 2px #808080;

        border-top: outset 2px #ff9900;

        border-bottom: solid 1px #d5d5d5;

        text-align: center;

        cursor: hand;

        font-weight: bold;

      

}

.offtab {

        background-color : #e5e5e5;

        border-left: outset 2px #E0E0E0;

        border-right: outset 2px #E0E0E0;

        border-top: outset 2px #E0E0E0;

        border-bottom: solid 1px #d5d5d5;

        text-align: center;

        cursor: hand;

        font-weight: normal;

}

.tabpadding {

}



.tabheading {

        background-color: #ffae00;

        text-align: left;

}



.pagetext {

        visibility: hidden;

        display: none;

        position: relative;

        top: 0;

}



/* for modifying {moscode} output.  Dont set the colour! */

.moscode {

        background-color: #f0f0f0;

}



/* Text passed with mosmsg url parameter */

.message {

        font-family : Verdana, Arial, Helvetica, sans-serif;

        font-weight: bold;

        font-size : 10pt;

        color : #ff6600;

        text-align: center;

}

/* custom stuff */

.container

{

        border: solid;

        border-width: 1px;

        border-color: #efefef;

        background-color:#996600;

}

.boxes {

        border: solid;

        border-color: #efefef;

        border-width: 1px;



}









body, html
{
padding:0px;
margin:0px;
background: url(../images/bg1.jpg) top left repeat-x #d3d3cc;
color:#FFFFFF; font-size: 12px;
}


#background
{
position:relative;
padding:0px;
margin:0 auto;
width:100%;
height:100%;
text-align:center;
}

#wrapper-top
{
position:relative;
padding:0px;
margin:0 auto;
width:800px;
height:100%;
text-align:left;
}

#interace01
{
background: transparent url(../images/index_01.jpg) no-repeat;
width:800px;
height:26px;
padding:0px;
}

#interace02
{
background: transparent url(../images/index_02.jpg) no-repeat;
width:800px;
height: 202px;
padding:0px;
}

#interace02 .lefty02
{
position:relative; float:left; width:180px; height:193px; left:37px; font-family:Arial, Helvetica, sans-serif, font-size: 12px; color:#000000;
}
.lefty02 a
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
text-decoration:none;

}
#interace02 .righty02
{
position:relative; float:right; width:540px;  height:193px; right:33px; font-family:Arial, Helvetica, sans-serif, font-size: 12px; color:#000000;
}

.righty02top
{
position:relative; width:540px;  height:32px; 
}

.righty02below
{
position:relative; width:540px;  height:122px; top:27px; 
}

.rightyform
{
background-color:#666666;
border:#333333 1px solid;
color:#cfcfcf;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding:0 5px;
width:180px;
height:22px;
left:322px;
top:10px;
position:relative;
}



#interace03
{
background: transparent url(../images/index_03.jpg) no-repeat;
width:800px;
height:60px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;

}

#interace04
{
background: transparent url(../images/index_04.jpg) no-repeat;
width:800px;
height:30px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
}

.pathways a
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#999999;
text-decoration:none;

}

.pathways a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-decoration:none;

}

.menus
{
	position:absolute; width:700px; margin:0 auto; height:30px; line-height: 30px; top:220px; left: 52px;
}
.menus a
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
padding-right: 16px; padding-left: 16px; 

}

.menus a.mainlevel-nav
{ border-right: 2px solid #ff753f; }
.menus a:hover
{
font-size: 15px;
color:#ff753f;
text-decoration:none;
}
.pathways
{
position:relative; width:90%; margin:0 auto; height:15px; top:5px;
}


#interace06
{
background: transparent url(../images/index_06.jpg) repeat-y;
width:800px;
padding:0px;
height: 300px;
overflow: visible;
}

/*ONLY IN ADMINMODE*/
#adminmode #interace06 { height: 100%; }


/* FOR 2COL DESIGN
#interace06 .lefty
{
position:relative; float:left; width:180px; left:37px;
}
#interace06 .righty
{
position:relative; float:right; width:540px; right:33px;
}
*/

/* FOR 1COL DESIGN*/
#interace06 .lefty
{
position:relative; float:left; width:1px; left:0px; visibility: hidden;
}
#interace06 .righty
{
position:relative; float:left; width:700px;  left:50px;
height: 290px; padding-right: 20px;
overflow: auto;
}
/*ONLY IN ADMINMODE*/
#adminmode #interace06  .righty { height: 100%; }

#interace08
{
background: transparent url(../images/index_08.jpg) no-repeat;
width:800px;
height:14px;
padding:0px;
}

#wrapper-below
{
background:url(../images/bg-index_09.jpg) repeat-x;
position:relative;
padding:0px;
margin:0 auto;
width:100%;
height:100%;
height:55px;
text-align:center;
}

#interace09
{
background: transparent url(../images/index_09.jpg) no-repeat;
width:800px;
height:55px;
padding:0px;
text-align:left;
margin:0 auto;
}

#interace09 .lefty
{
position:relative; float:left; width:740px; left:10px; text-align: center;
}
#interace09 .righty
{
position:relative; float:right; width:200px; right:0px;
}

.footers
{
position:relative; width:94%; margin:0 auto; top:5px; font-size: 10px;
}

.footers .lefty { font-size: 10px; }
.footers .lefty a { font-size: 10px; }

div.spacer
{
clear:both;
}
/* typography */
p
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#555555;
margin-top:0px;
margin-bottom:0px;
padding-top:3px;
padding-bottom:3px;
}

div
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#555555;
margin-top:0px;
margin-bottom:0px;
padding-top:3px;
padding-bottom:3px;
}

a
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff4e32;
text-decoration:none;
}
a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#7c7c8c;
text-decoration:underline;
}

h1 { font-family: times, times new roman, georgia, serif; font-weight: normal; font-size: 22px; color: #ff4e32; }
h2 { font-family: times, times new roman, georgia, serif; font-weight: normal; font-size: 19px; color: #ff4e32; }
h3 { font-family: times, times new roman, georgia, serif; font-weight: normal; font-size: 17px; color: #ff4e32; }
h4 { font-family: times, times new roman, georgia, serif; font-weight: normal; font-size: 14px; color: #ff4e32; }

div#flash
{
	position: absolute;
	width: 741px;
	height: 191px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 32px;
	margin-top: -5px;
}

div#bigline
{
	position: absolute;
	width: 100%;
	left:0px;
	height: 7px; top: 215px;
	background: #ffffff;
}


/* mainmenu general*/
#tricky_mainmenu 
{
}
#tricky_mainmenu_item
{ 
  float: left; color: white;
}

a.mainmenu, a.mainmenu:visited
{ font-weight: bold; color: white; text-decoration: none; 
  display: block; float: left; font-size: 18px; line-height: 40px;
  background: none; margin-bottom: -17px; padding-left: 7px; letter-spacing: -1px;
  border-left: 4px solid #fa7a5c;
}
a.mainmenu:hover
{ font-size: 18px; font-weight: bold; color: #ececec; border-left: 4px solid #ececec; }
a.mainmenu#active
{ 
	color: #fa7a5c; 
	border-left: 4px solid #white; float: left;
}

/* submenues general*/
#tricky_mainmenu_item_submenu
{ 
}
#tricky_mainmenu_item_submenu_item
{ 
}

/* submenulevel1 */
a.submenu1, a.submenu1:visited
{ font-weight: bold; text-decoration: none;  
  padding-left: 15px; 
  color: #1F1F1F; display: block; 
  border-bottom: 1px #ACACAC dotted;
  border-top: 1px #FFFFFF dotted;
  background: #F2F2F2; margin-bottom: -17px;
}
a.submenu1:hover
{ font-weight: bold; color: #5C5CAC; text-decoration: underline; }
a.submenu1#active
{ color: #FFFFFF; border-bottom: 1px #7C7C7C dotted;  
  background: #ACACAC; margin-bottom: -17px;
}

/* submenulevel2 */
a.submenu2, a.submenu2:visited
{ font-weight: bold; color: #8C8C8C; text-decoration: none; 
  padding-left: 25px; display: block; margin-bottom: -17px;
  border-bottom: 1px dotted #ACACAC; 
  margin-left: 10px; 
  border-left: 1px dotted #BCBCBC;
  border-right: 1px dotted #BCBCBC;
}
a.submenu2:hover
{ font-weight: bold; color: black; text-decoration: underline; 
}
a.submenu2#active
{ color: white; background: #CCCCCC; 
}

/*secondmenu*/
div.secondmenu { text-align: right; width: 300px; color: white; position: absolute; width: 300px; height: 12px; right: 40px; top: 290px;}
div.secondmenu a { font-weight: bold; font-size: 11px; }
div.secondmenu a:hover { color: #555555; text-decoration: none; }
div.secondmenu a#active { color: #aaaaaa; }

ul { list-style-type: square; font-size: 12px; }
li { list-style-type: square;  }
ol li { list-style-type: decimal;  }

/*langmenu*/
div#tricky_langmenu { float: left; padding-left: 30px; }
div#tricky_langmenu a { color: white; font-weight: bolder; text-transform: uppercase; font-size: 11px; }
div#tricky_langmenu a.active { color: #dcdcdc; }