/* 
 * styles.css
 *
 */

html {
	height: 100%;
}

body {
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 2px;
	background-color: #FFFFFF;
	height: 98%;
	padding-top: 2px;
}

#wrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding: 4px;
	height: 1600px;
	float: left;
}

#header {
	width: 100%;
	max-width: 680px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

#pagecontent {
	background-color: #FFFFFF;
	margin-bottom: 4px;
	padding: 10px;
	margin-right: auto;
	margin-left:auto;
	height: 100%;
}
#wrap #pagecontent2 {
}
#wrap #pagecontent2 {
}
#wrap2 {
	height: 2000px;
}
#wrap #pagecontent .table img {
	width: 100px;
}
#wrap #pagecontent img {
	width: 100%;
	max-width: 960px;
}

h1 {
	font-size: 24px;
	color: white;
	display: none;
}

h2 {
	font-size: 14px;
	display: none;
}

#navcontainer
{
	width: 100%;
	background: #fff;
	margin: 0 auto;
	padding: 1em 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 50px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
	font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 0.5em;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #666;
	text-decoration: none;
	background: #CCCCCC;
}

#navcontainer>ul#navlist li a { width: 100%; }

ul#navlist li#active a
{
	background: #fff;
	color: #000000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: #333333;
	background: transparent;
	border-color: #FFFFFF;
		text-decoration: none;

}


#footer {
	background-color: #666;
	height: 18px;
	padding-top: 4px;
	padding-left: 5px;
	overflow: hidden;
		text-decoration: none;

}

#footer a {
	text-decoration: none;
	color: #ccc;
}

#footer a:hover {
	color: #FFF;
		text-decoration: none;

}

#subnavlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
		text-decoration: none;

}

#subnavlist li {
	border-left: 1px solid #FFF;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
		text-decoration: none;

}
#wrap #header img {
	width: 100%;
}
#wrap2 {
	height: 2000px;
}
#wrap #pagecontent2 {
	height: 100%;
}

#wrap3 {
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}	
	
#next {
	background-color:#CCCCCC;
	height: 18px;
	padding-top: 3px;
	padding-left: 5px;
	overflow: hidden;
		text-decoration: none;

}

#next a {
	text-decoration: none;
	color: #333333;
}

#next a:hover {
	color: #FFF;
		text-decoration: none;

}
#wrap4 {
	height: 95%;
}

#apDiv1 {
	position:absolute;
	width:205px;
	height:145px;
	z-index:1;
	left: 61px;
	top: 892px;
}
    #apDiv2 {
	position:absolute;
	left:52px;
	top:239px;
	width:171px;
	height:127px;
	z-index:2;
}
    #apDiv3 {
	position:absolute;
	left:274px;
	top:231px;
	width:99px;
	height:63px;
	z-index:3;
}
    #apDiv4 {
	position:absolute;
	left:368px;
	top:315px;
	width:119px;
	height:77px;
	z-index:4;
}
    #apDiv5 {
	position:absolute;
	left:350px;
	top:515px;
	width:142px;
	height:95px;
	z-index:5;
}
    #apDiv6 {
	position:absolute;
	left:11px;
	top:429px;
	width:266px;
	height:178px;
	z-index:6;
}
    #apDiv7 {
	position:absolute;
	left:662px;
	top:648px;
	width:146px;
	height:92px;
	z-index:7;
}
    #apDiv8 {
	position:absolute;
	left:299px;
	top:701px;
	width:128px;
	height:91px;
	z-index:8;
}
    #apDiv9 {
	position:absolute;
	left:596px;
	top:433px;
	width:197px;
	height:130px;
	z-index:9;
}
    #apDiv10 {
	position:absolute;
	left:553px;
	top:242px;
	width:177px;
	height:119px;
	z-index:10;
}
    #apDiv11 {
	position:absolute;
	left:510px;
	top:1366px;
	width:179px;
	height:126px;
	z-index:11;
}
    #apDiv12 {
	position:absolute;
	left:701px;
	top:1572px;
	width:226px;
	height:149px;
	z-index:12;
}
    #apDiv13 {
	position:absolute;
	left:749px;
	top:755px;
	width:142px;
	height:95px;
	z-index:13;
}
    #apDiv14 {
	position:absolute;
	left:41px;
	top:1476px;
	width:287px;
	height:196px;
	z-index:14;
}
    #apDiv15 {
	position:absolute;
	left:307px;
	top:1286px;
	width:185px;
	height:123px;
	z-index:15;
}
    #apDiv16 {
	position:absolute;
	left:669px;
	top:969px;
	width:76px;
	height:50px;
	z-index:16;
}
    #apDiv17 {
	position:absolute;
	left:33px;
	top:1176px;
	width:139px;
	height:98px;
	z-index:17;
}
    #apDiv18 {
	position:absolute;
	left:34px;
	top:1071px;
	width:140px;
	height:93px;
	z-index:18;
}
    #apDiv19 {
	position:absolute;
	left:668px;
	top:1125px;
	width:82px;
	height:49px;
	z-index:19;
}
    #apDiv20 {
	position:absolute;
	left:349px;
	top:968px;
	width:300px;
	height:212px;
	z-index:20;
}
    #apDiv21 {
	position:absolute;
	left:32px;
	top:1290px;
	width:139px;
	height:94px;
	z-index:21;
}
    #apDiv22 {
	position:absolute;
	left:667px;
	top:1044px;
	width:80px;
	height:59px;
	z-index:22;
}
    #apDiv23 {
	position:absolute;
	left:569px;
	top:1574px;
	width:110px;
	height:152px;
	z-index:23;
}
    #apDiv24 {
	position:absolute;
	left:42px;
	top:701px;
	width:180px;
	height:87px;
	z-index:24;
}
    #apDiv25 {
	position:absolute;
	left:453px;
	top:701px;
	width:134px;
	height:196px;
	z-index:25;
}
    #apDiv26 {
	position:absolute;
	left:703px;
	top:1232px;
	width:162px;
	height:112px;
	z-index:26;
}
    #apDiv27 {
	position:absolute;
	left:752px;
	top:1251px;
	width:140px;
	height:68px;
	z-index:26;
}#wrap1 {
	padding-bottom: 20px;
	width: 960px;
}
#wrap1 #pagecontent p {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-align: left;
}

