/* CSS Document */
body {
	padding: 0;
	background-image:url(../img/icons/body-bg.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight:normal;
	color:  #000000; 
	margin-top : 0;
	margin-bottom: 0;
}

h1 {
font-size: 34px;
}

h2.sIFR-flash {

}

p {

line-height: 1.5em;

}

#pageWrapper {
	text-align: center;
	margin-bottom:0px;
}

#page {
width: 792px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
margin-bottom: 0;
}

span.small {
color:#666666;
font-size: 11px;
}

/* --------------- */
/* --- header --- */
/* --------------- */

#headerCont {
width: 792px;
position:relative;
}

#logo{
padding-left:25px;
padding-top:20px;
padding-bottom:15px;
position: relative;
}

#word{
left:580px;
top: 47px;
position: absolute;
float:left;
}

/* --------------- */
/* --- lists --- */
/* --------------- */

ul.cubeList {
list-style: none;
}

ul.cubeList li {
background-repeat: no-repeat;
padding-left: 18px;
padding-right: 30px;
background-image:url(../img/elements/lists/cube.gif);
background-position: 0px 5px;
line-height: 1.5em;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
}

ul.leftLinksList {
list-style: none;
}

ul.leftLinksList li, ul.leftLinksList li.top{
color: #686d73;
width: 175px;
padding-top: 7px;
padding-bottom: 7px;
background-color: #e8eaed;
border-bottom: solid 1px #d3d4d5;
font-size: 0.9em;
font-weight: bold;
padding-left:8px;
}

ul.leftLinksList li.top {

}

ul.leftLinksList li.head {
background-color: #47484e;
border-bottom: none;
color: #fff;
}

ul.leftLinksList li.active {
background-image:url(../img/elements/lists/arrow.gif);
background-repeat: no-repeat;
background-position: 8px 11px;
background-color: #fff;
width: 175px;
padding-top: 8px;
padding-left: 20px;
padding-bottom: 8px;
}

a.leftLinksList-head:link, 
a.leftLinksList-head:hover, 
a.leftLinksList-head:active, 
a.leftLinksList-head:visited {
	color: #e2e1dd;
	font-weight:bold;
	text-decoration:none;	
}
a.leftLinksList-head:hover, 
a.leftLinksList-head:active{
	color:#f3f4f4;
}

a.leftLinksList-text:link, 
a.leftLinksList-text:hover, 
a.leftLinksList-text:active, 
a.leftLinksList-text:visited {
	color: #4f5255;
	font-weight:bold;
	text-decoration:none;	
}
a.leftLinksList-text:hover, 
a.leftLinksList-text:active{
	color:#000000;
}
a.leftLinksList-active:link, 
a.leftLinksList-active:hover, 
a.leftLinksList-active:active, 
a.leftLinksList-active:visited {
	color:#4f5255;
	font-weight:bold;
	text-decoration:none;	
}
a.leftLinksList-active:hover, 
a.leftLinksList-active:active{
	color:#585a5e;
}

/* ---------------------- */
/* --- menu and flash --- */
/* ---------------------- */

#menuCont {
width: 792px;
height:29px;
background-image:url(../img/bg/menu-bg.gif);
background-repeat: repeat;
overflow: hidden;
}

#flashCont {	
	position: relative;
}

/* ------------- */
/* --- body --- */
/* ----------- */

#bodyCont {
width:100%;
position: relative;
background-color:#ffffff;
overflow: hidden;
}

/* --- New styles  --- */

#left-col{
	float: left;
	width: 184px;
	padding:12px;
	padding-bottom:10px;
	padding-right: 0px;
	background-color:#ffffff;
	overflow: hidden;
	margin-right: 20px;
}


#centre-col, #contact-col{
width: 360px;
padding-top:25px;
float: left;
padding-bottom:10px;
background-color:#ffffff;
}

#contact-col{
width: 550px;
padding-bottom: 50px;
}

#right-col {
	width: 180px;
	float:left;
	padding-left:0px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#ffffff;
	margin-left: 20px;
}

#homepage-col, #wholepage-col, #homepage-icons-col{
	width: 570px;
	padding-left:20px;
	padding-right:0px;
	padding-top:25px;
	padding-bottom:10px;
	float: left;
}
#homepage-icons-col{
padding-right:0px;
}

#wholepage-col{
width: 750px;
background-color:#ffffff;
}

img.imagespace{
padding-top:5px;
}

img.imagehead {
float: left;
marging-top:20px;
margin-right: 10px;
}

