/* general font settings */

body,p,div,h1,li,td,th
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: normal;
	color: black;
	vertical-align: bottom
	
	/*overflow:hidden;
	*/
	
}

td {
	vertical-align:top;
}

body {
	
}

p {
}


/* page frame */
span.frame,
div.frame
{
	display:block;
	width:100%;
	text-align:left;
	text-align:center;
	height:100%;
}
table.frame2 {
	width:100%;
	height:600px;
}

table.frame2 tr td.frame2 {
	vertical-align:top;
	text-align:center;
}

/* ########### where the box look and feel is defined ###########
   #    remove border here if not required..
   ##############################################################
*/
table.page {
	width:800px;
	border:solid 0px #eeeeee;
	margin-top:10px;
}

div.content {
	overflowXX:auto;
	heightXX:480px;
}

td.logo {
	padding-top:10px;
}

/* style for topmenu (replace ugly h1) */
td.topmenu {
	padding-top:10px;
	color: #7388BD;
	margin-left : 2%;
}


/* blue.css */
h1{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: normal;
	color: #77000D;
}

h2{
	font-family : "Times New Roman", Times, serif;
	font-size : 12px;
	font-weight: bolder;
	color: Black;
}

li{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: normal;
	color: black;
	list-style : none;

}

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

p img {
	float:right;
}

div.error 
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	color: red;
}

.inblue a:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.inblue a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	color: #FFFFFF;
}
.inblue a:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: underline;
	color: #FFFFFF;
}
.inblue a:active {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	color: #FFFFFF;
}

/* home menu links on the right in blue area */
.projects, .projects a:link, .projects a:visited, .projects a:hover, .projects a:active {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	text-decoration: none;
}

/* popup menu */
/* FY added border.. */
.popup_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	visibility: hidden;
	z-index: 100;
	height: auto;
	width: 100%;
	color: #C5C5C7;
	margin: 0px;
	padding: 6px;
	overflow: visible;
	background: White;
	border:solid 1px #dddddd;
}

.popup_menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C5C5C7;
	text-decoration: none;
	line-height : 15px;
	background: White;;
	
}
.popup_menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #C5C5C7;
	line-height : 15px;
	background: White;;
	
}
.popup_menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height : 15px;
	color:#8F8F90;
	background: White;
	
}
.popup_menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height : 15px;
	background: White;
}

/* nav menu in grey area */
.nav_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	z-index: 10;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}

.nav_menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5390AD;
	text-decoration: none;
	line-height : 13px;
}
.nav_menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #5390AD;
	line-height : 13px;
}
.nav_menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	line-height : 13px;
	color:#5390AD;
	
}
.nav_menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #5390AD;
	line-height : 13px;
}


/* css that was inside html page */
body {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: normal;
	background-color:#E7BCBB;
	color: black;
	text-decoration: none;
}

h1 {
	font-family : Century Gothic, Arial, Helvetica, Sans-serif;
	font-size : 12px;
	font-weight: bold;
	color: #77000D;
	margin-left : 20%;
}

h1 a {
	font-family : Century Gothic, Arial, Helvetica, Sans-serif;
	color: #77000D;
	text-decoration : none;
}

h2 {
	font-family : Arial, Helvetica, Sans-serif;
	font-size : 10px;
	font-weight: normal;
	color: #A55851;
}

h2 a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: normal;
	color: #A55851;
	text-decoration : none;
}

h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: normal;
	color: black;
	margin-left : 10%;

}

h3 a {
	font-family : Arial, Helvetica, sans-serif;
	color: black;
	text-decoration : none;

}

h4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: normal;
	color: black;
	margin-left : 40%;

}

div.highlight {
	position:relative;
	padding:0 0 20px 0;
}
#layer1 {
	position:absolute;
	left:7px;
	top:4px;
	width:367px;
	height:152px;
	z-index:1;
}
#layer2 {
	position:absolute;
	left:244px;
	top:641px;
	width:421px;
	height:474px;
	z-index:2;
}
#layer3 {
	position:absolute;
	left:226px;
	top:528px;
	width:460px;
	height:134px;
	z-index:3;
}
#layer1 p, #layer2 p, #layer3 p {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin:0;
}
#layer1 a, #layer2 a, #layer3 a {
	font-size:12px;
	font-weight:bold;
	color:#000;
}