/* CSS Document */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#content{
	background-image: url(../img/bg_follow.gif);
	top: 30px;
	left: 50%;
	height: 800px;
	width: 800px;
	margin-left: -400px;
	position: absolute;
}

#contentlong{
	background-image: url(../img/bg_follow.gif);
	top: 30px;
	left: 50%;
	height: 2216px;
	width: 800px;
	margin-left: -400px;
	position: absolute;
}

#locker{
	top: 1px;
	left: 1px;
	height: 16px;
	width: 16px;
	position: absolute;
}

#logo{
	top: 20px;
	left: 12px;
	height: 82px;
	width: 128px;
	position: absolute;
}

#metamenu{
	top: 10px;
	left: 650px;
	height: 70px;
	width: 138px;
	position: absolute;
	text-align: right;
}

#metamenu a{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#metamenu a:hover{
	color: #333333;
}

.idlecol {background-color: #D265B3;}
.highlightcol {background-color: #EDD9EE; cursor: pointer;}
.idlegray {background-color: #8C8C91;}
.highlightgray {background-color: #DFDFE4; cursor: pointer;}

#language{
	top: 88px;
	left: 650px;
	height: 15px;
	width: 138px;
	position: absolute;
	text-align: right;
}

#language a{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#language a:hover{
	color: #333333;
}

#menu{
	top: 113px;
	left: 12px;
	height: 73px;
	width: 778px;
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#menu1{
	top: 0px;
	left: 0px;	
	height: 20px;
	width: 185px;
	position: absolute;
	padding-left: 8px;
	padding-top: 5px;
}
#menu1.idle {background-color: #D265B3;}
#menu1.highlight {background-color: #EDD9EE; cursor: pointer;}

#menu2{
	top: 0px;
	left: 195px;	
	height: 20px;
	width: 185px;
	position: absolute;
	padding-left: 8px;
	padding-top: 5px;
}
#menu2.idle {background-color: #D265B3;}
#menu2.highlight {background-color: #EDD9EE; cursor: pointer;}

#menu3{
	top: 0px;
	left: 390px;	
	height: 20px;
	width: 185px;
	position: absolute;
	padding-left: 8px;
	padding-top: 5px;
}
#menu3.idle {background-color: #D265B3;}
#menu3.highlight {background-color: #EDD9EE; cursor: pointer;}

#menu4{
	top: 0px;
	left: 585px;	
	height: 20px;
	width: 185px;
	position: absolute;
	padding-left: 8px;
	padding-top: 5px;
}
#menu4.idle {background-color: #8C8C91;}
#menu4.highlight {background-color: #DFDFE4; cursor: pointer;}

#active1{
	top: 0px;
	left: 0px;
	height: 73px;
	width: 193px;
	position: absolute;
	background-color: #EDD9EE;
}

#active2{
	top: 0px;
	left: 195px;
	height: 73px;
	width: 193px;
	position: absolute;
	background-color: #EDD9EE;
}

#active3{
	top: 0px;
	left: 390px;
	height: 73px;
	width: 193px;
	position: absolute;
	background-color: #EDD9EE;
}

#active4{
	top: 0px;
	left: 585px;
	height: 73px;
	width: 193px;
	position: absolute;
	background-color: #DFDFE4;
}

#stripcolor{
	top: 27px;
	left: 0px;
	height: 46px;
	width: 778px;
	position: absolute;
	font-size: 12px;
	background-color: #EDD9EE;
}

#stripgray{
	top: 27px;
	left: 0px;
	height: 46px;
	width: 778px;
	position: absolute;
	font-size: 12px;
	background-color: #DFDFE4;
}

#submenu{
	top: 50px;
	left: 8px;
	height: 20px;
	width: 400px;
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#submenu a:link{
	color: #888888;
	text-decoration: none;
}

#submenu a:visited{
	color: #888888;
	text-decoration: none;
}

#submenu a:hover{
	color: #555555;
	text-decoration: none;
}


#text{
	top: 216px;
	left: 17px;
	height: 500px;
	width: 330px;
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#text a:link {
	color: #CC77BB;
	font-weight: bold;
	text-decoration: none;
}
#text a:visited {
	color: #CC77BB;
	font-weight: bold;
	text-decoration: none;
}
#text a:hover {
	color: #EDD9EE;
	text-decoration: none;
}

#graphic{
	top: 226px;
	left: 402px;
	height: 500px;
	width: 388px;
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#graphic a:link {
	color: #CC77BB;
	font-weight: bold;
	text-decoration: none;
}
#graphic a:visited {
	color: #CC77BB;
	font-weight: bold;
	text-decoration: none;
}
#graphic a:hover {
	color: #EDD9EE;
	font-weight: bold;
	text-decoration: none;
}

#graphic .title{
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
#graphic .subtitle{
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#database{
	top: 216px;
	left: 12px;
	height: 2000px;
	width: 778px;
	position: absolute;
}

.WebYepMenuSelected a:link{
	color: #EDD9EE;
	text-decoration: none;
}

.WebYepMenuSelected a:hover{
	color: #EDD9EE;
	text-decoration: none;
}
.WebYepMenuSelected a:visited{
	color: #EDD9EE;
	text-decoration: none;
}