div.imageAnnot {
	background-image:url(../img/temp/point-top.gif);
	background-repeat: no-repeat;
	width:168px;
	padding-left: 20px;
	color:  #56595c;
	font-size: 0.9em;
	float: left;
}

p.rightAnnotHead {
color: #404040;
margin-bottom: 0.2em;
line-height: 1em;
font-weight: bold;
}

p.rightAnnot {
margin-top: 0.4em;
color: #646464;
line-height: 1.2em;
}

	/* --- body left: table 1 --- */
#left-submenu{
	width: 185px;
	background-color:#dedfe3;	
}

#left-submenu-header{
	height:6px;
	background-color:#b0b4c0;
}
#left-submenu-body{
	background-image:url(../img/bg/submenu-bg.gif);
	background-repeat:repeat;
	background-position:top;
	padding-left:10px;
}

#left-submenu-bottom{
	background-color:#dedfe3;
}

#left-table1{
	width: 552px;
	padding-left:1px;
}

div.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal; 
	color: #56595c;
	padding-left:50px;
}


#left-table1-Top, #left-table1-Bottom  {
width: 552px;
height: 8px;
background-image:url(../img/bg/left-table-top.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#left-table1-Bottom {
background-image: url(../img/bg/left-table-bottom.gif);
background-position:center;
background-repeat:repeat;
}

#left-table1-Body {
background-image: url(../img/bg/left-table-body.gif);
width: 552px;
}

	/* --- body left: table 2 --- */
#left-table2-all{
	width: 570px;
	position:relative;
}
#left-table2-col{
	width: 181px;
	float: left;
	padding-left:3px;
	padding-right:3px;
}

#left-table2-Top, #left-table2-Bottom {
width: 180px;
height: 5px;
background-image: url(../img/bg/left-table-in-top.gif);
background-position:bottom;
background-repeat:no-repeat;

}

#left-table2-Bottom{
background-image: url(../img/bg/left-table-in-bottom.gif);
background-position:top;
background-repeat:no-repeat;

}

#left-table2-Body {
	width:180px;
	background-image:url(../img/bg/left-table-in-body.gif);
	background-repeat:repeat;
}
#left-table2-Header {
width:180px;
background-image:url(../img/bg/left-table-in-frame.gif);
background-repeat:repeat;
}
left-table2-Header.img{
	margin:20px;
}

/* --- body left: table 2-inside --- */

#left-table2-in{
width: 168px;
left:2px;
height:100px;
top:10px;
background-color:#ffffff;
position:relative;
}

#left-table2-in-Top {
width: 168px;
height: 10px;
background-image: url(../img/bg/left-table-in2-top.gif);
background-position:bottom;
background-repeat:repeat;
}

#left-table2-in-Bottom {
width: 168px;
height: 10px;
background-image: url(../img/bg/left-table-in2-bottom.gif);
background-position:top;
background-repeat:repeat;
}

#left-table2-in-Body {
border-left: solid 1px #c9c9c9;
border-right: solid 1px #c9c9c9;
background-position:top;
background-repeat:repeat;
height:  145px;
}

#left-talbe2-in-Col{
width:168px;
left:5px;
position:relative;
background-color:#ffffff;
}

/* --- body right table 1 and 2--- */

#right-table{
width: 169px;
padding-bottom:5px;
}


#right-table-Top {
width: 169px;
height: 8px;
background-image: url(../img/bg/right-table-top.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#right-table-Bottom {
width: 169px;
height: 10px;
background-image: url(../img/bg/right-table-bottom.gif);
background-position:center;
background-repeat:repeat;
}

#right-table-Body1 {
	border-left: solid 1px #c9c9c9;
	border-right: solid 1px #c9c9c9;
	padding-left:8px;
	background-image:url(../img/bg/right-table-bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#right-table-Body2 {
border-left: solid 1px #c9c9c9;
border-right: solid 1px #c9c9c9;
padding-top: 5px;
padding-bottom: 5px;
padding-left:4px;
}

/* --- right table 2-inside --- */

#right-table-inside{
width: 160px;
height:165px;

position:relative;
}
#right-table-inside-Top {
width: 160px;
height: 5px;
background-image: url(../img/bg/right-table-in-top.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#right-table-inside-Bottom {
width: 160px;
height: 10px;
background-image: url(../img/bg/right-table-in-bottom.gif);
background-position:center;
background-repeat:repeat;
}

#right-table-inside-Body {
border-left: solid 1px #c9c9c9;
border-right: solid 1px #c9c9c9;
padding-top: 1px;
padding-left: 3px;
padding-right: 2px;
padding-bottom: 1px;
height:150px;
}


