


body { 
	background: url(../images/bkg1.gif);
	background-repeat: repeat; 
	height: auto;
	text-align: center;
	font-family: verdana;
	font-size: 100%;
	line-height: 200%;
	color: #62652a;
	}

#container { 
	background: url(../images/css.jpg);
	background-repeat: no-repeat;
	background-color: white;
	width: 1024px;
	height: 1150px; 
	text-align: center;
	margin: -9px auto;
	z-index:-1;
	}
	
#menu a {
   position: relative;
   height: 168px;
   width: 345px;
   text-decoration: none;
   font-size:xx-large;
   line-height:102%;
   }

#menu a i { visibility: hidden; }

a#home { left: 10px; }


#logo{
	text-align:left;
	position:relative;
	left: -11px;
	top:38px;
	z-index: 1;
	width: 345px; 
	height: 168px;
	}

#coaster 	{
	text-align:center;
	position:relative;
	left: 815px;
	top: -185px;
	width: 209px;
	height:209px;
	font-size: 83%;
	line-height:105%;
	z-index: 2;
	}

#links{
	background-color: #9ed2b6;
	text-align:left;
	position:relative;
	left: 2px;
	top:-190px;
	z-index: 1;
	width: 199px; 
	height: 660px;
	}

	
#nav	{
	text-align:center;
	position:relative;
	top:98px;
	left:80px;
	color:#000000;
	}


	


/* iframe */
#movie {
	text-align:right;
	position: relative;
	width: 753px; 
	height: 200px;
	left: 201px;
	top: -935px;
	z-index:0;
	clear:left;
	}
	

	
p	{
	font-size: 95%;
	font-weight: normal;
	line-height: 155%;
	color: black;
}


b	{
	font-size: 100%;
	letter-spacing: 0px;
}


p.head {
	line-height: 200%;
	font-size: 95%;
	color: black;
	}
	
table	{
	font-size: 11px;
	
	}
	
#bannerimage {height:200; margin:0px;	}
	
	
#bannerimage img 	{
	float:left; 
	margin:3px 10px 0px 3px;
	}	

#logo img 	{
	float:left; 
	margin:3px 10px 0px 3px;
	}	

	
.class1 A:link {text-decoration: none; color:#3333CC}
.class1 A:visited {text-decoration: none; color: #2A6991}
.class1 A:active {text-decoration: none; color:#000000}
.class1 A:hover {text-decoration: underline; color:orange}

.class2 A:link {text-decoration: none; color: #3333CC}
.class2 A:visited {text-decoration: none; color: #2A6991}
.class2 A:active {text-decoration: none; color: #1e6ad8}
.class2 A:hover {text-decoration: underline; color:#ef941d}



.treemenu {
	margin-left: -20px;
	font-size: 75%;
	font-weight: normal;
	line-height: 170%	
}

.treenode{
	list-style:none;
	}


.treemenu A {
	padding-left :14px;
	text-decoration:none;
	font-size:100%;
	font-weight:normal;
	line-height:190%; 

}

.treemenu h2 {
	padding-left :14px;
	text-decoration:none;
	font-size:98%;
	font-weight:normal;
	line-height:110%; 
	color: #666666;

}

.treemenu h3 {
	padding-left :14px;
	font-size:98%;
	margin-top:-7px;
	margin-bottom:6px;
	font-weight:normal;
	line-height:110%; 
	
}



.treemenu .treeopen {
	background-image : url(../images/carot_open.png);
	background-repeat : no-repeat;
	background-position : left;
}		

.treemenu .treeclosed {
	background-image : url(../images/carot_closed.png);
	background-repeat : no-repeat;
	background-position : left;
}

.sub	{
	margin-left: -25px;
	background-image: url(../images/carot.png);
	background-repeat : no-repeat;
	background-position : left;
	list-style:none;
	line-height:110%; 
	}
	

.tree{
	background-image: url(../images/carot.png);
	background-repeat : no-repeat;
	background-position : left;
	list-style:none;

	}
	
.tree1{
	background-image: url(../images/carot.png);
	background-repeat : no-repeat;
	background-position : left;
	list-style:none;

	}



#quotes p 	{	color: #2A6991;
            font-size:14px;
			font-style:italic;
			font-weight:400;
	font-family:"Comic Sans MS", Tahoma, Georgia, "Times New Roman", Times, serif;

	}

#quotes .img1 	{ text-align:left; margin-top:-14px; 

	}
	


#quotes .img2 	{ text-align:right; margin-left:160px; margin-top:-20px; 
	}
	



#container1 {
	position: absolute;
	left: -3px;
	z-index: 6;
	width: 500px
	top: 0px;
	height:870px;
	margin: 0px;
	padding: 0px;
	
	}
	
	#subcontainer {
	margin: 8px;
	padding: 8px;
	text-align: left;
	font-family: verdana;
	font-size: 100%;
	line-height: 200%;
	color: #000000;
	clear:left;
	}
	
	#subcontainer h1	{
	color: #e47202;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-stretch:extra-expanded;
	}
	
		#subcontainer h2	{
	color: #e47202;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-stretch:extra-expanded;
	}
	
	
	
	#maincontent {
	margin: 5px;
	padding-right: 10px;
	padding-left: 10px;
	overflow:auto; 
	height:610px; 
	text-align: left;
	font-family: verdana;
	font-size: 100%;
	line-height: 200%;
	color: #000000;
	}

	
	
	
	#maincontent p {
	font-size: 11px;
	font-weight: normal;
	line-height: 200%
	}
	

	



#maincontent p.sublinks{
	font-size: 11px;
	font-weight: normal;
	line-height: 200%	
	}

#maincontent ul{
	font-size: 11px;
	font-weight: normal;	
	}

#maincontent img 	{
	margin:5px 5px 5px 5px;
	}
	
#maincontent a:link{
	color: #0881b4
	}

#maincontent a:visited {
	color: #455660
	}

#maincontent a:hover {
	color: #455660
	}

#maincontent a:active {
	color: #e97300
	}

#maincontent th {
	text-align:center;
	}
	
#maincontent td {	
	vertical-align:top;
	}

#maincontent ul.nobullet	{
	list-style:none;
	}
	
	#dropcontentsubject{
width: 500px;
font-weight: bold;
margin-top: -10px;
padding-top: -10px;
}

.dropcontent{  margin-bottom: -7px; padding-bottom: -7px;
}
	