/* CSS Document */

html, body {
background-image:  url(/images/tilebg.gif);
margin:0;
padding:0; 
min-height:660px;
height:100%;
font-family: Verdana, Helvetica, Sans-serif;
}


p{
margin-bottom:9px;
margin-top:0px;
}


#logo{
padding:10px 10px 0px 0px;
float:right;
}


h1{
display:none;
}

h2{
display:none;
margin-bottom:1px;
}




h3.side{
color:#ffffff;
font-size:0.8em;
padding:25px 10px 0px 10px;
margin-bottom:0px;
}

h3.body{
color:#ffffff;
padding:6px 10px 4px 10px;
margin-bottom:0px;
margin-top:3px;
line-height:1.9em;}

h3.bodyfloat{
color:#ffffff;
font-size:0.7em;
padding:6px 10px 4px 10px;
margin-bottom:0px;
margin-top:3px;
line-height:1.9em;
float:left;}

h3 a{
color:#ffffff;
margin-bottom:0px;
text-decoration:none;}

h3 a:hover{
text-decoration:underline;}

h4{
color:#ffffff;
font-size:0.7em;
padding:6px 10px 4px 10px;
margin-bottom:0px;
margin-top:3px;
line-height:1.9em;
font-weight:normal;}

h4 a{
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

h4 a:hover{
text-decoration:underline;
}

a.aboutlink{
color:#ffffff;
margin-bottom:0px;
text-decoration:none;
font-weight:bold;}

a.aboutlink:hover{
color:#E3C1E5;
text-decoration:underline;}

/*------------------------------------- bodytext styles-------------------------------------*/

#bodycontent{
font-size:0.7em;
padding:15px;
}

#bodycontentmeet{
font-size:0.7em;
padding:15px;
width:379px;
}


.bodytextgrey{
color:#333333;
font-size:0.65em;
line-height:1.9em;
}

.bodytextwhite{
color:#FFFFFF;
line-height:1.9em;
}
.bodytextheading{
line-height:1.9em;
font-weight:bold;
display:block;
color:#ffffff;
margin-bottom:6px;
margin-top:0px;
}

.imageheading{
color:#ffffff;
padding:0px 10px 4px 0px;
margin-bottom:0px;
margin-top:0px;
line-height:1.9em;
float:left;
font-weight:bold;}

.bodylink{
color:#666666;
font-size:0.65em;
text-decoration:none;
}

.bodylink:hover{
color:#999999;
text-decoration:underline;
}

.footertext{
color:#333333;
font-size:0.7em;
}

/*--------------------------------------------------------- side styles ---------------------------------------------------*/

#sidecontent{
padding:21px 15px 15px 15px;
font-size:0.7em;
}

.sidetextwhite{
color:#FFFFFF;
line-height:1.9em;
}

.sideheading{
font-size:larger;
font-weight:bold;
display:block;
color:#ffffff;
margin-bottom:17px;
margin-top:3px
}

.sidelink{
color:#ffffff;
line-height:1.9em;
font-weight:bold;
display:block;
text-decoration:none;
margin-bottom:9px;
margin-top:0px
}

.sidelink:hover{
text-decoration:underline;

}

	/*------------------------------------- colouredbodylinks-------------------------------------*/

.indexlink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold; 
}

.indexlink:hover{
color:#A6D7DF;
text-decoration:underline;
}

.aboutlink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold;
}

.aboutlink:hover{
color:#E3C1E5;
text-decoration:underline;
}

.ideopolislink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold;
}

.ideopolislink:hover{
color:#DBA6A6;
text-decoration:underline;
}

.contactlink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold;
}

.contactlink:hover{
color:#EDB8DB;
text-decoration:underline;
}

.newslink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold;
}

.newslink:hover{
color:#EDCAB8;
text-decoration:underline;
}

.ourworklink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold;
}

.ourworklink:hover{
color:#AEDAAF;
text-decoration:underline;
}

.publicationslink{
color:#FFFFFF;
text-decoration:none;
line-height:1.9em;
font-weight:bold;
}

.publicationslink:hover{
color:#A6D7DF;
text-decoration:underline;
}

