@charset "UTF-8";
/* CSS Document */

body {
	background-color:#CCCCFF;
	background-image: url(../images/CRACKLE2.JPG);
	background-attachment:fixed;
}
p {
	font-weight: bold;
}

h1 {
	color: #000000;
}
h2 {
	color: #000000;
}
h3 {
	color: #000000;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #99FF99;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.style1 {color: #FFFFFF}
.style2 {color: #000000}
.style6 {font-size: smaller}
 
#menu a, 
#menu a:visited { 
text-decoration : none;
text-align : center;
background-color : #9999CC;
color : #333399;
display : block;
width : 9em;
height : 1.5em;
border : 4px solid #633a1a;
border-color : #000 #fff #555 #333;
padding : 0.25em;
margin : 0.5em auto;
} 

#menu a:hover { 
top : 2px;
left : 2px;
color : #99ff99;
border-color : #333 #000 #fff #555;
}  
ul {
list-style-type: circle;
}
#topsection { 
background : #000000;
height : 46px;
} 

#topsection h1 { 
margin : 0;
padding-top : 0;
} 
ul {
list-style-type: circle;
}
.glossymenu { 
padding : 0 0 0 34px;
margin : 0 0 0 0;
background : url(../images/blue3.jpg) repeat-x;
height : 46px;
list-style : none;
} 

.glossymenu li { 
float : right;
} 

.glossymenu li a { 
float : left;
display : block;
color : #000;
text-decoration : none;
font-family : sans-serif;
font-size : 13px;
font-weight : bold;
padding : 0 0 0 16px;
height : 46px;
line-height : 46px;
text-align : center;
cursor : pointer;
} 

.glossymenu li a b { 
float : left;
display : block;
padding : 0 24px 0 8px;
} 

.glossymenu li.current a, .glossymenu li a:hover { 
color : #ffffff;
background : url(../images/menub_hover_left2.gif) no-repeat;
background-position : left 0%;
} 

.glossymenu li.current a b, .glossymenu li a:hover b { 
color : #ffffff;
background : url(../images/menub_hover_right2.gif) no-repeat right top;
}