/* CSS Document */
html	{padding:0px; margin:0px;}
body	{background:url(../images/bg_repeatx.jpg) repeat-x #C4D9EE; padding:0px; margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:62.5%; }
h1		{font-size:2em; padding:0px; margin:0px;}
/*clear*/
.clear-div		{clear:both;}

/*container-body*/
#container-body		{ height:100%; float:left; width:750px;  }

/*container*/
#container 		{margin:0px; width:822px; height:926px; margin:auto; padding:0px}
#container-left {width:36px; height:926px; background:url(../images/shadow_left.jpg) no-repeat; float:left;padding:0px; margin:0px; } 
#container-right{width:36px; height:926px; background:url(../images/shadow_right.jpg) no-repeat; float:right;padding:0px; margin:0px;} 

/*bottom-bar
#bottom-bar		{margin:0px; width:822px; height:auto; margin:auto; background:#C4D9EE;}
*/

/*home*/
#content-home		{width:700px; height:832px; background:url(../images/contentpanel_bg_hafan.jpg) no-repeat 0 -94px; float:left; padding-right:25px; padding-left:25px;}
/*norml page*/
#content-pack2		{width:700px; height:832px; background:url(../images/bg_pecyn2.jpg) no-repeat 0 -94px; float:left; padding-right:25px; padding-left:25px;}

#content-pack1		{width:700px; height:832px; background:url(../images/bg_pecyn1.jpg) no-repeat 0 -94px; float:left; padding-right:25px; padding-left:25px;}
#content-pack3		{width:700px; height:832px; background:url(../images/bg_pecyn3.jpg) no-repeat 0 -94px; float:left; padding-right:25px; padding-left:25px;}

/*resources*/
#content-resources	{width:700px; height:832px; background:url(../images/downloads_bg.jpg) no-repeat 0 -94px; float:left; padding-right:25px; padding-left:25px;}

/*resources*/
#content-shop	{width:750px; height:832px; background:url(../images/siop_bgs.jpg) no-repeat 0 -94px; float:left; }

#content-terms	{width:700px; height:832px; background:url(../images/terms.jpg) no-repeat 0 -94px; padding-right:25px; padding-left:25px; font-size:1.1em;}


/*content-bottom
#content-bottom		{width:750px; height:282px; background:url(../images/bottom_img.jpg) no-repeat; float:left; margin:0px; border:0px; }*/

/*content-body*/
#content-pack1 #content-body	{width:500px;  position:relative; top:141px; left:200px;  text-align:center; overflow:hidden;}
/*content-body*/
#content-pack2 #content-body	{width:500px;  position:relative; top:141px; left:200px;  text-align:center; overflow:hidden;}
#content-pack3 #content-body	{width:500px;  position:relative; top:141px; left:200px;  text-align:center; overflow:hidden;}

/*content-body*/
#content-home #content-body		{width:700px; height:80px; position:relative; top:330px; left:0px; padding:0px; margin:0px;  text-align:center; overflow:hidden;font-size:1.4em;}

/*content-body*/
#content-resources #content-body {width:650px;  position:relative;left:34px; top:108px; overflow:hidden;font-size:1.6em;}

/*content-body*/
#content-terms #content-body {width:650px;  position:relative;left:15px; top:25px; overflow:hidden;}

/*content-body*/
#content-shop #content-body {width:750px;  position:relative;top:175px; overflow:hidden;font-size:1.6em;}


/*footer*/
#footer					{width:822px; height:40px; margin:auto; padding:0px;}
#footer-left			{width:36px; height:100%; background:url(../images/shadow_left_infinitebottom.jpg) repeat-y ; float:left;   }
#footer-right			{width:36px; height:100%; background:url(../images/shadow_right_infinitebottom.jpg ) repeat-y ; float:right;}
#footer-nav				{width:750px; height:100%; margin:auto; background:#76ad38; float:left; padding:0px;font-size:1.2em; text-align: center; }
#siop-footer-nav		{width:750px; height:100%; margin:auto; background:#dadab6; float:left; padding:0px;font-size:1.2em; text-align: center; }
#footer ul 				{display:inline; padding:0px; margin:0px;}
#footer li, #footer a 	{display:inline;list-style:none;padding:3px; color:#e2fcc5; text-decoration:none}
#footer a:hover 		{color:#fcff06; text-decoration:underline;}
#siop-footer-nav a:hover{color:#78802d;}
#siop-footer-nav a		{color:#630;}
#myContent 				{float:left; margin-left:15px; width:275px; height:326px;}
#myText					{float:left; margin-left:15px; width:150px; height:326px;font-size:1.4em; text-align:left;}

