/* CSS Document */
body,html {
	padding-right: 0px;
	padding-left: 0px;
	background: #A7C7E3;
	padding-bottom: 0px;
	margin: 0px;
	font-family: Lucida, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 0px;
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
}
/*This approach to fonts works round the fact that IE 5 and 5.5 display fonts at one size larger than that specified
in the css. Still need to do something extra for fonts in tables, see later*/
body   {
    /* more specific to override imported rule */
    font-size:    small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    medium
    /* intended value for better browsers */
}




div#pageHolder{
	width:974px;
	margin:0px auto;
	background:#DAE8F5;
	
}

div#header{
	height:170px;
	background:white;
}

img#felLogo{
	position:absolute;
}


div#headerHeader{
	height:72px;
	padding-right:10px;
	background:#DAE8F5;
	text-align:right;
}

div#headerMainContent{
	padding-left: 250px;
	height:100px;
}

div#header h2{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:normal;
}

div#headerMainContent h1{
	margin-top: 0px;
	margin-bottom:20px;
}

div#headerIcon{
	width:210px;
	background: white;
	float:left;
}

div#mainBody{
	background:#DAE8F5;
}

p, ul {
	margin-top:5px;
	margin-bottom:5px;	
}





div#mainBodyHeader{
	background: #2E4A72;
	padding: 10px;
	padding-left: 250px;
	height:80px;
	color: white;
}

div#navigation{
	width:204px;
	float:left;
	padding-left:20px;
	padding-top:20px;
	
}

div#navigation a{
	display:block;
	width:186px;
	height:42px;
	background-image: url(../images/menuOff.gif);
	background-repeat: no-repeat;
	margin-bottom:0px;
	padding-top:12px;
	padding-left:10px;	
	color: white;
	cursor:pointer;
	text-decoration:none;
}

div#navigation a:link, 
div#navigation a:visited,
div#navigation a:active {
	background-image: url(../images/menuOff.gif);
}

div.fullDBlue a{
	color:white;
}

div.halfLBlue a, div.halfWhite a{
	color:#333333;
}

div.fullDBlue a:hover{
	color:#3D95D5;
}

div.halfLBlue a:hover, div.halfWhite a:hover{
	color:#3D95D5;
}

div#navigation a:hover{
	background-image: url(../images/menuOn.gif);
	
}

div#content{
	padding-left: 250px;
	padding-top:20px;
}



div.blockContent{
	padding:10px;
	padding-bottom:0px;
	padding-right:15px;
}

div.blockContent h3{
	margin: 0px;
}

div.halfBlock{
	width:332px;
	float:left;
	margin-right:10px;
}

div.fullBlock{
	width:674px;
	float:left;
}

div.blockFooter{
	height:23px;
}

div.halfLBlue{
	background-image: url(../images/halfLBlueTop.gif);
}
div.halfLBlueFooter{
	background-image: url(../images/halfLBlueBottom.gif);
	background-position: left bottom;
}

div.fullDBlue{
	background-image: url(../images/fullDBlueTop.gif);
	color:white;
}
div.fullDBlueFooter{
	background-image: url(../images/fullDBlueBottom.gif);
	background-position: left bottom;
}

div.fullWhite{
	background-image: url(../images/fullWhiteTop.gif);
}
div.fullWhiteFooter{
	background-image: url(../images/fullWhiteBottom.gif);
	background-position: left bottom;
}

div.halfDBlue{
	background-image: url(../images/halfDBlueTop.gif);
	color:white;
}
div.halfDBlueFooter{
	background-image: url(../images/halfDBlueBottom.gif);
	background-position: left bottom;
}

div.halfWhite{
	background-image: url(../images/halfWhiteTop.gif);
}
div.halfWhiteFooter{
	background-image: url(../images/halfWhiteBottom.gif);
	background-position: left bottom;
}

img{
	border:none;
}

div#confPhotos img{
	float:left;
	margin:4px;
	border: 1px solid #2E4A72;
}