@import "exotic.css";

body { margin: 0px; }

li, dd, dt { padding-bottom: 3px; }

h1 { margin-left: 10px; }
h2 { margin-left: 15px; }
h3 { margin-left: 20px; }
h4 { margin-left: 25px; }
h5 { margin-left: 30px; }
h6 { margin-left: 35px; }

p.contentslist {
	text-align: left;
	font-size:12px; 
}

dl, ol, ul {
	padding-left: 20px;
	margin-left: 50px;
	margin-right: 50px;
}

p {
	margin-left: 40px;
	margin-right: 40px;
	text-align: justify;
}

.clear {
	clear:both;
}

p.clear {
	margin-left: 40px;
	margin-right: 40px;
	clear:both;
}

.imgblock , .imgblockr {
	background: #eeeeee;
	color: #000000;
	
	
	padding:7px;

	text-align: center;
	font-size:11px; 
	width: 330px;
}

.imgblockr {
	float: right;
}

.pagecontent {
	margin:10px;	
}

.footimg {
	float:left;
}
/*	---------------------------------
		header 
	--------------------------------- */

/*
	bartop - top of header bar
	barbottom - bottom of header bar
	select - for children and selected root items
	barmiddle - blue textured bar in middle
	img.agiguy - happy computer agi guy image
	rootlist - the list of main rooty pages
*/


.barmiddle {
	position:relative;
	height:50px;
	background: #002C90 url(/images/agidevbar.gif);
	width: 100%;
}

.agilogo {
	margin-left:50px;
}

img.agiguy {
	float:right;
	z-index:100;
	position: absolute;
	right: 10px;
	top: -18px;
	margin-top:20px;
}

.rootlist {
	margin-top:5px;
	text-align:center;
}

.select {
	background:   #efefef;
	color: #000000;
}