body 
{
    text-align: center;
    min-width: 678px;
		font-family: Arial, Helvetica, sans-serif;
}
#container{
    margin-top: 25px;
		margin-bottom:50px;
}
img
{
    border: 0px;
    margin: 0px;
}
div
{
    margin: 0px;
    padding: 0px;
}
#container
{
    text-align: left;
    width: 678px;
    margin-left: auto;
    margin-right: auto;
}
#header
{
    width: 100%;
    height: 16px;
    background-image: url('./Images/splash/header.gif') ;
    background-repeat: repeat-x;
}
#languageLink
{
    float: right;
}
#frenchLink
{
    display: block;
    width: 53px;
    height: 16px;
    background: url('./Images/splash/francais.gif') 0 0 no-repeat;
}
#brand
{
    margin-top: 28px;
    height: 95px;
}
#logo
{
    display: block;
    width: 235px;
    height: 81px;
    float: left;
    background: url('./Images/splash/logo.gif') 0 0 no-repeat;
}

h1
{
		margin:0;
		padding:0 0 .5em 0;
		font-size: 9pt;
		text-transform:uppercase;
		color:#fff;
}
h1 a {
    text-decoration: none;
    color: #FFF;
}
h1 a:hover {
    color:#DDD;
}
ul
{
		margin:0;
		padding:0;
}
ul li
{
	list-style-position:outside;
	line-height:.8em;
	margin-bottom:.1em;
	margin-left:15px;
}
ul li a
{
		color: #FFF;
		font-size:8pt;
		text-decoration:none;
}
ul li a:hover
{
		color:#DDD;
}

#hplLinkAboutOver ul li a
{
		text-transform:lowercase;
}

#sectionLinks
{
    position: relative;
    top: 25px;
}
.section
{
    height: 214px;
    margin-bottom: 7px;
		float:left;
		padding-right:4px;
		padding-left:4px;
		position:relative;
}
.section .link
{
    float: left;
    width: 161px;
    height: 214px;
}
.section .link .section-image
{
    display: block;
    width: 161px;
    height: 214px;
    color: #fff;
		float:left;
		position:absolute;
		top:0;
		left:0;
}

.section .link .section-topics
{
    display: block;
    width: 141px;
    height: 214px;
    color: #fff;
		float:left;
		position:absolute;
		top:0;
		left:0;
		padding: 15px 5px 10px 15px;
		z-index:1;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
}
.section .link .section-topics:hover{
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
}

#hplLinkAbout
{
    background: url("./Images/splash/about.gif") 0 0 no-repeat;
}
#hplLinkPrograms
{
    background: url("./Images/splash/programs.gif") 0 0 no-repeat;
}
#hplLinkResearch
{
    background: url("./Images/splash/research.gif") 0 0 no-repeat;
}
#hplLinkMembership
{
    background: url("./Images/splash/membership.gif") 0 0 no-repeat;
}

#hplLinkAbout:hover, #hplLinkPrograms:hover, #hplLinkResearch:hover, #hplLinkMembership:hover, #hplLinkAboutOver
{
    background: none;
}

#hplLinkAboutOver
{
    background: url("./Images/splash/about_over.gif") 0 0 no-repeat;
}
#hplLinkProgramsOver{
    background: url("./Images/splash/programs_over.gif") 0 0 no-repeat;
}
#hplLinkResearchOver{
    background: url("./Images/splash/research_over.gif") 0 0 no-repeat;
}
#hplLinkMembershipOver{
    background: url("./Images/splash/membership_over.gif") 0 0 no-repeat;
}


#shortcutLinks
{
    position: relative;
    background: url("./Images/splash/gray_bar.gif") 0 0 no-repeat;
		width:700px;
		height:151px;
		clear:both;
		top:40px;
		padding-top:10px;
		padding-left:10px;
}
.shortcut
{
    height: 62px;
		float:left;
		padding-right:10px;
    padding-bottom: 7px;
}
.shortcut .link
{
    float: left;
}
.shortcut .link a
{
    display: block;
		float:left;
    width: 156px;
    height: 62px;
    color: #fff;
}

#shortcutLink1A{
    background: url("./Images/splash/1-a.gif") 0 0 no-repeat;
}

#shortcutLink2A{
    background: url("./Images/splash/2-a.gif") 0 0 no-repeat;
}

#shortcutLink3A{
    background: url("./Images/splash/3-a.gif") 0 0 no-repeat;
}

#shortcutLink4A{
    background: url("./Images/splash/4-a.gif") 0 0 no-repeat;
}

#shortcutLink1B{
    background: url("./Images/splash/1-b.gif") 0 0 no-repeat;
}

#shortcutLink2B{
    background: url("./Images/splash/2-b.gif") 0 0 no-repeat;
}

#shortcutLink3B{
    background: url("./Images/splash/3-b.gif") 0 0 no-repeat;
}

#shortcutLink4B{
    background: url("./Images/splash/4-b.gif") 0 0 no-repeat;
}