﻿

BODY {
scrollbar-face-color: #f0f0e8;
scrollbar-shadow-color: #cccccc;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #f0f0e8;
scrollbar-arrow-color: #000000;

}
               
a:link       { text-decoration: none; color: #000000; font-size:11px; font-family: Verdana}
a:visited    { text-decoration: none; color: #333333; font-size:11px; font-family: Verdana}
a:hover      { text-decoration: none; color: #FF0000; font-size:11px; font-family:Verdana}
a:active     { font-family: Verdana; font-size:11px; text-decoration: none; color: #FF0000}
li           { color: #FF0000 }
td           { font-family: Verdana; font-size:11px; align:left; font-color: #888888;

}
p { font-family: Verdana; font-size:11px; align:left; font-color: #888888;

}


.td8         {background-color: #F9F9F9; font-size: 11px}


h1           {font-size: 18px; font-weight: 800}
h2           {font-size: 11px; font-weight: 800}
h3           {font-size: 11px; font-weight: 400}

input  {background-color: #F0F0F0; 
}
select {
background-color: #F0F0F0;
}

textarea {
background-color: #F0F0F0;
}



.shadow {
border-radius:10px;

	-moz-box-shadow: 3 3 10px #888;
	-webkit-box-shadow: 3 3 10px #888;

background: #fff;
box-shadow: 3px 3px 10px #999;
behavior: url(PIE/PIE.htc);	

 }

				



.menu {
				cursor: hand;
				cursor: point;
				display: block;
				width: 147px;
				padding: 10px;
				text-align: left;
				border-radius: 5px;
				-moz-box-shadow: 3 3 10px #888;
				-webkit-box-shadow: 3 3 10px #888;
			
background: #fff;
box-shadow: 3px 3px 10px #999;
behavior: url(PIE/PIE.htc);	

				

}


.menu:hover {
cursor: hand;
display: block;
width:147px;
padding: 10px;
text-align: left;
border-radius:5px;
	-moz-box-shadow: 3 3 5px #888;
	-webkit-box-shadow: 3 3 5px #888;

background: #fff;
box-shadow: 3px 3px 5px #999;
behavior: url(PIE/PIE.htc);	

}

.shadowBut {
cursor: hand;
display: block;
width:180px;
padding: 20px;
text-align: left;
border-radius:10px;

	-moz-box-shadow: 3 3 10px #888;
	-webkit-box-shadow: 3 3 10px #888;
background: #fff;
box-shadow: 3px 3px 10px #999;
behavior: url(PIE/PIE.htc);	
}

.shadowBut:hover {
cursor: hand;
display: block;
width:180px;
padding:20px;
text-align: left;
border-radius:10px;
	-moz-box-shadow: 3 3 6px #888;
	-webkit-box-shadow: 3 3 6px #888;
background: #fff;
box-shadow: 3px 3px 6px #999;
behavior: url(PIE/PIE.htc);	


}

.back_button {
cursor: hand;
align:right;
display: block;
width:180px;
padding: 20px;
text-align: left;
border-radius:10px;
box-shadow:3px 3px 10px #888;
	-moz-box-shadow: 3 3 10px #888;
	-webkit-box-shadow: 3 3 10px #888;
	
	behavior: url(PIE/PIE.htc);
	background: url('http://www.torontoid.com/ar_nb.gif') no-repeat right 50%;
}
	
	.back_button:hover {
	cursor: hand;
display: block;
width:180px;
padding: 20px;
text-align: left;
border-radius:10px;
box-shadow:3px 3px 6px #888;
	-moz-box-shadow: 3 3 6px #888;
	-webkit-box-shadow: 3 3 6px #888;
	
	behavior: url(PIE/PIE.htc);
	background: url('http://www.torontoid.com/ar_hb.gif') no-repeat right 50%;
}
	
	
	
	
#wrapper {
	width: 800px;
	align:center;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 800px;
	float: center;
	padding:10px;
	border-bottom: 0.5px solid #c0c0c0;
	cursor: pointer;
	font-family: Verdana; font-size:11px; align:left; font-color: #888888;
	border-radius:10px;

	-moz-box-shadow: 3 3 10px #888;
	-webkit-box-shadow: 3 3 10px #888;
box-shadow: 3px 3px 10px #888;	
	background: #fff;
	behavior: url(PIE/PIE.htc);

	
	}
	
.accordionContent {	
	width: 780px;
	float: center;
	padding: 20px;
	text-align:justify;
	border-radius:10px;
	box-shadow: 3px 3px 10px #888;
	-moz-box-shadow: 3 3 10px #888;
	-webkit-box-shadow: 3 3 10px #888;
	background: #fafafa;
		behavior: url(PIE/PIE.htc);
font-family: Verdana; font-size:11px; align:left; font-color: #888888;	
	}
