/*------------------------- OVERALL -------------------------*/

  HTML
	{	height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px; }

  BODY
	{	height: 100%;
		text-align: center;
		background-color: #F5F5F8;
		font-size: 10pt;
		letter-spacing:0px;
		color: #666666; }		

  TABLE, TR, TD, INPUT, TEXTAREA,Select
	{	font-size: 10pt;
		letter-spacing:0px;
		color: #666666; }		

	
/*box*/	
	div#container{
	 margin: 0px auto;
	 width: 794px;
	 height: 100%;
	 background: url(image/bg.jpg) repeat-y center;
    position:	relative;
	 min-height: 100%;
	}
	
	body > #container {
    height: auto;
	}

	div#main{
    padding-bottom:60px;
	 background-color: White;
	 width: 760px;
	}
	#foot{
	background-color: White;
	 position: absolute;
	 left: 17px;
    bottom: 0px;
    height: 46px;
    width: 760px;
	}

/*rollover02*/	
	#login{
    width: 150px;
	 height:50px;	
	 background: url(image/loginbutton.jpg) no-repeat;
	 padding: 0px 0 0 0px;
	 margin: 0 0 0 0px;
	 }
	#login ul{
	 padding: 0px 0 0 0px;
 	 margin: 0 0 0 0px;
	 }
	#login li{
	 display: inline;
    list-style-type:none;
	}
	#login li a{
   width: 150px;	
	height:50px;
	display: block;
	float: right;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
	}

/*------normal*/
	#login li.button a{
	 background: url(image/loginbutton.jpg) no-repeat 0px 0px;
	 height:50px;
	}
/*------hover*/			
	#login li.button a:hover{
	 background: url(image/loginbutton.jpg) no-repeat 0px -50px;
	}

	
/*rollover03*/	
	#member{
    width: 300px;
	 height:120px;	
	 background: url(image/memberbutton.jpg) no-repeat;
	 padding: 0px 0 0 0px;
	 margin: 0 0 0 0px;
	 }
	#member ul{
	 padding: 0px 0 0 0px;
 	 margin: 0 0 0 0px;
	 }
	#member li{
	 display: inline;
    list-style-type:none;
	}
	#member li a{
   width: 300px;	
	height:120px;
	display: block;
	float: right;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
	}

/*------normal*/
	#member li.memberbutton a{
	 background: url(image/memberbuttonroll.jpg) no-repeat 0px 0px;
	 height:120px;
	}
/*------hover*/			
	#member li.memberbutton a:hover{
	 background: url(image/memberbuttonroll.jpg) no-repeat 0px -120px;
	}
	
	
/*rollover04*/	
	#heartclub{
    width: 300px;
	 height:120px;	
	 background: url(image/heartclubbutton.jpg) no-repeat;
	 padding: 0px 0 0 0px;
	 margin: 0 0 0 0px;
	 }
	#heartclub ul{
	 padding: 0px 0 0 0px;
 	 margin: 0 0 0 0px;
	 }
	#heartclub li{
	 display: inline;
    list-style-type:none;
	}
	#heartclub li a{
   width: 300px;	
	height:120px;
	display: block;
	float: right;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
	}

/*------normal*/
	#heartclub li.heartclubbutton a{
	 background: url(image/heartclubbuttonroll.jpg) no-repeat 0px 0px;
	 height:120px;
	}
/*------hover*/			
	#heartclub li.heartclubbutton a:hover{
	 background: url(image/heartclubbuttonroll.jpg) no-repeat 0px -120px;
	}	

	
	
	
	
/*header*/	
	.header
	{	font-size: 8pt;
		color: #999999;
 	 	text-decoration: none;
	}
/*footer*/	
	.copyright
	{	font-size: 9pt;
		color: #666666;
 	 	text-decoration: none;
	}

/*textlink*/	
  A:link, A:active, A:visited
	{	font-size: 10pt;
		color: #333366;
 	 	text-decoration: underline;
	}
  A:hover
	{	font-size: 10pt;
		color: #336699;
		text-decoration: none;
	}

  A.whitemenu:link, A.whitemenu:visited
	{	font-size: 10pt;
		color: #ffffff;
		font-weight: bold;
 	 	text-decoration: underline;
	}

  A.greenmenu:link, A.greenmenu:active, A.greenmenu:visited
	{	font-size: 10pt;
		color: #339966;
 	 	text-decoration: underline;
	}
  A.greenmenu:hover
	{	font-size: 10pt;
		color: #339966;
		text-decoration: none;
	}

  A.redboldtext:link, A.redboldtext:active, A.redboldtext:visited
	{	font-size: 10pt;
		color: #ff0000;
		font-weight: bold;
 	 	text-decoration: underline;
	}
  A.redboldtext:hover
	{	font-size: 10pt;
		color: #ff0000;
		font-weight: bold;
		text-decoration: none;
	}

  A.redboldbigtext:link, A.redboldbigtext:active, A.redboldbigtext:visited
	{	font-size: 11pt;
		color: #DD0000;
		font-weight: bold;
 	 	text-decoration: underline;
	}
  A.redboldbigtext:hover
	{	font-size: 11pt;
		color: #DD0000;
		font-weight: bold;
		text-decoration: none;
	}

  A.smalltext:link, A.smalltext:active, A.smalltext:visited
	{	font-size: 8pt;
		color: #333366;
 	 	text-decoration: underline;
	}

  A.smalltext:hover
	{	font-size: 8pt;
		color: #336699;
		text-decoration: none;
	}

/*text*/	
	.stext
	{	font-size: 8pt;
		color: #666666;
 	 	text-decoration: none;
	}
	.btext
	{	font-size: 10pt;
		color: #666666;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.bigbtext
	{	font-size: 14pt;
		color: #666666;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.bluetext
	{	font-size: 10pt;
		color: #003366;
 	 	text-decoration: none;
	}
	.blueboldtext
	{	font-size: 10pt;
		color: #003366;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.blueboldbigtext
	{	font-size: 12pt;
		color: #003366;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.bluetext2
	{	font-size: 10pt;
		color: #0066cc;
 	 	text-decoration: none;
	}
	.blueboldtext2
	{	font-size: 10pt;
		color: #0066cc;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.greentext
	{	font-size: 10pt;
		color: #1B8D14;
 	 	text-decoration: none;
	}
	.greenboldtext
	{	font-size: 10pt;
		color: #1B8D14;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.redtext
	{	font-size: 10pt;
		color: #ff0000;
 	 	text-decoration: none;
	}
	.redboldtext
	{	font-size: 10pt;
		color: #ff0000;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.redboldbigtext
	{	font-size: 12pt;
		color: #ff0000;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.whitetext
	{	font-size: 10pt;
		color: #ffffff;
 	 	text-decoration: none;
	}
	.whiteboldtext
	{	font-size: 10pt;
		color: #ffffff;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.whiteboldbigtext
	{	font-size: 12pt;
		color: #ffffff;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.pinkboldtext
	{	font-size: 10pt;
		color: #ff3366;
		font-weight: bold;
 	 	text-decoration: none;
	}
	.indenttext
	{	font-size: 10pt;
		color: #666666;
		text-indent: 10em;
 	 	text-decoration: none;
	}