@import url("sidebar.css");
@import url("print.css") print;

body {
background:#ded;
background-image: url(images/bodyback.png);
margin:0;
padding:0;
font-family:verdana;
font-size:small;
}
p  {
margin-top:.4em;
margin-bottom:0;
padding:0;
}
img {border-color: #fff;}
a img{border:0;}
a {text-decoration:none;}
a:link, a:active, a:visited{color:#294;}
h3 a:link, h3 a:active, h3 a:visited {color:#333;}
a:hover{text-decoration:underline;color:#2b3;}
a.download {
color:#c50;
background: url('images/download.png') no-repeat top left;
padding:4px 25px;
}

.header {
color:#000;
border-top:5px solid #474;
float:left;
width:100%;
background:#fff url(images/menu_main.png) bottom repeat-x;
}
.header img {padding-bottom: 5px;}

#menu {
clear:both;
float:left;
width:90%;
border-top:solid 1px #464;
border-bottom:solid 1px #464;
padding:0 5%;
margin:0;
background: #fff url(images/menu_main.png) bottom repeat-x;
}
#menu a, #menu a:visited {
display:block;
text-decoration:none;
color:#000;
padding:3px 0.8em;
}
#menu li{
border-left:1px solid #8a8;
float:left;
display:block;
background: #fff url(images/menu_main.png) bottom repeat-x;
}
#menu #home{border-left-color:#464;}
li#widgets, li#res{border-right:1px solid #8a8;}
li#tp {float:right;border-right:1px solid #464;}

#pie #pieout, #hom #home, #game #games, #widget #widgets, #about #tp,
#training #train, #consultancy #consult, #resource #res, #quiz #res{
			  background: url(images/menu_main_selected.png) bottom repeat-x;}
#menu a:hover{background:url(images/menu_main_hover.png) bottom repeat-x #f8fff8;}

h1 {
font-size: 150%;
padding: .4em 0 0 5%;
margin:0px;
margin-bottom: 1px;
font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
}

h2 {font-size: 130%;
margin: 1px;
padding-left: 0;
padding-bottom: 3px;
color: #333;
font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
}
.header h2{color:#464; font-style:italic; padding-left:5%;}

h3, h3 a {font-size: 110%;
padding: 0;
margin: 0.5em 0 0 0.1em;
font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
}
#footer{clear:both;}
.capoff{clear:both;}

#main {
clear:both;
padding:.2em;
margin:0 5%;
color:#000;
background:#fff;
border:1px solid #464;
border-top:0;
/*float:left;*/
}	

#quiz #main{background:#f0f7f4;}

#content {
float:left;
width:74%;
margin:0;
padding:0;
line-height:1.4em;
color:#000;
}

/* content layout without using a table */

.col1, .col2, .col1-lines, .col2-lines {
width:48%;
text-align:left;
color:#000;
background:#fff;
margin-top:15px;
}
.col1, .col1-lines {
clear:both;
float:left;
}
.col2, .col2-lines {
float:right;
}
.col1-lines, .col2-lines {
border-top:1px solid #aad;
padding-top:2px;
}
.col{
width:46%;
margin-right:2%;
float:left;
}
img.float {
float:right;
margin-left:5px;}


.tah {font-family:arial;}
.border-top {
border-top:1px solid #aad;
padding-top:5px;
clear:both;
}
#tip{
margin-top:4px;
border-top:solid #aa7 1px;
border-bottom:solid #aa7 1px;
margin-bottom:3px;
background-color:#7a7;
color:#fff;
}

/* lists */
#content ul{list-style-type:disc;list-style-image:url(images/listdot.png);}
#content ul ul{
list-style-type:disc;
list-style-image:url(images/sub_listdot.png);
padding-bottom:.6em;
}
#content li{
padding:0;
margin:0;
padding-left:1px;
}
address{ text-decoration:none; font-style:normal; }

.cl_left{clear:left;}
.fl_left{float:left;}
.fl_right{float:right;}
.cl_right{clear:right;}
.cl_both{clear:both;}
/*--------------- forms ---------------*/
fieldset{
background-color: #f9fffc;
margin: 20px 5px;
border: 1px solid #696;
}
label{
display: inline-block;
font-size: 80%;
line-height: 1.8;
vertical-align: top;
margin-right:1em;
width:110px;
}
input.onerow{width:200px;}