/* Basic Default Styles */
body{
	margin: 0;
	padding: 0;
	background-color: #0F2C48;
	font-family: Arial, Tahoma, sans-serif;
	text-align: center;
	color: #666666;
}
a:link, a:visited{
	text-decoration: underline;
	color: #2E6CAA;
}
a:hover, a:active{
	text-decoration: none;
	color: #000000;
}
ul{ list-style-type: square; }
img{ border: 0; }
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center; }

/* --------------------------------------------------------------------*/
/* Container */
#container{
	width: 850px;
	margin: auto;
	text-align: left;
	background: #0F2C48 url('../images/fra_bckg_body.gif') repeat-y top left;
}
#content{
	width: 717px;
	padding: 0 65px 0 68px;
	background: #0F2C48 url('../images/fra_bckg_text.gif') no-repeat bottom right;
}

body#faq #content,
body#port #content,
body#proj #content,
body#contact #content{ background: transparent url('../images/fra_bckg_text_info.gif') no-repeat bottom right; }

/* --------------------------------------------------------------------*/
/* Header */
#pageHeader{
	padding: 60px 69px 0 68px;
	background: transparent url('../images/fra_bckg_header.gif') no-repeat top left;
}
#pageHeader h1{
	margin: 0;
	padding: 0;
}
#pageHeader h1 span{ display: none; }
#pageHeader #logo{
	position: absolute;
	margin: 10px 0 0 30px;
}
#pageHeader #head{
	height: 211px;
	margin: 67px 0 0 0;
	background: #FFFFFF url('../images/fra_bckg_head.gif') no-repeat top left;
}
#pageHeader #head p#cite,
#pageHeader #head p.cite,
#pageHeader #head p#author,
#pageHeader #head p.author{
	width: 335px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}
#pageHeader #head p#cite,
#pageHeader #head p.cite{
	padding-top: 75px;
	font-size: 1.9em;
}
#pageHeader #head p#author{ font-size: 1em; }
#pageHeader #head img{ margin: 0 4px 0 0; }
#pageHeader #menu{ margin: 0 92px 0 170px; }
#pageHeader ul#lmenu, #pageHeader ul#linklist{
	float: right;
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
#pageHeader ul#lmenu li{
	float: left;
	padding: 0 2px;
	font-size: 0.8em;
	color: #CCCCCC;
}
#pageHeader ul#lmenu li a{
	text-transform: uppercase;
	text-decoration: none;
	color: #999999;
}
#pageHeader ul#lmenu li a:hover{ color: #000000; }
#pageHeader ul#linklist{
	width: 90px;
	margin-top: 20px;
}
#pageHeader ul#linklist li{
	text-align: right;
	font-size: 0.7em;
	line-height: 1.1em;
	color: #2E6CAA;
}
#pageHeader ul#linklist li.info{ margin: 0 0 18px 0; }
#pageHeader ul#linklist li a{
	text-decoration: none;
	color: #B4C3D3;
}
#pageHeader ul#linklist li a:hover{ color: #EFD71B; }

