/* global elements */
* { padding: 0; margin: 0; } 

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	}

body {
	text-align: center;
	background: #fff url("../images/back-page.gif") repeat-x;
	color: #222;
	font-family: "lucida grande", tahoma, arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	}

	#wrapper {
		position: relative;
		width: 900px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 50px;
		}
		
		#header, #content, #footer {
	position: relative;
	display: inline;
	float: left;
	clear: left;
	width: 900px;
	background-color: #000000;
			}#logo {
			margin:  0;
			background:  url("../images/logo.gif")  repeat-x;
			}
		#logo h1{
			padding:  40px 0  54px 90px;font-size: 20px;
			}
		#content {
			padding: 60px 0;
			background: #fff url("../images/logo-bottom.gif") top right no-repeat;
			}

			#leftcol {
				position: relative;
				float: left;padding:  0px 10px;
				width: 170px;
				}
		
			#maincol {
				position: relative;
				float: left;
				width: 479px;
				margin: 20px;
				border-right: 1px dotted #dbdbdb;
				}
			
			#rightcol {
				position: relative;
				float: right;
				width: 190px;
				margin-top: 0px;
				line-height: 14px;
				}
			
				#avmenu{
clear:left;
float:left;
width:160px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#avmenu ul{	
list-style:none;
width:160px;
margin:0 0 20px 0;
padding:0;
font-size:1.0em;
}	

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#666;
display:block;
padding:6px 0 0 10px;
background:#eaeaea;
border-left:4px solid #bddc14;
}	
	
#avmenu li a:hover{
background:#333;
color:#fff;
border-left:4px solid #bddc14;
}

#leftmenu{
clear:left;
float:left;
width:160px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#leftmenu ul{	
list-style:none;
width:160px;
margin:0 0 20px 0;
padding:0;
font-size:1.0em;
}	

#leftmenu li{
margin-bottom:4px;
}

#leftmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#666;
display:block;
padding:6px 0 0 10px;
background:#eaeaea;
border-left:4px solid #bddc14;
}	
	
#leftmenu li a:hover{
background:#333;
color:#fff;
border-left:4px solid #bddc14;
}
#subnav {
					background: #abcb42;
					margin-bottom: 40px;
					border-top: 2px solid #89a235;
					padding: 10px;
					}
		
		#footer {
			clear: left;
			border-bottom: 2px solid #dbdbdb;
			background: #ededed url("/images/logo-trilogy.gif") 70px 10px no-repeat;
			padding: 10px 0;
			margin-bottom: 10px;
			color: #333;
			}
		
			#address {
				float: left;
				width: 680px;
				}
			
			#contact-details {
				float: right;
				width: 190px;
				padding-top: 18px;
				}







/* navigation elements */

#menu {
	width: 100%;
	float: left;
	background: #222;
	border-bottom: 2px solid #abcb42;
	}
	
	#menu a {
		text-decoration: none;
		display: block;
		float: left;
		}
		
		#menu a:hover, #menu li.over a {
			background: #000;
			}
			
			ul#utils li.over a { color: #fff; }
			ul#nav li.over a { color: #bddc14; }

ul#nav  {
	float: left;
	margin-left: 5px;
	width: 675px;
	}
	
ul#utils  {
	float: right;
	margin-right: 5px;
	width: 205px;
	}

	#menu li {
		float: left;
		list-style: none;
		}

		ul#nav a {
			color: #fff;
			font-weight: bold;
			font-size: 12px;
			padding: 7px 7px;
			}
		
		ul#utils a {
			color: #bddc14;
			font-size: 11px;
			padding: 8px 5px;
			}

p.above {
	text-transform: uppercase;
	font-size: 15px;
	padding-left: 5px;
	color: #999;
	}

#subnav ul {
	display: block;
	border-top: 1px dotted #89a235;
	}

	#subnav li {
		display: block;
		}
		
		#subnav li a {
			display: block;
			clear: left;
			padding: 4px 5px;
			font-size: 12px;font-weight: bold;
			color: #fff;background: #333;
			text-decoration: none;
			}
			
		#subnav a:hover {
			color: #eee;background: #fff;
			}
			
		#subnav li.over a {
			color: #fff;background: #666;
			}





/* content elements */

a { outline: none; }
	
	a img { border: none; }
	
	#content a { color: #37728e; }
	#content a:hover { color: #275265; }
	#footer a { color: #222; }
	#footer a:hover { color: #000; }

