/* - - - - - - - - - - - - - - - - - - - - -

Title : Default CSS for Lightbox Gone Wild
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */




p{
	margin:0 0 1em 0;
}

#content-wrap a{
	color:green;
	font-weight: normal
}

#content-wrap h1 a, #content-wrap h2 a, #content-wrap h3 a,#content-wrap h4 a{
	font-weight: bold;
}

#content-wrap a img{
	border:none !important;
	
}
#container{
	margin:0 auto;
	width:500px;
	text-align:left;
	background-color:#fff;
}

#container ul{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}

#container ul a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}

#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0;
}

#lightbox h3{
	color:#FF713F;
}

#lightbox.done p{
	color:#17625b;
	font-size: 11px;
	line-height: 1.2em;
	padding-right:15px;
}

#form{
	text-align:left;
	margin:25px;
}

#form ul{
	list-style:none;
}

#form li{
	margin:0 0 1em 0;
}

#form textarea{
	width:100%;
	height:150px;
}

#definition{
	margin:25px;
}

.highlight{
	background-color:#FEFFAF;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:550px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
	word-spacing: .2em;
}

#lightbox[id]{
	position:fixed;
	padding-bottom: 30px;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}

#lightbox.done #lbContent{
	display:block;
}

#lightbox.loading #lbContent{
	display:none;
}

#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img_not{
	width:22%;
	height:40%;
	padding: 12px 5px;
	float: left;
	margin: 8px 20px;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : CSS for DSRU
Author : John McFarlane
URL : http://johnmcfarlane.co.uk

Created : February 11, 2009
Modified : February 11, 2009

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

/* line/border-color  #3a766e green */

/* Eric Meyer's reset. v1.0 | 20080212 */
		
		
		
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
			font-family: Arial;
		}
		
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		
		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}
		
		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}
		
		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
/* end of Eric Meyer's reset */			


/* typography */

div#content-wrap {
	font-family: Arial;
	clear: left;
	font-size: 16px;
	text-align: left;
	}
	
div.DSRULogo {
	padding: 10px 0 0 10px;
	text-align: left;
	}	


/* Diagram Headings & Positioning */

h2#research {
	position: absolute; top: 20px; left: 145px;
}

h2#business {
	position: absolute; top:335px; left: 570px;
}

h2#education {
	position: absolute; top: 20px; left: 610px;
}

/* end of header positioning */
			
							
/* start of diagram-wrap */	
	
div#diagram-wrap {
	background: url(../images/diagram-bg.gif) no-repeat;
	position: relative;
	height: 600px;
	font-size: 16px;
	}
		
ul {
	margin: 0;
	padding: 20px;
	}		
	
li { 
	list-style-type: none;
	padding: 0;
	}
	
	
/* styled nested/open li elements */	
	
li#aa h3#directorA {
	background: url(../images/style1.jpg) repeat-x;
	}
	
li#ap h4#educationA {
	background: url(../images/style2.jpg) repeat-x;
	}
	
li#at h3#businessA {
	background: url(../images/style3.jpg) repeat-x;
	}
	
/* end of styled nested/open li elements */
		
			
/* start of styles for remaining list elements */
	
div#diagram-wrap li#ab, li#ac, li#ad, li#ae, li#af, li#ag, li#ah, li#ai, li#aj, li#ak, li#al, li#am, li#an {
	background: #a2e14a url(../images/style1.jpg) repeat-x top left;
	}
	
div#diagram-wrap li#ao, li#aq, li#ar, li#zz, li#as {
	background: #1d655a url(../images/style2.jpg) repeat-x top left;
	}
	
div#diagram-wrap li#au, li#av, li#aw, li#ax, li#ay, li#az, li#ba, li#bb, li#bc {
	background: #ede9ea url(../images/style3.jpg) repeat-x top left;
	}
		
/* end of styled remaining list elements */	

			
/* styled header and text within div#diagram-wrap */
	
div#diagram-wrap h2 {
	font-size: 0.9em;
	font-weight: 600;
	color: #3a766e;
	margin: 0;
	padding: 0;
	}
	
div#diagram-wrap h4, div#diagram-wrap h3 {
	margin: 0;
	padding: 0;
	border: 2px solid #3a766e;
	width: 9em;
	font-size: 0.6em;
	text-align: center;
	} 
	
div#diagram-wrap ul.type1 a {
	color: #3a766e; 
	display: block;
	text-decoration: none;
	padding: 6px;
	}
	
div#diagram-wrap ul.type2 a {
	color: #fafafa; 
	display: block;
	text-decoration: none;
	padding: 6px;
	}
	
div#diagram-wrap ul.type3 a {
	color: #3a766e; 
	display: block;
	text-decoration: none;
	padding: 6px;
	}		
	
div#diagram-wrap a:hover {
	background: #92da3a;
	}
			

