/* CSS Document*/

body{
	min-width:610px;
	padding: 0;
	margin: 10px;
	background: url(../images/bg_grad.jpg) repeat-x top;
	font-family : verdana, sans-serif; 
    color : #333333;
}

h1, h2{
	text-align:center;
	color:#9932CC;
	}
	
h2{
	color:#DA70D6;
	}

h3{
	color:#CC00FF;
	font-size:90%;
	}

h2.left{
	text-align:left;
	}

p{
	line-height:1.5em;
	text-align:justify;
	}
	
a:link {
	color:#0000FF;
	text-decoration:underline;
}

a:visited {
	color:#999999
}

a:hover { 
  color: #9900FF; 
  text-decoration : underline; 
}

ul.nice{
	margin-left:20px;
	padding-top:10px;
	line-height:1.5em;
	list-style-image:url(../images/flower_sml.jpg);
	color:#990000
}

ul.small{
	color:#0000CC; 
	font-size:90%;
	line-height:1.5em;
}

ul.small01{
	line-height:1.5em;
	margin-left:30%
}

ul.small01 ul{
	list-style-position:inside
}

#container{
	max-width:60em;
	margin:0px auto 0px auto;
	position:relative;
	background-color: #FFFFFF;
}

#head{
	height:100px;
	margin:0px auto 0px auto;
	position:relative;
	background: url(../images/bg.gif) repeat-x bottom;

}

#text{
	top:2px;
	left:10px;
	width:600px;
	height:70px;
	position:absolute;
	background-image:url(../images/textb2.gif);
	z-index:2;
}

.content{
	text-align:left;
	margin-top:20px;
	margin-left:30%;
	padding:0 10px 0 20px;
	font-family:Chalkboard, Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.content pre{
	text-align:left;
	line-height:1.3em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-left:0;
	}


#nonav{
	margin-left:0;
	}
	
#nonav pre{
	padding-left:200px;
	}


#tl{
	background-image: url(../images/tl.gif);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	left:0px;

}

#tr{
	background-image: url(../images/tr.gif);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}

* html #tr{
	right:-1px;
}


#foot{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#foot ul {
	font-size:60%;
	list-style: none;	
	border-top:1px solid #765;
	border-bottom:0;

}

#foot ul li {
	float:right;
	padding:2px 6px;
	}

#foot a {
	/* IE hack makes all elements inline */
	float:left;
    color:#000;
    text-decoration:none;
    }

#foot a:hover {
    color:#666;
    }
	
.smallbox{
	position:absolute;
	padding:10px 10px 10px 10px;
	color:#CC0066; 
	background-color:#FFCCFF;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	border-right-style:solid;
	border-right-color:#666666;
	border-right-width:1px;


	}
	
.leftbox{
	width:60%;
	}

.sb-tl{
	background-image: url(../images/rb-tl.gif);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	left:0px;

}

.sb-tr{
	background-image: url(../images/rb-tr-sh.gif);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	right:-1px;
}
/* Tan hack */
*html .sb-tr{
	right:-2px;
}


.sb-bl{
	background-image: url(../images/rb-bl-sh.gif);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	bottom:-1px;
	left:0px;

}

.sb-br{
	background-image: url(../images/rb-br-sh.gif);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	bottom:-1px;
	right:-1px;
}