@charset "utf-8";

*			{
			border: 0;
			padding: 0;
			margin: 0;
			}

body		{
			font-family: "Lucida Grande", Verdana, Arial, sans-serif;
			color: black;
			font-size: 62.5%;
			background: white url(graphics/bg.jpg) repeat-y top left;
			}
			
a			{text-decoration: none; color: #4D7C7C;}
a:link		{}
a:visited	{}		
a:hover		{text-decoration: underline;}
a:active	{}

h2			{
			font-size: 1.6em;
			margin-top: 0.5em;
			}

h3			{
			font-size: 1.2em;
			font-weight: bold;		
			line-height: 1.5em;
			margin-bottom: .5em;
			margin-top: 2em;			
			}

h4			{
			background-color: #7fbcb9;
			color: #0a565c;
			font-size: 1em;
			padding: .4em .4em .4em .6em;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			}

p, li		{
			font-size: 1.2em;
			line-height: 1.5em;
			}

h2, p, ul	{margin-bottom: .5em;}

ul			{margin-left: 2.5em;}

ul#indexnav {color: rgb(2, 122, 142);}

#lead		{
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 1em;
			}




/*MAIN LAYOUT*/
			
#nav	{
		border: 0px solid red;
		position: absolute;
		left: 0;
		top: 0;
		width: 225px;
		background: #005259 url(graphics/navbarbunn.gif) no-repeat top left;
		}
		
#nav a:hover	{text-decoration: none;}

#content	{
			border: 0px solid red;
			position: absolute;
			left: 225px;
			top: 0;
			background-color: white;
			}

#content #main	{
				border: 0px solid green;
				position: absolute;
				top: 0;
				left: 0;
				width: 535px;
				margin: 20px;
				background-color: ;
				}

#content #main img	{
					float:right;
					margin-bottom: 1.5em;
					}
					
#content #main img.right {
				float: right;
				margin-top: 1em;
				margin-left: 10px;
				}

#content #main img.left {
				float: left;
				margin-top: 1em;
				margin-right: 10px;
				}


#content #rel	{
				border: 0px solid blue;
				position: absolute;
				top: 0;
				left:575px;
				width: 180px;
				margin: 20px 20px 20px 0;
				}
				
/*NAVBAR CONTENT*/

h1	{
	position: absolute;
	top: -20em;
	left: -20em; 
	}

#nav ul	{
		border: 0px solid red;
		padding: 1.5em 0 1.5em 0;
		list-style: none;
		margin: 0;
		}
		
#nav ul li	{
			border: 0px solid green;
			padding: 0;
			font-size: 1em;
			line-height: 1em;
			margin: 0;
			}
			
#nav ul li h2	{
				font-weight: normal;
				text-transform: uppercase;
				font-size: 1em;
				letter-spacing: 0.3em;
				color: rgb(33,150,151);
				padding: 0 1.5em 0 1.5em;
				}

#nav ul ul	{
			border: 0px solid blue;
			padding: 0.1em 0 0.7em 0;
			}

			
#nav ul ul li	{
				border: 0px solid yellow;
				padding: 0;
				}
				

				
#nav ul ul li a	{
				text-transform: none;
				font-size: 1.2em;
				letter-spacing: 0em;
				line-height: 1em;
				display: block;
				color: rgb(33,150,151);
				padding: .4em .5em .4em 2.5em;
				}
				
#nav ul ul li:hover, #nav ul ul li a:hover	{
											display: block;
											color: white;
											background-color: #01302f;
											}
			
#nav p	{
		margin: 3em;
		line-height: 1.5em;
		font-size: 1em;
		}
		
#nav p a 	{
			color: rgb(33,150,151);
			background-color: transparent;
			}
		
#nav p a:hover 	{
			color: white;
			}
		
#bendstiffbox {
		margin: 0 17px 0 17px;
		padding-top: 66px;
		background: url(graphics/bendstiffbox_01.gif) no-repeat left top;
		}
		
#bendstiffbox h3 {
		background: url(graphics/bendstiffbox_02.gif) no-repeat left bottom;
		padding: 5px 10px 10px 10px;
		text-align: right;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #003238;
		margin: 0;
		}

#bendstiffbox h3 a {
		color: #003238;
		background-color: transparent;
		}

#bendstiffbox h3 a:hover {
		color: black;
		text-decoration: underline;
		}
		

/* ----------------------- CSS for project list type 1----------------------- */

ul#prolist1			{
					list-style: none;
					margin: 0;
					}

ul#prolist1 li		{
					border-bottom: solid 1px #a9d7d7;
					padding-top: .5em;
					min-height: 4em;
					}

ul#prolist1 li:hover	{
						background-color: #c6e2e2;
						}
						
ul#prolist1 li a 	{
			text-decoration: none;
			}						
				
#content #main ul#prolist1 li img	{
					float: left;
					margin-right: 5px;
					margin-bottom: 0;
					}
					
ul#prolist1 li h5	{
					color: #4f9191;
					font-size: 1em;
					line-height: 1.2em;
					margin-top: -0.2em;
					margin-left: 45px;
					}
				
ul#prolist1 li p	{
					font-size: 1em;
					line-height: 1.2em;
					}			

/* ----------------------- CSS for project list type 2 a og b----------------------- */

ul#prolist2a, ul#prolist2b	{
							list-style: none;
							margin: 0;
							padding: 0;
							font-size: 0.9em;
							}		

.label				{
					border-bottom: solid 1px #a9d7d7;
					font-size: 0.9em;
					font-weight: bold;
					text-transform: uppercase;
					padding: .3em 0 .3em 0;
					letter-spacing: 0.15em;
					line-height: 1.2em;
					}	
				
ul#prolist2b		{
					outline: solid 0px yellow;
					}

ul#prolist2b li		{
					outline: solid 0px pink;
					border-bottom: solid 1px #a9d7d7;
					background-image: url(graphics/prolist2b.png);
					background-repeat: no-repeat;
					padding:.2em 0 .2em 1.3em;
					line-height: 1.1em;
					}		

ul#prolist2b li:hover	{
						background-color: #c6e2e2;
						}

ul#prolist2b li a 	{
			text-decoration: none;
			}						
				
				
/* ----------------------- all done, go away now ----------------------- */