/* Clear defaults
-------------------*/
	* { margin:0; padding:0; text-decoration:none; font-weight:normal;}
	ul , ol 	{ list-style:none;}
	img , a img 	{ border:none;}

/* Colorscheme
----------------*/
/* 	FFFFFF	- BG 				*/
/* 	000000	- General font		*/
/* 	00A8DE	- Detail - Light blue 	*/
/* 	F1F1F1	- Detail - Light gray 	*/
/* 	9FA1A4	- Detail - Dark gray 	*/

/* Main settings
-------------------*/
body { font: 10px Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; text-align:center; background: url('ui/bg.gif');}

/* Extra fonts
-----------------*/
p { font-size: 1.2em; line-height: 1.6em; margin-top:10px; text-align:left;}
	.indent 	{ text-indent: 20px; margin-top:0px;}
	.imagetext 	{ font: italic 0.9em Verdana, sans-serif; margin-top:0px; margin-bottom:10px; text-align:left;}
	.cliptext 	{ margin-bottom:1000px;}
	.home		{font: Arial; font-size:2.4em;line-height:1.3em; padding-top:200px;}
	.newindex	{font:Arial ;font-size:1.3em;line-height:1.3em;padding-top:5px; width:280px; font-weight:bold;}
	.newindex2	{font:Arial ;font-size:1.1em;line-height:1.3em; width:280px;}

strong { padding:2px; font-weight:bold; line-height:1.0em;}
#header { font:1.1em Tahoma, sans-serif;}
#footer { color:#9FA1A4; text-align:center;}

a { color: #00A8DE;}
a:hover { background: #F1F1F1;}
a:active { background: #00A8DE; color:#FFFFFF;}

h1 { font: bold 2.4em Arial, sans-serif; margin-bottom:10px;}
	#people {color:#00A8DE;font: bold 2.0em ARial, sans-serif;}
	#home1 	{color:#00A8DE;font: Arial; font-size:2.0em;line-height:1.0em; margin-top:0px;}
	#home2	{color:#9FA1A4;font: Arial; font-size:2.0em;line-height:1.0em; font-weight:bold;}
	#home3	{color:#9FA1A4;font: Arial; font-weight:bold;font-size:2.4em;line-height:1.0em;}
h2 { font: 1.5em Arial, sans-serif; color:#9FA1A4;}
	#h2home	{line-height:1.5em;}
	#h2black {font:bold 1.5em Arial, sans-serif;color:#000000; }
	#h2blue {font:bold 1.5em Arial, sans-serif;color:#00A8DE; }
h3 { font: bold 1em Arial, sans-serif; color:#00A8DE;}
h4 {font: Arial;font-size:1.1em;font-weight:bold;}

#hometable 		{width:550px; padding-top:10px; float:left; /*padding-left:40px;*/ /*border-color:solid-red; border:1px;border-style:ridge;*/}
#peopletable	{width:850px; padding-top:10px; float:left; padding-left:40px; /*border-color:solid-red; border:1px;border-style:ridge;*/}

.presentation{height:170px; width:260px;float:top;border:1px;border-color:solid-red;}
/* General design and work-arounds
---------------------------------------*/
.noborder 	{ border:none;}
.nohover 	{ background:none; text-decoration:none;}
#goleft 		{ float:left;}
#goright	{ float:right;}

#header img { float:left;}
#contentleft span img { margin-left:20px; border:3px double #F1F1F1;}

#contentright ul li { margin-bottom:3px;}

#clipbox 	{ overflow:hidden; height:350px;}


/* Layout
-----------*/
div { border:px solid red; /* debug mode */}
	#homemain		{ width:650px; height:400px; float:right}
	#mission		{ width:530px; line-height:10px; padding-left:40px; float:top;}
	#site			{ width:900px;height:600px;}
	#container 		{ width:900px;height:550px;margin:3px auto; text-align:justify;border-color:#CCCCCC; margin-top:20px;border: 1px; border-style:ridge; padding-left:50px; padding-right:50px;}
	#header 		{ width:800px; height:75px; padding-top:5px;}
	#contentleft 	{ width:250px; float:left;}
	#contentright 	{ width:400px; padding:25px; float:center;/*border-color:solid-red; border:1px;border-style:ridge;*/}
	#contentwide	{ width:85%;padding:25px; float:center;}
	#footer 		{ clear:both; height:25px; padding-top:5px;}

	#contentrightright	{width: 350px; float:right; padding-right:80px;}
	#novumright	{width: 280px; float:right; padding-right:80px;}
	#novumleft 	{ width:400px; padding:25px; float:left;}
	#contentbottomleft 	{ width:350px; float:left;}
/* Drop-down menu settings - there are some hacks here so beware what you edit
-------------------------------*/
#header ul 	{ text-align:center; margin-top:19px; float:right;}
#header ul li 	{ position: relative; float:left; border-bottom:1px solid #00A8DE;}
#header ul li a 	{ display:block; width:111px;padding:3px;}
#header li li 	{ text-align:left; background:#FFFFFF; border:1px solid #00A8DE; border-top:0; margin-left:-1px;}
#header li ul 	{ position: absolute; top:100%; left:0; width:111px; margin-top:1px; display:none;}
#header li:hover ul, #header li.over ul { display: block; clear:left;} /* Note that for IE an .js is used */
* html #header ul li { float: left; height: 1%; }
* html #header ul li a { height: 1%; }

/* Resizablewindow
-----------------------*/
#blankspace { border:0; margin:0; padding:0;}
table#resizablewindow { border-collapse:collapse; border:0;}
#resizablewindowTopLeft 		{/* background: url('ui/resizablewindow/tl.gif') */ no-repeat bottom right; height:40px; 	width:50px;}
#resizablewindowTopMiddle	{/* background: url('ui/resizablewindow/tm.gif')*/ repeat-x bottom center; height:40px;	width:px;}
#resizablewindowTopRight	{/* background: url('ui/resizablewindow/tr.gif')*/ no-repeat bottom left; 	height:40px;	width:50px;}
#resizablewindowMiddleLeft	{/*  background: url('ui/resizablewindow/ml.gif')*/ repeat-y center right; 	height:4x;		width:50px;}
#resizablewindowMiddleMiddle{  /* background: #FFFFFF; */ width:800px;height:500px;}
#resizablewindowMiddleRight	{/* background: url('ui/resizablewindow/mr.gif')*/ repeat-y center left; 	height:px;		width:50px;}
#resizablewindowBottomLeft	{/* background: url('ui/resizablewindow/bl.gif')*/ no-repeat top right; 	height:50px; 	width:50px;}
#resizablewindowBottomMiddle{/* background: url('ui/resizablewindow/bm.gif')*/ repeat-x top center; 	height:50px; 	width:px;}
#resizablewindowBottomRight	{/* background: url('ui/resizablewindow/br.gif')*/ no-repeat top left; 	height:50px; 	width:50px;}