/* CSS Document */

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0;
}

body
{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0;
}
/* for internet explorer */


#page{
	width:800px;
	height:650px;
	background-image: url(images/ripple.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
}

#Layer1_logo {
	position:relative;
	left:20px;
	top:15px;
	width:190px;
	height:74px;
	z-index:1;
}
#Layer2_menub {
	position:relative;
	left:20px;
	top:30px;
	width:210px;
	height:177px;
	z-index:2;
}
#Layer3_newsb {
	position:relative;
	left:20px;
	top:45px;
	width:203px;
	height:206px;
	z-index:3;
	float: left;
}
#Layer4_bodyb {
	position:relative;
	top:-147px;
	width:535px;
	height:502px;
	z-index:4;
	float: right;
	right: 20px;
}
#Layer5_imagehome {
	position:absolute;
	left:10px;
	width:515px;
	height:105px;
	z-index:10;
	top: 350px;
}
#Layer6_menuw {
	position:absolute;
	left:10px;
	top:10px;
	width:190px;
	height:157px;
	z-index:5;
}
#Layer7_newsw {
	position:absolute;
	left:10px;
	top:10px;
	width:190px;
	height:290px;
	z-index:5;
}
#Layer8_bodyw {
	position:absolute;
	left:10px;
	top:10px;
	width:515px;
	height:482px;
	z-index:5;
}
#Layer9_menucontent {
	position:absolute;
	left:10px;
	top:10px;
	width:170px;
	height:137px;
	z-index:5;
	margin-top: auto;
	margin-bottom: auto;
}
#Layer10_newscontent {
	position:absolute;
	left:10px;
	top:10px;
	width:170px;
	height:270px;
	z-index:5;
}
#Layer11_bodycontent {
	position:absolute;
	left:10px;
	top:10px;
	width:495px;
	height:342px;
	z-index:5;
}


h1{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

h2{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

h2.port {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 2px;
	margin-top: 1px;
}

h3{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 2px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.imageframe {
	border: 1px solid #99CCCC;
	padding: 2px;
}

.portfolioimage {
	border: 1px solid #99CCCC;
	padding: 2px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
	margin-top: 0px;
}

/* news items small left */

.news_item_date
{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#003366;
}

.news_item_title
{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.news_item_text
{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.news_item_text_link
{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}


/* portfolio display page */
.display_image {
border: 1px solid #99CCCC;
padding: 2px;
margin: 8px;
}

#port_container {
	height:400px;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#port_forward_back {
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-align: right;
margin-bottom: 4px;
padding-right: 8px;
}



a.linkage{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.linkage:hover {
color:#FF6600;
}

/* menu  */

.menu_links{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333333;
	text-decoration:none;
}