@charset "utf-8";
/* CSS Document */

/* GLOBALS */
html 					{ /*overflow-y: scroll !important;*/}
*						{padding:0; margin:0;}

body					{padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #205f9a; background: url(images/phunkyou-bg.jpg) top center no-repeat; background-color: #00488c; border:0px;}
/*--------------------------------------------------------------------------------------*/
#logo					{width:259px; height:260px; position: absolute; top:0; left:0;}
#footer					{width:100%; background:url(images/net.png) top center no-repeat; height:152px;margin:0 auto;width:582px; position:absolute;}
#cloud					{background:url(images/cloud.png) top center no-repeat; width:582px; height:466px; margin:0 auto;}
#cloud2					{background:url(images/cloud-404.png) top center no-repeat; width:582px; height:466px; margin:0 auto;}	
#divider				{height:120px; width:100%; border: none;}
#divider2				{height:100px; width:100%; border: none;}
#divider3 				{height:50px; width:100%; border: none;}
#rope					{background-image:url(images/rope.gif); background-repeat:repeat-y; background-position:289px top; height:3px; margin:0 auto; width:582px;}
#container				{width:390px; height:240px; margin:0 auto; overflow:hidden; position:relative;}
#container ul 			{ width:1560px; height:240px; }
#container li 			{ width:390px; height:240px; margin:0 auto; float:left; list-style-type: none; position:relative; }
#container2				{margin:0 auto; overflow:hidden; position:relative;}
#container2 ul		 	{ list-style:none; margin:0; padding:0; }
#container2 li		 	{ margin:0; padding:0; float:left; }
h1						{position: relative; font-size: 13px; font-weight:bold; color: #0061b8;}
.dlink a:link, .dlink a:active, .dlink a:visited {color:#FFF; background-color:#0061b8; font-weight:bold; padding:0px 3px;}
.klink a:link, .klink a:active, .klink a:visited {color:#FFF; background-color:#fd0374; font-weight:bold; padding:0px 3px;}
.blink a:link, .blink a:active, .blink a:visited {color:#FFF; background-color:#f03f00; font-weight:bold; padding:0px 3px;}
.dlink a:hover, .klink a:hover, .blink a:hover {color:#fff; background-color:#81744d; font-weight:bold; padding:0px 3px;}
.link1 a:link, .link1 a:active, .link1 a:visited {color:#FFF; background-color:#ff7c0c; font-weight:bold; padding:0px 3px;}
.link2 a:link, .link2 a:active, .link2 a:visited {color:#FFF; background-color:#00abeb; font-weight:bold; padding:0px 3px;}
.link3 a:link, .link3 a:active, .link3 a:visited {color:#FFF; background-color:#259e19; font-weight:bold; padding:0px 3px;}
.link4 a:link, .link4 a:active, .link4 a:visited {color:#FFF; background-color:#77199e; font-weight:bold; padding:0px 3px;}
.link5 a:link, .link5 a:active, .link5 a:visited {color:#FFF; background-color:#ffb80c; font-weight:bold; padding:0px 3px;}
.link1 a:hover, .link2 a:hover, .link3 a:hover, .link4 a:hover, .link5 a:hover {color:#0061b8; background-color:#ccf0ff; font-weight:bold; padding:0px 3px;}
.shadow 				{text-shadow:#FFF 0 1px 0; color:#0061b8; }
.shadow2				{text-shadow:#FFF 0 1px 0; color:#0061b8; float:left; width:40px; }
.news	 				{width:240px; float:left; }
.news p 				{width:240px; }
#line 					{background-image:url(images/line.jpg); background-repeat:repeat-x; height:10px; background-position:3px center; }
#line2 					{background-image:url(images/line.jpg); background-repeat:repeat-x; height:39px; background-position:center 37px; width:340px; text-align:left; float:left; }
#line3 					{background-image:url(images/line.jpg); background-repeat:repeat-x; height:13px; background-position:5px center; clear:both; }
#twitter 				{float:right; display:inline; width:47px;}
#pic1 					{ float:left; margin-top:30px; margin-right:7px; width:103px; }
#pic2 					{float:left; margin-top:30px; margin-right:7px; width:103px; }
.subcontent				{float:left; width:270px;}
.title 					{height: 25px; background:url(images/line.jpg) bottom center repeat-x; width:270px; margin-bottom:10px;}
.title2 					{height: 25px; background:url(images/line.jpg) bottom center repeat-x; width:390px; margin-bottom:10px;}
#smallcontent, #smallcontent2	{ width:270px; height:170px; outline:none; position:relative; }
#smallcontent3	{ width:390px; height:170px; outline:none; position:relative; }
.back 					{width:21px; height:21px; float:right; display:inline}
#subcontainer			{height:100px; width:120px; margin-left:350px; margin-top:20px;}
#links 					{float: right; display:inline; clear: both; height:171px; width:144px; margin-top:-10px;margin-right:90px; border:0px solid #000; position:relative;}
#links div 				{height:85px; width:66px; cursor:pointer;}
#links2 					{float: right; display:inline; clear: both; height:171px; width:144px; margin-top:-165px;margin-right:365px; border:0px solid #000; position:relative;}
#links2 div 				{height:85px; width:66px; cursor:pointer;}
#footer-links			{height:22px; padding-top:130px; float:left; width:200px; color:#FFF;}
#footer-links a, footer-copy a 	{ color:#FFF; text-decoration:none; font-size:12px; padding:0px 3px;}
#footer-links a:hover, footer-copy a:hover 	{ color:#00488c; background-color:#FFF;}
#footer-copy			{height:22px; margin-top:130px; float:right; display:inline; text-align:right; width:220px; color:#FFF; font-size:12px; padding:0px 3px;}
#bginterior				{width:720px; height:591px; background:url(images/bg-page.png) top center no-repeat; margin:0 auto;}
#bginterior2			{width:720px; height:591px; background:url(images/bg-page2.png) top center no-repeat; margin:0 auto;}
#page-footer 			{position: relative; left:30px; top:544px; height:22px; width:600px; margin:0 auto; }
#page-footer a, #top a 	{color:#00488c; text-decoration:none; padding:0 3px;}
#page-footer a:hover, #top a:hover {color:#FFF; background-color:#00488c;}
#termscontent 			{width:550px; height:400px; margin-left:90px; padding-right:100px; position:relative; }
#heading 				{width:490px; float:left; margin-top:10px;}
#top 					{ width:40px; float:right; text-align:right; margin-top:10px; }
.jScrollPaneContainer 	{position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack 		{position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #bfd6e4;}
.jScrollPaneDrag 		{position: absolute; background: #0185c5; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop 	{position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom 	{position: absolute; bottom: 0; left: 0; overflow: hidden;}
.scroll-pane	 		{width: 200px; height: 200px; overflow: auto; float: left;}
.scroll-pane2 			{width: 550px; height: 400px; overflow: auto; float: left; position:relative;}
div:active, a:active, img:focus, div:focus	{-moz-outline-style: none; outline:none;}