/*------------------------------------- nav styles-------------------------------------*/

.navlifelines{
color:#666666;
font-size:0.7em;
text-decoration:none;
padding-left:5px;
}

.navlifelines:hover{
color:#999999;
text-decoration:underline;
}

.navabout{
color:#666666;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

.navabout:hover{
color:#AE4DB4;
text-decoration:underline;
font-weight:bold;
}

.navideopolis{
color:#666666;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

.navideopolis:hover{
color:#990000;
text-decoration:underline;
font-weight:bold;
}

.navnews{
color:#666666;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

.navnews:hover{
color:#CC6633;
text-decoration:underline;
font-weight:bold;
}

.navexpertise{
color:#666666;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

.navexpertise:hover{
color:#189619;
text-decoration:underline;
font-weight:bold;
}

.navpublications{
color:#666666;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

.navpublications:hover{
color:#008BA3;
text-decoration:underline;
font-weight:bold;
}

.navcontact{
color:#666666;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
}

.navcontact:hover{
color:#CC3399;
text-decoration:underline;
font-weight:bold;
}
/*------------------------------------- subnav styles-------------------------------------*/

.subnavabout{
color:#AE4DB4;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
margin-left:23px;
}

.subnavabout:hover{
color:#86358B;
text-decoration:underline;
font-weight:bold;
margin-left:23px;
}

.subnavnews{
color:#CC6633;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
margin-left:23px;
}

.subnavnews:hover{
color:#A14C20;
text-decoration:underline;
font-weight:bold;
margin-left:23px;
}

.subnavexpertise{
color:#189619;   
font-size:0.8em;
text-decoration:none;
font-weight:bold;
margin-left:23px;
}

.subnavexpertise:hover{
color:#336633;
text-decoration:underline;
font-weight:bold;
margin-left:23px;
}
.subnavpublications{
color:#008BA3;   
font-size:0.8em;
text-decoration:none;
font-weight:bold;
margin-left:23px;
}

.subnavpublications:hover{
color:#005E6E;
text-decoration:underline;
font-weight:bold;
margin-left:23px;
}




/*-------------------------------------  tables -------------------------------------*/



table#container{
height:100%;
background-color:#ffffff;
width:760px;
margin:auto;}

table#content{
width:99%;
height:100%
}

table.form{
z-index:1;
margin-bottom:10px;
}

table.footer{
width:76%;
background-color:#ffffff;
margin-top:0px;
margin-bottom:8px;
}

.xhtml{
padding:0px 5px 0px 20px 
}

.css{
padding:0px 5px 0px 5px 
}

.bgabout{
background-image: url(../images/about_side.gif)}

.bgideopolis{
background-image: url(../images/ideopolis_side.gif)} 

.bgnews{
background-image:  url(../images/news_side.gif)}

.bgour_work{
background-image: url(../images/our_work_side.gif)}

.bgpublications{
background-image: url(../images/publications_side.gif)}

.bgcontact{
background-image: url(../images/contact_side.gif)}

.bgpublications{
background-image: url(../images/publications_side.gif)}

/*------------------------------------- list styles -------------------------------------*/


#sitemap ul{
list-style:none;
margin-top:7px;

}
#contact ul{
list-style:none;
margin-left:0px;}


ul.lifelines li{
list-style:none;
display:inline;
position:relative;
top:21px;
right:45px;
}

#nav ul li{
list-style:none;
padding:10px 0px 0px 0px;
margin-left:-18px
}

ul{
margin-top:0px}

li.body{
margin-right:10px;
margin-bottom:10px;

}

/*------------------------------------- images -------------------------------------*/
.teamimage{
float:right;}

.moveright{
margin-left:23px;}

form{
height:50px;
margin-bottom:0px;
}


#form{
background:#ffffff;
width:185px;}


#innerform{
background-color:#cccccc;
height:25px;
margin-left:0px;
display:block;
padding-bottom:0px;
voice-family: "\"}\"";
voice-family: inherit;
height:23px;}


#design{
position:relative;
left:438px;
top:-20px;
margin-bottom:0px;}



#design[class~=classname] { top:-22px ; }