* {
padding: 0;
margin: 0;
}

html {
height: 100%;
margin-bottom: 1px;
font-size: 67.5%;
}

body {
background-color: #cccccc;
font-size: 1em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: justify;
background-image: url(../images/background.png);
padding-bottom: 1.5em;
}

a:link, a:visited {
color: #75c578;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ol li {
margin: 10px;
font-weight: bold;
color: #75C578;
}

ol li ul li {
list-style-type: none;
font-weight: bold;
color: #666666;
}

ol li ul li ul li {
font-weight: normal;
margin: 2px;
}

#container {
width: 940px;
margin: 3em auto 3em auto;
background-image: url(../images/bodyBackground.png);
background-color: #ffffff;
background-repeat: repeat-y;
background-position: right;
border: 1px #000000 solid;
}

#header {
height: 142px;
background-image: url(../images/headerMain.png);
background-repeat: repeat-x;
background-position: bottom;
}

#leftHead {
float: left;
display: inline;
/*width: 170px;*/
width: 10px;
height: 142px;
}

#topCurve {
float: right;
display: inline;
height: 105px;
width: 190px;
background-image: url(../images/topCurveTop.png);
background-repeat: no-repeat;
background-position: right bottom;
}

#topCurveBottom {
float: right;
display: inline;
clear: right;
height: 37px;
width: 170px;
background-image: url(../images/topCurveBottom.png);
background-repeat: no-repeat;
background-position: bottom;
}

#contentContainer {
clear: both;
margin: 2em 0 0 0;
font-size: 1em;
}

#leftColumn {
display: inline;
float: left;
margin: 1em 1.5em 1em 2em;
}

#leftColumn ul {
list-style: none;
margin: 0 0 2em 0;
}

#leftColumn a:link, #leftColumn a:visited {
color: #75C578;
}

#leftColumn a:hover {
color: #4b98ff;
}

#mainContent {
float: left;
width: 440px;
display: inline;
color: #666666;
}

#rightColumn {
display: inline;
width: 412px;
float: right;
margin: 0.5em 0.5em 0 2em;
padding-right: 10px;
padding-bottom: 10px;
}

#mainContent p {
margin: 0.5em;
}

#mainContent img {
margin: 10px 5px 10px 5px;
}

#mainContent h1 {
margin: 0.4em;
font-size: 1.6em;
font-weight: normal;
color: #4b98ff;
}

#mainContent h1 span {
color: #75c578;
}

#mainContent h1 span span {
color: #ec1e2a;
}

#mainContent h2 {
font-size: 1.3em;
}

#footer {
clear: both;
height: 70px;
background-image: url(../images/footerMain.png);
background-color: #ffffff;
background-repeat: repeat-x;
}

#footer ul {
position: relative;
top: 10px;
list-style: none;
font-size: 0.9em;
color: #cccccc;
margin: 0 2em 0 2em;
width: 50%;
}

#footer li {
/*float: left;*/
/*display: inline;*/
margin-left: 1em;
}

#navigation, #navigation ul {
padding: 0;
margin: 0;
list-style: none;
}

#navigation {
background-image: url(../images/logo.jpg);
background-position: 4em 0;
background-repeat: no-repeat;
padding-top: 110px;
/*position: relative;*/
/*top: 10px;*/
display: block;
font-size: 1.2em;
}

#navigation li {
float: left;
display: inline;
list-style: none;
margin: 0 1em 0 1em;
width: auto;
}


#navigation li a:link, #navigation li a:visited {
color: #ffffff;
text-decoration: none;
background-color: #4b98ff;
font-weight: bold;
}

#navigation li a:hover {
color: #cccccc;
text-decoration: none;
}

#navigation a {
	display: block;
}

#navigation li {
	float: left;
display: inline;
}

#navigation li ul {
clear: left;
padding: 0;
position: absolute;
width: 200px;
left: -999em;
z-index: 100;
}

#navigation li ul li {
margin: 0;
display: block;
clear: left;
}

#navigation li:hover ul, #navigation li.sfhover ul {
left: auto;
background-position: 0 0; /* this declaration needed to force ie7 into redrawing the list to stop "sticking" bug where menus do not remove themselves */
}

#navigation li ul li span {
display: block;
padding-bottom: 30px;
background-image: url(../images/dropdown-trans.png);
background-position: bottom;
}

#navigation li ul li a:link, #navigation li ul li a:visited {
text-align: left;
padding: 0.2em;
text-indent: 0.5em;
background-color: #4b98ff;
font-size: 1em;
color: #ffffff;
display: block;
width: 193px;
font-weight: normal;
}

#navigation li ul li a:hover {
color: #cccccc;
}

a.legalInfo span, a.legalInfoHome span {
display: none;
}

a.legalInfo:hover, a.legalInfoHome:hover {
color: #000000;
float: none; /* force IE6 to display the css rollover */
border: 0;
}

a.legalInfo:hover span {
display: block;
position: absolute;
z-index: 1000;
top: 500px;
left: 150px;
width: 470px;
height: 300px;
overflow: auto;
background-color: #efefef;
border: 1px #000000 solid;
text-decoration: none;
}

.legalInfo:hover span span em, .legalInfoHome:hover span span em {
display: block;
color: #000000;
padding: 8px;
text-decoration: none;
}

a.legalInfoHome:hover span {
display: block;
position: absolute;
z-index: 1000;
bottom: -5em;
right: 0;
width: 100%;
height: 300px;
text-decoration: none;
}

a.legalInfoHome:hover span span {
display: block;
overflow: auto;
background-color: #efefef;
border: 1px #000000 solid;
text-decoration: none;
width: 470px;
float: right;
margin-right: 200px;
}