body#faq #pageHeader #head,
body#port #pageHeader #head,
body#proj #pageHeader #head,
body#contact #pageHeader #head{ height: 182px; }
body#faq #pageHeader #head{ background: #FFFFFF url('../images/fra_bckg_head_faq.gif') no-repeat top left; }
body#port #pageHeader #head{ background: #FFFFFF url('../images/fra_bckg_head_port.gif') no-repeat top left; }
body#proj #pageHeader #head{ background: #FFFFFF url('../images/fra_bckg_head_proj.gif') no-repeat top left; }
body#contact #pageHeader #head{ background: #FFFFFF url('../images/fra_bckg_head_contact.gif') no-repeat top left; }
body#faq #pageHeader ul#linklist li,
body#port #pageHeader ul#linklist li,
body#proj #pageHeader ul#linklist li,
body#contact #pageHeader ul#linklist li{ position: absolute; }
body#faq #pageHeader ul#linklist li.info,
body#port #pageHeader ul#linklist li.info,
body#proj #pageHeader ul#linklist li.info,
body#contact #pageHeader ul#linklist li.info{ display: none; }
body#faq #pageHeader ul#linklist li a,
body#port #pageHeader ul#linklist li a,
body#proj #pageHeader ul#linklist li a,
body#contact #pageHeader ul#linklist li a{ color: #52718D; }
body#faq #pageHeader ul#linklist li a:hover,
body#port #pageHeader ul#linklist li a:hover,
body#proj #pageHeader ul#linklist li a:hover,
body#contact #pageHeader ul#linklist li a:hover{ color: #DDC417; }
body#faq li#link1,
body#port li#link1,
body#proj li#link1,
body#contact li#link1{ top: 168px; margin-left: -402px; }
body#faq li#link2,
body#port li#link2,
body#proj li#link2,
body#contact li#link2{ top: 172px; margin-left: -345px; }
body#faq li#link3,
body#port li#link3,
body#proj li#link3,
body#contact li#link3{ top: 174px; margin-left: -291px; }
body#faq li#link4,
body#port li#link4,
body#proj li#link4,
body#contact li#link4{ top: 174px; margin-left: -239px; }
body#faq li#link5,
body#port li#link5,
body#proj li#link5,
body#contact li#link5{ top: 173px; margin-left: -183px; }
body#faq li#link6,
body#port li#link6,
body#proj li#link6,
body#contact li#link6{ top: 168px; margin-left: -125px; }
body#faq li#link7,
body#port li#link7,
body#proj li#link7,
body#contact li#link7{ top: 158px; margin-left: -61px; }
body#faq li#link8,
body#port li#link8,
body#proj li#link8,
body#contact li#link8{ top: 146px; margin-left: -15px; }
body#faq li#link9,
body#port li#link9,
body#proj li#link9,
body#contact li#link9{ top: 134px; margin-left: 35px; }

/* --------------------------------------------------------------------*/
/* XFade */
#pageHeader #head #xfadeContainer{
	position: relative;
	margin: auto;
}
#pageHeader #head #xfadeContainer div{
	display: none;
	position: absolute;
	left: 0;
	width: 602px;
}

/* --------------------------------------------------------------------*/
/* Content */
#supportingText{
	width: 371px;
	height: 301px;
	min-height: 301px;
	padding: 0 0 0 20px;
	line-height: 1.4em;
	font-size: 0.75em;
}
#supportingText h2{
	margin: 0 0 24px 0;
	font-size: 1.9em;
	line-height: 1em;
	color: #1E4C78;
}
#supportingText h3{
	font-size: 1em;
	color: #000000;
}
#supportingText .pic{
	top: 338px;
	position: absolute;
	margin-left: 371px;
}
body#profile-3 #supportingText,
body#profile-5 #supportingText,
body#profile-6 #supportingText,
body#profile-8 #supportingText,
body#profile-9 #supportingText{ width: 472px; }
body#profile-3 .pic,
body#profile-5 .pic,
body#profile-6 .pic,
body#profile-8 .pic,
body#profile-9 .pic{ margin-left: 472px; }

body#faq #supportingText,
body#port #supportingText,
body#proj #supportingText,
body#contact #supportingText{
	height: auto;
	min-height: auto;
	width: 670px;
}
body#faq #supportingText h2,
body#port #supportingText h2{ display: none; }

/* --------------------------------------------------------------------*/
/* Footer */
#footer{
	height: 95px;
	min-height: 95px;
	padding: 25px 85px 5px 85px;
	background: #0F2C48 url('../images/fra_bckg_footer.gif') no-repeat;
	font-size: 0.7em;
	color: #FFFFFF;
}
#footer div{ position: absolute; }
#footer a{
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:hover{ text-decoration: none; }