@charset "UTF-8";
/* CSS  */
/* Codename Charityhelps */
/* Author Nitesh Bhatia */

/* global */
html{height: 100%;}

body
{
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 0.68em;
	background-position:center;
	background-color:#666666;

	margin-left:auto;
	margin-right:auto;
}

p
{
	margin: 0px;
  	padding: 0px 0px 16px 0px;
  	line-height: 0.1em;
}
tr.shade { background-color:#F4F4F4; }
h1
{ 
	font-family: arial, sans-serif;
  	letter-spacing: .1em;
}

h2
{ 
	margin: 0px;
  	padding: 0px 0px 4px 0px;
  	font-size: 100%;
}

/*img{border: 0px;}*/

a
{
	color:#0088CC;
}
a:link, a:visited, a:active 
{
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
}

/* ------------------------------------------- */

/* header */
#header
{
	width: 1015px;
	height: 50px;
	background:#000000;
	background-image:url(../images/header.jpg);
	margin-left:auto;
	margin-right:auto;
}

#field_search
{
	border:none;
}

#apDiv2 
{
	position:absolute;
	width:60px;
	height:225px;
	z-index:1;
	left: 255px;
	text-align:left;
	top: 55px;
	border-color: #666666;
}

#apDiv3 
{
	position:absolute;
	width:795px;
	height:225px;
	z-index:1;
	left: 315px;
	text-align:left;
	top: 55px;
	border: 1px solid #999999;
}
/*SubPage*/
#apDiv4 
{
	position:absolute;
	width:60px;
	height:998px;
	z-index:1;
	left: 250px;
	text-align:left;
	margin-top: 30px;
	top: 55px;
	border-color: #666666;
}
#apDiv5  
{
	position:absolute;
	width:795px;
	height:auto;
	/*min-height:1025px;*/
	z-index:1;
	left: 320px;
	text-align:left;
/*	padding-left: 5px;*/
	top: 55px;
	border: 1px solid #999999;
}
#apDiv5_reg  
{
	position:absolute;
	width:795px;
	height:auto;
	z-index:1;
	left: 320px;
	text-align:left;
/*	padding-left: 5px;*/
	top: 55px;
	border: 1px solid #999999;
}
#box
{
	position:absolute;
	width: 790px;
	height: 20px;
	border-top: 5px solid #000000;
	background:#CCCCCC;
	padding-top: 2px;
	padding-left: 5px;
}






#container-1
{
	position:absolute;
	width: 635px;
	margin-left:10px;
	top: 300px;
}

#container-1_content
{
	position:absolute;
	width: 564px;
	border-color:#666666;
	margin-left:10px;
	height: 790px;
	top: 346px;
	margin-top: 5px;
	border: 1px solid #666666;
	padding: 5px;
}

#container-1_options
{
	position:absolute;
	width: 58px;
	border-color:#666666;
	margin-left:0px;
	height: 800px;
	top: 346px;
	left:710px;
	margin-top: 5px;
	border: 1px solid #2B2B2B;
	border-left: 1px solid #666666;
	text-align:center;
}

#container-2
{
	position:absolute;
	width: 342px;
	margin-left:10px;
	left:775px;
	top: 300px;
}

#container-2_content
{
	position:absolute;
	width: 340px;
	margin-left:10px;
	height: 800px;
	top: 346px;
	left: 775px;
	margin-top: 5px;
	border: 1px solid #666666;
}

#container-2_content_picture_box
{
	position:relative;
	width: 76px;
	height: 110px;
	margin-left: 2px;
	margin-top: 2px;
	border: 1px solid #666666;
	background-color:#EEEEEE;	
}

#container-2_content_picture_box_picture
{
	width: 70px;
	height: 85px;
	background-color:#DDDDDD;
	margin-left: 3px;
	margin-top: 3px;
	/*background-image:url(../images/default_friend_pic.jpg);*/
}

#container-2_content_picture_box_text
{
	position:relative;
	width: 70px;
	height: 15px;
	margin-left: 3px;
	margin-top: 3px;
	text-align:center;
}

#container-2_content_small_picture_box
{
	position:relative;
	width: 40px;
	height: 50px;
	margin-left: 1px;
	margin-top: 1px;
	border: 1px solid #999999;
	background-color:#EEEEEE;	
}

/* main container */
#main
{
	width: 1015px;
	height:1110px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-y;
}
#main_full
{
	width: 1015px;
	height:1310px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-y;
}
#box_text 
{
	PADDING-LEFT: 5px;
	BACKGROUND: #cccccc;
	PADDING-TOP: 2px;
	HEIGHT: auto;
}
#main_login
{
	width: 1015px;
	height:550px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-y;	
}

/* picture container */
#table_pic
{
	width: 130px;
	height: 240px;
	border:thin;
	border-color:#666666;
	margin-left:10px;
	text-align:center;	
}

#box_pic
{
	
	margin:5px;
	height:120px;
	width: 100px;
	border: 1px solid #666666;
}

/* footer */
#footer
{ 
  	width: 1015px;
	height:27px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	text-align:center;	
	padding-top:5px;
}