body {
margin: 0px;
padding: 0px;
width: 1002px;
background: #53c4ff url(http://www.geocities.com/rayandneela/images/body.png) repeat-y;
}

#container {
width: 800px; 
background: #FFF url(http://www.geocities.com/rayandneela/images/background.jpg) repeat-y;
margin: 0px auto;
padding: 0px;
}

#header {
width: 100%;
height: 236px; 
background: #FFF url(http://www.geocities.com/rayandneela/images/header01.jpg) no-repeat;
}

#menu {
width: 100%;
height: 50px;
}
#menu var {
visibility: hidden; 
}
#menu a {
text-decoration: none;
display: block;
float: left;
height: 50px;
}
a.one {
width: 144px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat 0px 0px;
}
a.two {
width: 113px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -144px 0px;
}
a.three {
width: 108px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -257px 0px;
}
a.four {
width: 96px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -365px 0px;
}
a.five {
width: 92px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -461px 0px;
}
a.six {
width: 99px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -553px 0px;
}
a.seven {
width: 148px;
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -652px 0px;
}

a:hover.one {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat 0px -50px;
}
a:hover.two {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -144px -50px;
}
a:hover.three {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -257px -50px;
}
a:hover.four {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -365px -50px;
}
a:hover.five {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -461px -50px;
}
a:hover.six {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -553px -50px;
}
a:hover.seven {
background: url(http://www.geocities.com/rayandneela/images/menu.jpg) no-repeat -652px -50px;
}


#main {
margin-top: -10px;
width: 100%;
clear: both;
}


#head {
background: #FFF url(http://www.geocities.com/rayandneela/images/head.jpg) no-repeat; 
height: 6px;
margin: 0px 45px;
}


#text {
float: left;
display: inline; 
width: 525px;
margin-left: 20px;
margin-right: 10px;
}


#text p {
background: url('') repeat; margin-left: 27px;
font: 10px Verdana;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}

b { 
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	color: #5F04B4;
}

a {
cursor: crosshair;
}

#text a {
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	color: #7401DF;
}
#text a:hover {
text-decoration: none;
color: #5F04B4;
background-color: #F5EFFB;
}


h1 {
margin-left: 27px;
border: 1px dotted #53c4ff;
}
#text h1 {
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 4px; 
	color: #53c4ff;
	padding-left: 10px;
text-align: center;
}


h2 {
margin-left: 27px;
border: 1px dotted #53c4ff;
}
#text h2 {
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 4px; 
	color: #53c4ff;
	padding-left: 20px;
}


h3 {
margin-left: 27px;
border: 1px dotted #53c4ff;
}
#text h3 {
margin-top: 10px;
margin-bottom: 30px;
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 7px;
	text-transform: uppercase;
	letter-spacing: 2px; 
color: #53c4ff;
text-align: right; 
padding-right: 15px;
}


#sidebar {
float: right;
display: inline; 
width: 202px;
margin-left: 0px;
margin-right: 43px;
margin-top: -6px;
}

#sidebar h4 {
	margin-right: 10px;
	border: 1px dotted #FF00FF; 
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px; 
	color: #FF00FF;
	text-align: center;
}
#sidebar p {
	background: url('') repeat-y;
	margin-right: 10px;
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	color: #000000;
	padding: 0px 10px;
}
#sidebar a {
	text-decoration: none;
	color: #01DF01;
}
#sidebar a:hover {
	text-decoration: none;
	color: #04B404;
	background-color: #E0F8E0;
}
#sidebar ul {
	background: url('') repeat-y;
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
}
#sidebar ul.subpages {
	padding-left: 10px;
	margin-right: 10px;
	list-style: none;
}
#sidebar ul li a, #sidebar ul li {
	text-decoration: none;
	color: #01DF01;
}
#sidebar ul li a:hover {
	background-color: #E0F8E0;
	color: #04B404;
}
#sidebar text ul.subpages {
	background: url('') repeat;
	font: 11px Verdana;
	color: #000000;
}

#sidebar text ul li a, #sidebar ul li {
	text-decoration: none;
	color: #01DF01;
}
#sidebar text ul li a:hover {
	background-color: #EFEFFB;
	color: #5F04B4;
}

#list {
text-decoration: none;
}
#list ul.season {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: decimal-leading-zero;
}
#list ul {
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
text-decoration: none;
}
#list ul li a, #list ul li {
	text-decoration: none;
	color: #7401DF;
}
#list ul li a:hover {
text-decoration: none;
	color: #5F04B4;
	background-color: #F5EFFB;
}
#list text a {
	color: #7401DF;
text-decoration: none;
}
#list text a:hover {
text-decoration: none;
	color: #5F04B4;
	background-color: #F5EFFB;
}


blockquote {
background: url('') repeat-y; 
margin: 10px 20px 10px 40px;
}
#text blockquote {	
padding: 5px;
border: dashed 1px #D0A9F5;
text-align: justify;
font: 9px Verdana; 
color: #000000; 
}



#footer {
width: 200px;
clear: both; 
padding-bottom: 5px;
float: right; 
}
#footer {
font: 10px Tahoma;
color: #000;
}