@charset "UTF-8";
/* CSS Document */
html, body {
margin: 0px;
}
a:link {
color: #6699ff;
text-decoration: none;
}
a:visited {
color: #6699ff;
text-decoration: none;
}
a:active {
color:#6699ff;
}
a:hover {
color: #33ff99;
text-decoration: none;
}
#head {
background-image: url(../images/headers/smheader.gif);
background-position:center;
background-position:top;
background-repeat:no-repeat;
margin: 0px auto 0px auto;
height:150px;
width:880px;
font-family:Arial, Helvetica, sans-serif;
font-size: 30px;
}
#header {
margin:0px auto 0px auto;
}
#heading {
margin:20px auto 0px auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 42px;
color: #666666;
}
#navigation {
margin:0px auto 0px auto;
width:880px;
height: 45px;
background-image:url(../images/backgrounds/navigation.jpg);
background-repeat:no-repeat;
background-position: center;
background-position:bottom;
z-index:3000;
}
#navigation .menu {
margin-top: 0px;
margin-left: 30px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
display: inline; /* <---Solution for bug IE6 */
}
.menu ul.item {
margin-top: 10px;
text-decoration:none;
padding: 0px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
height: 53px;
width: 98px;
}
#navigation .menu ul:hover .item{
display:block;
text-decoration:none;
padding: 0px;
}
#navigation .menu a:link {
color:#999999;
text-decoration: none;
}
#navigation .menu a:visited {
color:#999999;
text-decoration: none;
}
#navigation .menu a:active {
color:#999999;
text-decoration: none;
}
#navigation .menu a:hover {
color:#FFFFFF;
text-decoration:none;
}
.menu li {
display:block;
background-image: url(../images/dropdown/introduction.gif);
height: 32px;
}
#navigation .menu1 {
margin-top: 0px;
margin-left: 22px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
}
.menu1 ul.item {
text-decoration:none;
width: 98px;
margin-top: 0px;
margin-left: -1px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
padding-top: 13px;
height: 53px;
width: 98px;
}
#navigation .menu1 ul:hover .item{
display:block;
text-decoration:none;
padding: 0px;
}
#navigation .menu1 a:link {
color:#ccff00;
text-decoration: none;
}
#navigation .menu1 a:visited {
color:#ccff00;
text-decoration: none;
}
#navigation .menu1 a:active {
color:#ccff00;
text-decoration: none;
}
#navigation .menu1 a:hover {
color:#00cc99;
text-decoration:none;
}
.menu1 li {
display:block;
background-image: url(../images/dropdown/litreview.gif);
height: 32px;
}
#navigation .menu2 {
margin-top: 0px;
margin-left: 18px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
}
.menu2, ul.item {
text-decoration:none;
width: 98px;
margin-left:0px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
padding-top: 16px;
height: 53px;
}
#navigation .menu2 ul:hover .item{
display:block;
text-decoration:none;
width: 100px;
padding: 0px;
}
#navigation .menu2 a:link {
color:#ffffff;
text-decoration: none;
}
#navigation .menu2 a:visited {
color:#ffffff;
text-decoration: none;
}
#navigation .menu2 a:active {
color:#ffffff;
text-decoration: none;
}
#navigation .menu2 a:hover {
color:#000000;
text-decoration:none;
}
.menu2 li {
display:block;
background-image: url(../images/dropdown/ambivalence.gif);
height: 32px;
}
#navigation .menu3 {
margin-top: 0px;
margin-left: 22px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
}
.menu3, ul.item {
text-decoration:none;
width: 98px;
margin-top: 13px;
margin-left:5px;
padding: 0px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
padding-top: 0px;
height: 53px;
}
#navigation .menu3 ul:hover .item{
display:block;
text-decoration:none;
width: 100px;
padding: 0px;
}
#navigation .menu3 a:link {
color:#cc0000;
text-decoration: none;
}
#navigation .menu3 a:visited {
color:#cc0000;
text-decoration: none;
}
#navigation .menu3 a:active {
color:#cc0000;
text-decoration: none;
}
#navigation .menu3 a:hover {
color:#ff6600;
text-decoration:none;
}
.menu3 li {
display:block;
background-image: url(../images/dropdown/family.gif);
height: 32px;
}
#navigation .menu4 {
margin-top: 0px;
margin-left: 19px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
}
.menu4, ul.item {
text-decoration:none;
width: 98px;
margin-top: 13px;
padding: 0px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
padding-top: 0px;
height: 53px;
}
#navigation .menu4 ul:hover .item{
display:block;
text-decoration:none;
width: 100px;
padding: 0px;
}
#navigation .menu4 a:link {
color:#6699ff;
text-decoration: none;
}
#navigation .menu4 a:visited {
color:#6699ff;
text-decoration: none;
}
#navigation .menu4 a:active {
color:#6699ff;
text-decoration: none;
}
#navigation .menu4 a:hover {
color:#ccff00;
text-decoration:none;
}
.menu4 li {
display:block;
background-image: url(../images/dropdown/hybrid.gif);
height: 32px;
}
#navigation .menu5 {
margin-top: 0px;
margin-left: 21px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
}
.menu5, ul.item {
text-decoration:none;
width: 98px;
margin-top: 13px;
margin-left:0px;
padding: 0px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
padding-top: 0px;
height: 53px;
}
#navigation .menu5 ul:hover .item{
display:block;
text-decoration:none;
width: 100px;
padding: 0px;
}
#navigation .menu5 a:link {
color:#000000;
text-decoration: none;
}
#navigation .menu5 a:visited {
color:#000000;
text-decoration: none;
}
#navigation .menu5 a:active {
color:#000000;
text-decoration: none;
}
#navigation .menu5 a:hover {
color:#999999;
text-decoration:none;
}
.menu5 li {
display:block;
background-image: url(../images/dropdown/love.gif);
height: 32px;
}
#navigation .menu6 {
margin-top: 0px;
margin-left: 21px;
float: left;
text-decoration: none;
text-align:center;
z-index:3000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
height: 40px;
width: 100px;
padding: 0px;
position: relative;
}
.menu6, ul.item {
text-decoration:none;
width: 98px;
margin-top: 13px;
margin-left:0px;
padding: 0px;
background-position:top;
background-position:center;
background-repeat:no-repeat;
font-size: 11px;
text-align:center;
padding-top: 0px;
height: 53px;
}
#navigation .menu6 ul:hover .item{
display:block;
text-decoration:none;
width: 100px;
padding: 0px;
}
#navigation .menu6 a:link {
color:#009966;
text-decoration: none;
}
#navigation .menu6 a:visited {
color:#009966;
text-decoration: none;
}
#navigation .menu6 a:active {
color:#009966;
text-decoration: none;
}
#navigation .menu6 a:hover {
color:#6699ff;
text-decoration:none;
}
.menu6 li {
display:block;
background-image: url(../images/dropdown/challenges.gif);
height: 32px;
}
#main a:link {
color:#666;
font-weight:bold;
}
#main a:visited {
color:#666;
font-weight:bold;
}
#main a:active {
color:#666;
font-weight:bold;
}
#main a:hover {
color:#000;
}
#bar {
width: 880px;
height: 25px;
background-image:url(../images/backgrounds/family.gif);
background-repeat:no-repeat;
background-position:center;
background-position: bottom;
margin-top: -15px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
}
p {
margin-top: 0px;
margin-bottom: 0px;
color: #000;
}
table {
float: left;
margin: 0px;
}
#box1 {
width: 280px;
padding-left:10px;
padding-right: 6px;
float: left;
}
#box2 {
width: 280px;
padding-left:10px;
padding-right: 6px;
border-left: solid medium;
border-left-color:#ADA390;
float: left;
}
#box3 {
width: 280px;
padding-left:10px;
border-left: solid medium;
border-left-color:#ADA390;
float: left;
clear: right;
}
#bottombar {
width: 880px;
height: 25px;
margin: 4px auto 1px auto;
background-image:url(../images/backgrounds/family.gif);
background-repeat:no-repeat;
background-position:center;
background-position: bottom;
}
#bottomnav {
margin:0px auto 0px auto;
width:880px;
height: 50px;
bottom: 0px;
top: 0px;
background-image:url(../images/backgrounds/navigation.jpg);
background-repeat:no-repeat;
background-position: center;
text-decoration: none;
}
#head #header #heading .style1 {
color: #ADA390;
}