/* end of headers and text within div#diagram-wrap */
	

/* Box element positioning */
	
li#aa {
	position: absolute; top: 10px; left:307px;   
	}
			
li#ab { 
	position: absolute; top: 270px; left: -305px;
	}
	
li#ac {
	position: absolute; top: 70px; left: -245px;
	}
	
li#ad {
	position: absolute; top: 130px; left: -245px;
	}
	
li#ae {
	position: absolute; top: 190px; left: -245px;
	}
	
li#af {
	position: absolute; top: 70px; left: -144px;
	}
	
li#ag {
	position: absolute; top: 130px; left: -144px;
	}
	
li#ah {
	position: absolute; top: 190px; left: -144px;
	}									
	
li#ai {
	position: absolute; top: 70px; left: -41px;
	}
	
li#aj {
	position: absolute; top: 130px; left: -41px;
	}
	
li#ak {
	position: absolute; top: 190px; left: -41px;
	}
	
li#al {
	position: absolute; top: 70px; left: 60px;
	}
	
li#am {
	position: absolute; top: 130px; left: 60px;
	}
	
li#an {
	position: absolute; top: 190px; left: 60px;
	}
	
li#ao {
	position: absolute; top: 70px; left: 295px;
	}
	
li#ap {
	position: absolute; top: 110px; left: 295px;
	}
	
li#aq {
	position: absolute; top: 75px; left: -50px;
	}
	
li#zz {
	position: absolute; top: 15px; left: -50px;
	}

li#ar {
	position: absolute; top: 15px; left: 50px;
	}
	
li#as {
	position: absolute; top: 75px; left: 50px;
	}
	
li#at {
	position: absolute; top: 200px; left: -155px;
	}
	
li#au {
	position: absolute; top: 60px; left: -100px;
	}
	
li#av {
	position: absolute; top: 98px; left: -100px;
	}
	
li#aw {
	position: absolute; top: 135px; left: -100px;
	}
	
li#ax {
	position: absolute; top: 184px; left: -100px;
	}
	
li#ay {
	position: absolute; top: 60px; left: 0;
	}
	
li#az {
	position: absolute; top: 60px; left: 105px;
	}
	
li#ba {
	position: absolute; top: 125px; left: 105px;
	}	
	
li#bb {
	position: absolute; top: 60px; left: 205px;
	}
	
li#bc {
	position: absolute; top: 125px; left: 205px;
	}																
	
/* end of box positoning */	
/* end of diagram-wrap */	


/* start of trustees */
			
div#trustees {
	font-size: 10px;
	width: 265px;
	color: #3a766e;
	position: absolute; top: 320px; left: 0;
	margin-left: 0;
	margin-top: 30px;
	}
	
div#trustees p#trustees-statement {
	margin-left:15px;
	width: 270px;
	padding-top: 20px;
	
	}	

div#trustees ul
{
	padding-left: 15px;
}
	
div#trustees li {
	list-style-type: none;
	width: 265px;
	margin: 5px 0;
	line-height: 1.3em;
	text-align: left;
}

div#trustees p#indicate {
	margin-left: 650px;
	}
	
p#indicate { width: 40%;}	
	

/* end of trustees */

/* lightbox css */

div.definition { 
	margin: 0; padding: 0;
	}	
	
h2.lightboxHeader { 
	background-color: #05554f; 
	color: #fff;
	font-size: 88%; 
	padding: 10px 20px; 
	font-weight: 200; 
	}
	
h2.lightboxHeader span { 
	color: #95db35;
	}	
	
div.definition ol { 
	margin-left: 20px;
	}
	
div.definition ol li a {
	color: #05554f;
	padding-left: 12px;
	background: url(../images/listarrow.jpg) left 50% no-repeat;
	text-decoration: none;
	font-size: 13px;
	}
	
div.definition ol.peopleLink a:hover {
	color: #92da3a;}	
	
/* lightbox navigation */

ul#navigation { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 0;
	clear: both;
	}
		
ul#navigation li a {
	position: absolute;
	bottom: 10px; 
	display: block;
	width: 5em;
	padding: .5em 0;
	color: #FFF;
	background: #92da3a;
	text-align: center;
	text-decoration: none;
	font-size: 11px; 
	}
		
ul#navigation li a:hover {
	color: #05554f;
	}
		
ul#navigation .back {
	float: left;
	width: 4em;
	padding: 10px;
	}

ul#navigation .close {
	float: right;
	width: 4em;
	padding: 10px;
	}
	
ul#navigation li.mt {
	border-bottom: 2px solid #92da3a; 
	width: 480px; 
	position: absolute; bottom: 33px; left: 20px;
	}	
			
/* end of lightbox navigation */	
		
	
div.definition p { 
	padding: 10px;
	} 
	
div.definition ol {
	line-height: 1.2em;
	}