p {}

	#maincol p {
		padding: 0 20px 20px 0;
		}
		
	.other-details p, #contact-details p, .photo p {
		padding-bottom: 10px;
		font-size: 11px;color: #89a235;
		}
		
	.news p {
		font-size: 10px;
		line-height: 12px;
		padding-bottom: 10px;
		}
		
	.bios p {
		padding: 0 !important;
		font-size: 12px;
		line-height: 20px;
		}
		
	p.smaller {
		font-size: 10px;
		line-height: 14px;
		padding: 0 0 20px 5px;
		}
		
	p.updated {
		position: absolute;
		font-size: 9px;
		color: #666;
		top: 10px; right: 30px;
		}
		
	p.pubname {
		padding: 0 !important;
		color: #666;
		font-size: 10px;
		text-transform: uppercase;
		}
		
	#address p {
		font-size: 12px;
		margin-left: 200px;
		}
		
	.indent {
		margin-left: 5px;
		}
	
		
	.credit, .credit a {
		font-size: 10px;
		color: #999;
		text-align: right;
		margin-right: 5px;
		}
		
h1 { position: relative; }
	h1 span { position: absolute; text-indent: -9999px; }
	
h2 {
	font: 22px/30px Verdana, serif;
	padding: 0 20px 10px 0;
	color: #37728e;
	margin-top: -42px;
	position: relative;
	}

h3 {
	font-size: 13px;
	}

	#maincol h3 {
		padding: 20px 20px 0 0;
		font-size: 15px;
		color: #37728e;
		}
		
	.other-details h3 {
		font-size: 12px;
		padding-bottom: 5px;
		padding-top: 20px;
		line-height: 15px;
		}
		
	#footer h3 {
	font-weight: bold;
	color: #666666;
	margin-left: 200px;
	font-family: Verdana, serif;
	font-size: 15px;
	line-height: 18px;
		}
		
	#subnav h3 {
		font: 15px/18px Verdana, serif;
		padding-bottom: 10px;
	}
	
	#subnav p {
		font-size: 9px;
		clear: left;
		color: #556521;
		line-height: 12px;
		padding-bottom: 5px;
		}
		
		#subnav span {
			float: left;
			width: 40px;
			display: block;
			}

h4 {}

ul {}
	li { list-style: none; } 

	#maincol ul { padding-bottom: 20px; }
	
		#maincol li, #TB_window li {
			padding: 0 20px 5px 20px;
			background: url("/images/li.gif") 0 3px no-repeat;
			position: relative;
			}

	.other-details {
		margin-bottom: 20px;
		}
	
	.other-details *, .quote {
		font-family: Verdana, serif;
		color: #37728e;
		padding-right: 10px;
		}
		
		.quote {font-style: italic;}
		
		.other-details a {
			padding: 0 !important;
			}
		
	.other-details li {
		padding: 0 0 1px 20px;
		font-size: 12px;
		background: url("/images/li.gif") 0 1px no-repeat;
		}
		
		.space li, .news li {
			padding-bottom: 10px !important;
			font-size: 10px;
			}
		
	.other-details ul {
		padding-bottom: 10px;
		}


	p.quote {
		line-height: 18px;
		}
		
		p.quote em {
			font-style: normal !important;
			}

.dev-process { 
	background: #f0f0f0; 
	padding: 5px;
	}
		
	.dev-process div {
		border: 1px solid #dbdbdb;
		background: #fff;
		padding: 5px;
		color: #111;
		display: block;
		text-align: center;
		}
		
	.dev-process li.arrow {
		background: url("/images-process.gif") center bottom no-repeat;
		padding-bottom: 32px;
		margin-bottom: 5px;
		}

	.dev-process li, .dev-process li * {
		font-style: normal !important;
		font-size: 10px;
		}

	.dev-process li span { 
		display: block;
		color: #fff;
		font-weight: bold;
		background: #abcb42;
		margin: 0 -4px -15px -4px;
		padding: 3px 10px;
		}
		
	h3.dev-process  {
		padding: 5px 0 0 0;
		font-size: 10px;
		text-align: center;
		color: #819932;
		}

.photo {
	font-size: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dbdbdb;
	}
	
	.photo img {
		border: 4px solid #dbdbdb;
		}
.photo2 {
	font-size: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dbdbdb;
	}
	
	.photo2 img {
		border: 4px solid #dbdbdb;
		}
.photo3 {
        font-size: 10px;
	}
	
	.photo3 img {
		margin: 5px;padding: 2px;border: 2px solid #dbdbdb;
		}
.news {
	border-top: 2px solid #dbdbdb;
	padding: 10px 10px 0 10px;
	background: #f0f0f0;
	margin-bottom: 20px;
	}

.lynne { color: #900; background: #e2c5c5; margin: 10px 0; }

.bios {
	margin: 20px 0;
	}

	.bios span {
		width: 140px;
		display: block;
		float: left;
		}
		
.col2 {
	float: left;
	width: 235px;
	padding-bottom: 20px;
	}
	
	.border {
		border-top: 1px solid #ccc;
		clear: left;
		margin-right: 20px;
		}
	
	.col2 h3 {
		padding: 0 !important;
		}