/* JOC Homepage CSS Document */

body 
{
	font-family: "Century Gothic";
	font-size:14px;
	color:#7b297c;
}

img
{
	border:0px;
}

#page 
{
	margin: 0px auto;
	position: relative;
	width:1024px;
	height:715px;
	background-image: url(images/home_bk.jpg);
}

#menu_top
{ 
	width:468px;
	position:absolute;	
	left:250px;
	top:65px;
}

#logo
{
	width: 295px;
	height: 356px;
	position:absolute;
	top:1px;
	left:1px;
}




#contents
{
	width:475px;
	position:absolute;
	top:154px;
	left:237px;
	z-index:1;
}

#contents_title
{
	color:#7b297c;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}

#contents_body
{
	margin-top:10px;
}

#sub_menu
{
	color:#ffffff;
	font-size:12px;
	position:absolute;
	top:601px;
	left:235px;
	width: 477px;
	z-index:0;
}
#sub_menu a:visited 
{
	text-decoration: none;
	color: #ffffff;
}

#sub_menu a:hover 
{
	text-decoration: none;
	color: #7a287b;
	text-decoration:underline;
}

#sub_menu a:link
{
	text-decoration: none;
	color: #ffffff;
}

#sub_menu a:active 
{
	color: #ffffff;
}


#login
{
	width:166px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7b297c;
	text-align:center;
	position:absolute;
	top:335px;
	left:19px;
	height: 195px;
}

#login a:visited 
{
	text-decoration: none;
	color: #7b297c;
}

#login a:hover 
{
	text-decoration: none;
	color: #d5adcf;
	text-decoration:underline;
}

#login a:link
{
	text-decoration: none;
	color: #7b297c;
}

#login a:active 
{
	color: #7b297c;
}

#copyright
{
	width:166px;
	/*height:90px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	text-align:center;
	position:absolute;
	top:500px;
	left:20px;
}

#copyright a:visited 
{
	text-decoration: none;
	color: #555555;
}

#copyright a:hover 
{
	text-decoration: none;
	color: #d5adcf;
	text-decoration:underline;
}

#copyright a:link
{
	text-decoration: none;
	color: #555555;
}

#copyright a:active 
{
	color: #555555;
}

#menu_bottom
{ 
	width:485px;
	height:40px;
	position:absolute;
	left:191px;
	top:650px;
}