/* CSS Document */

#contentarea {
    float: left;
	width:584px;
	height:auto;
	margin:15px 5px 10px 5px;
	border-color:#66CCFF;
	border: 0px;
	border-style:none;
	padding: 0 0 0 0px;
}

#introtext {
	color: #272973;
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px 0;
    text-decoration: none;
}

#introheaders {
	color: #272973;
    font-weight: bold;
    font-size: 1.4em;
	text-decoration:underline;
	padding-bottom:5px;
}
/* ------- Page Header Image Container -------- */

#pageheader {
    float: left;
	width:584px;
	height:203px;
	margin:0px 0px 0px 0px;
	background-color:#EEEEEE;
	border-color:#66CCFF;
	border: 0 0 2px 0;
	padding: 0 0 0 0px;
}

#featured {
    float: left;
	width:564px;
	height:20px;
	margin:0px 0px 10px 0px;
	background-color:#2F2F2F;
	border-color:#2F2F2F;
	border: 0 0 2px 0;
	padding: 0 0 0 20px;
}
/* ----------------------- Introduction Text Area ---------------------- */

#intro {
    float: left;
	width:554px;
	height:auto;
	margin:0px 10px 10px 10px;
	background-color:#EEEEEE;
	padding: 0 0px 0 10px;
}

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

#area2 {
    float: left;
	width:584px;
	height:auto;
	margin:0px 0px 0px 0px;
	background-color:#EEEEEE;
	border-color:#66CCFF;
	border: 0px;
	border-style:ridge;
	padding: 0px 0px 0 0px;
}


/*--------------------- Categories -------------------------*/


#appcontainer {
  float: left;
	width:584px;
	height:auto;
	margin:0px 0px 10px 0px;
	background-color:#EEEEEE;
	border-color:#66CCFF;
	border: 0px;
	border-style:ridge;
	padding: 0px 0px 0 0px;
}

#appheader {
    float: left;
	width:352px;
	height:20px;
	margin:0px 0px 0px 10px;
	background-color:#2F2F2F;
	padding: 0 10px 0 10px;
}

#application {
    float: left;
	width:350px;
	height:143px;
	margin:2px 0px 0px 2px;
	background-color:#EEEEEE;
	padding: 0 10px 0 10px;
}

#roomformimage {
    float: left;
	width:190px;
	height:143px;
	margin:2px 0px 0px 0px;
	background-image:url(Images/Insitu/roomform.jpg);
	
}

#seadefenceimage {
    float: left;
	width:190px;
	height:143px;
	margin:2px 0px 0px 0px;
	background-image:url(Images/Insitu/wavewall.jpg);
	
}

#columnsimage {
    float: left;
	width:190px;
	height:143px;
	margin:2px 0px 0px 0px;
	background-image:url(Images/Insitu/column.jpg);
	
}

#terracingimage {
    float: left;
	width:190px;
	height:143px;
	margin:2px 0px 0px 0px;
	background-image:url(Images/Insitu/terracing.jpg);
	
}

#appborder {
	float: left;
	width:564px;
	height:147px;
	background-color:#2F2F2F;
	margin: 0 0 0 10px;
   
}

#more {
	float:left;
	background-color:#FF0000;
	width:70px;

}

/*--------- Next Previous Page Navigation ------------------------------------------------------*/



#tabarea {
    float: left;
	width:584px;
	height:20px;	
}

/*#category {
	float: left;
	width:70px;
	height:20px;
	background-color:#737373;
	margin: 0px 0 0 347px;
}
*/
#previous {
	margin: 0px 0 0 417px;
	float: left;
	width:70px;
	height:20px;
	background-color:#323232;
}

#next {
	float: left;
	width:70px;
	height:20px;
	background-color:#000000;
}

#pageNav ul {
	list-style-type:none;
}

#pageNav li {
	list-style: none;
	text-align: center;	
	text-decoration: none;
	font-weight: bold;
    font-size: 1.2em;
	
}

#pageNav li a {
    display: inline;
    color: #fff;
	padding:0px 0 0px 0;
	text-decoration: none;
	font-weight: bold;
    font-size: 1.2em;
}

#pageNav li a:hover, #pageNav li #current { 
	background-position: 0 -0px;
	color:#66CCFF;	
}

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