/* --- text  --- */
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:  #000000;
	line-height:18px;
}
a:link, a:hover, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:  #56595c; 
	text-decoration:none;
	line-height:15px;
}
a:hover, a.active{
	color:  #999999; 
	text-decoration:none;
}

#left-table2-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold; 
	color:  #09549b;
	line-height:18px;
}

a.left-table2-text:link, a.left-table2-text:hover, a.left-table2-text:active, a.left-table2-text:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal; 
	color:  #09549b;
	line-height:18px;
	text-decoration:none;
}
a.left-table2-text:hover, a.left-table2-text:active{
	color: #000000;
	text-decoration:underline;
}


#left-table3-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold; 
	color:  #09549b;
	line-height:18px;
}

a.left-table3-text:link, a.left-table3-text:hover, a.left-table3-text:active, a.left-table3-text:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal; 
	color:  #09549b;
	line-height:18px;
	text-decoration:none;
}
a.left-table3-text:hover, a.left-table3-text:active{
	color: #000000;
	text-decoration:underline;
}
.righr-table-heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal; 
	color:  #09549b;
	line-height:19px;
}


p.right-table-in{
	background-image:url(../img/elements/dot-line.gif);
	background-repeat:no-repeat;
	height:2px;
}
.right-submenu-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #3d4242;
	line-height:15px;
	padding-left:10px;
}

.left-submenu-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold; 
	color:  #3d4242;
	line-height:15px;
}
a.left-submenu-text:link, a.left-submenu-text:hover, a.left-submenu-text:active, a.left-submenu-text:visited {
	color:   #3d4242;
	line-height:28px;
	text-decoration:none;
	
}
a.left-submenu-text:hover, a.left-submenu-text:active{
	color:#09549b;
}



/* --- footer  --- */

#footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style:normal;
	color:  #b9d3f4; 
	text-align:center;
	background-color:#dfdfdf;
	padding-top:6px;
	padding-bottom:7px;
	background-repeat: repeat-x;
	background-image:url(../img/elements/bg/footer.gif);
	background-color: #a1a1a1;
	margin: 0;
}
#footer-grey{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style:normal;
	color:   #515258; 
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	background-repeat: repeat-x;
	background-color: #a1a1a1;
	padding-left:5px;
	padding-right:5px;
	margin: 0;
}

a.footer-grey:link, a.footer-grey:hover, a.footer-grey:active, a.footer-grey:visited {
	font-style:normal;
	font-weight:normal;
	color:   #515258; 
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
a.footer-grey:hover, a.footer-grey:active{
	color:#ffffff; 
}

/* --- Lists --- */

ul { margin: 0; padding-left: 1px; list-style: none; } 

li.arrow
{
background-image: url(../img/icons/arrow.jpg);
background-repeat: no-repeat;
background-position: top left ;
padding-left:19px;
padding-right:2px;
padding-bottom:2px;
}

li.tick, li.dot
{
background-image: url(../img/icons/tick.jpg);
background-repeat: no-repeat;
background-position: top left ;
padding-left:25px;
padding-right:2px;
padding-bottom:3px;
}
li.dot
{
background-image: url(../img/icons/dot.jpg);

}
li.dotline
{
background-image: url(../img/elements/dot-line.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-left:1px;
padding-right:2px;
padding-bottom:5px;
}
li.none{
padding-left:1px;
padding-right:2px;
}
li.cube
{
background-image: url(../img/icons/cube.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
padding-right:2px;
padding-bottom:5px;
padding-top:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:normal;
font-weight:bold; 
color:  #000000;
}


.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */


	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
	padding-left:10px;
	padding-right:42px;
	padding-top:8px;
	padding-bottom:8px;


}

.dhtmlgoodies_question:hover{	 
	background-color: #09549b;
	color:#ffffff;
	padding-left:10px;
	padding-right:42px;
	padding-top:8px;
	padding-bottom:8px;

}

/* --- Forms --- */

.form_text_contact, .form_message_contact{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 200px;
	height:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	color:  #56595c;


}

.form_text_contact{
	height:20px;
}




#contact_details{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #626469;
	left:11px;
	top:29px;
	position:absolute;
	width: 153px;
}

/* --- Icons --- */

div.rightColImg, div.rightColImgPlain {
padding: 3px;
border: solid 1px #cccccc;
text-align: center;
margin-top: 18px;
float: left;
width: 168px;
}
div.rightColImgPlain {
border: none;
margin-bottom: 5px;
}
