@charset "UTF-8";
/* CSS Document */
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: 0;
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: 0;
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: 0;
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: 0;
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: 0;
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: 0;
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: 0;
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;
margin: -15px auto auto auto;
background-image:url(../images/backgrounds/love.gif);
background-repeat:no-repeat;
background-position:center;
background-position: bottom;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}


table {
float: left;
margin-top: 3px;
}

#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:#BC4540;
	float: left;
}
#box3 {
	width: 280px;
	padding-left:10px;
	border-left: solid medium;
	border-left-color:#BC4540;
	float: left;
	clear: right;
}



#bottombar {
width: 880px;
height: 25px;
margin: 4px auto -2px auto;
background-image:url(../images/backgrounds/love.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;
}