body
{
margin: 0px;
text-align: center;
background-color: #FFFFFF;
background-image: url('images/background.gif');
background-position: bottom center;
background-repeat: repeat-y;
font-family: Arial, sans-serif;
color: #3F3F3F
}

div#main
{
margin-right: auto;
margin-left: auto;
text-align: justify;
width: 754px;
height: auto;
padding: 0px
}

div#header
{
height: 168px;
width: 757px;
background-color: #5DB1C5;
background-image: url('images/headerbg.gif');
background-position: top left;
background-repeat: repeat-y;
overflow: hidden;
margin-left: -3px;
margin-bottom: -4px
}


html>body div#header
{
margin-left: -1px;
width: 755px;
}

img#logo
{
float: left
}

h1
{
color: #FFFFFF;
font-size: 2.5em;
font-weight: normal;
letter-spacing: -0.1em;
float: left;
font-family: 'Times New Roman', serif;
text-align: left;
line-height: 2em;
margin-top: 0.6em;
margin-left: 0.1em
}

html>body h1
{
letter-spacing: -0.05em;
}

html>body h1 span.big
{
font-size: 3.5em
}

h1 span.big
{
font-size: 2.8em;
}





div#leftcolumn
{
float: left;
width: 245px;
height: auto;
background-color: #DFEDF5;
background-image: url('images/leftbg.gif');
background-position: top left;
background-repeat: repeat-x;
margin-top: 4px;
padding-bottom: 4px;
text-align: center;
margin-right: -3px
}

html>body div#leftcolumn
{
margin-left: -1px;
margin-right: 0px
}

div#leftcolumn a
{
text-decoration: none;
color: #3f3f3f;
font-size: 0.7em;
}

div#menu
{
padding: 16px;
line-height: 1.6em;
text-align: left
}

div#menu a
{
color: #3f3f3f;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 1.4em;
letter-spacing: -0.05em
}

div#menu a:hover, div#menu a:visited:hover
{
background-image: url('images/menuhoverbg.gif');
background-position: center right;
background-repeat: no-repeat;
color: #0886A5
}

div#menu a:visited
{
background-image: url('images/tick.gif');
background-position: center right;
background-repeat: no-repeat;
}

img
{
border: 0px
}

img.menubullet
{
margin-right: 0.5em;
margin-bottom: -1px
}



div#rightcolumn
{
width: 510px;
height: 200px;
margin-top: 4px;
border-top: 8px solid #5DB1C5;
float: left;
margin-left: 2px
}


html>body div#rightcolumn
{
margin-left: -1px;
width: 511px
}

div#content
{
padding: 2px 12px 0px 12px;
line-height: 1.4em;
font-size: 0.9em;
}

html>body div#content
{
padding: 0px 12px 0px 12px
}

h2
{
letter-spacing: -0.1em;
font-size: 2.5em;
margin-bottom: -8px
}

html>body h2
{
margin-bottom: 6px
}

div#menu a.submenu
{
font-size: 0.8em;
margin-left: 30px
}

div#credits
{
font-size: 0.7em;
text-align: left;
padding-left: 12px;
padding-top: 64px
}

div#credits a
{
font-size: 0.95em;
font-weight: bold
}

div#credits a:hover
{
font-weight: bold;
text-decoration: underline
}

img.right
{
float: right;
margin: 4px 0px 4px 8px
}

img.left
{
float: left;
margin: 4px 8px 4px 0px
}


ul.fpmenu
{
margin: 0px;
padding: 0px;
list-style: none;
height: 254px
}

ul.fpmenu li, ul.fpmenu li a
{
display: block;
width: 120px;
height: 120px;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
background-color: #DFEDF5;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
text-align: left;
letter-spacing: -0.1em
}

html>body ul.fpmenu li
{
height: 123px
}






ul.fpmenu li a
{
border-bottom-width: 7px;
border-bottom-style: solid;
text-decoration: none
}

ul.fpmenu li a:hover
{
color: #3F3F3F;
text-decoration: none;
}



li#fp5 a, li#fp6 a, li#fp7 a, li#fp8 a
{
color: #3F3F3F
}

li#fp5 a:hover, li#fp6 a:hover, li#fp8 a:hover
{
color: #FFFFFF
}

li#fp7 a:hover
{
color: #0886A5
}

li#fp4 a:hover
{
color: #DFEDF5
}

li#fp1 a
{
border-bottom-color: #1E6CCC;
background-image: url('images/fp1.gif');
}

li#fp2 a
{
border-bottom-color: #73B041;
background-image: url('images/fp2.gif');
}

li#fp3 a
{
border-bottom-color: #E8B850;
background-image: url('images/fp3.gif');
}

li#fp4 a
{
border-bottom-color: #33E0E6;
background-image: url('images/fp4.gif');
}

li#fp5 a
{
border-bottom-color: #F4ED36;
background-image: url('images/fp5.gif');
}

li#fp6 a
{
border-bottom-color: #F28FF1;
background-image: url('images/fp6.gif');
}

li#fp7 a
{
border-bottom-color: #9A62C9;
background-image: url('images/fp7.gif');
}

li#fp8 a
{
border-bottom-color: #E64545;
background-image: url('images/fp8.gif');
}



li#fp1 a:hover
{
background-image: url('images/fp1.jpg');
}

li#fp2 a:hover
{
background-image: url('images/fp2.jpg');
}

li#fp3 a:hover
{
background-image: url('images/fp3.jpg');
}

li#fp4 a:hover
{
background-image: url('images/fp4.jpg');
}

li#fp5 a:hover
{
background-image: url('images/fp5.jpg');
}

li#fp6 a:hover
{
background-image: url('images/fp6.jpg');
}

li#fp7 a:hover
{
background-image: url('images/fp7.jpg');
}

li#fp8 a:hover
{
background-image: url('images/fp8.jpg');
}


div.spacer
{
height: 16px;
clear: both;
width: 100%
}


.subheader
{
font-size: 0.7em;
}