/*******************************\
||   font family                 ||
/*******************************/

p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}


h1 {font-size:145%;color:#001655;}
h2 {font-size:130%;color:#001655;}
h3 {font-size:100%;color:#001655;}
h4 {font-size:80%;color:#001655;}
h5 {font-size:73%;color:#001655;}
p {font-size:120%;color:#001655;text-align:justify;}
strong {font-size:130%;color:#001655;} 

/***************************************\
|| body background color/scrollbar     ||
/***************************************/

body
{
background-color:#001655;

scrollbar-3d-light-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#adff2f;
scrollbar-dark-shadow-color:#000000;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#001655;
scrollbar-shadow-color:#000000;
}



/********************************\
||   color comes before image   ||
/********************************/
a:link {color:#003399;}    /* unvisited link */
a:visited {color:#800080;} /* visited link */
a:hover {color:#ff3300;}   /* mouse over link */


/************************************\
||  hr specifications                ||
/*************************************/

.hr1{
    display: block; height: 5px;
    border: 0; border-top: 1px solid #ccc;
    padding: 0;
	color:gold;
	background-color:gold;
	margin-left:11%; 
    margin-right:11%;
	width: 78%;
	
}

.hr2
{
    display: block; height: 5px;
    border: 0; border-top: 1px solid #ccc;
    padding: 0;
	color:gold;
	background-color:gold;
	margin-left:21%; 
    margin-right:21%;
	width: 58%;
	
}


.hr3
{
	background-image:url('/images/bar1.gif');
    border-radius:7px;
	display:block;
    border:none;
    height:12px;
/*    display: block; height: 5px;
    border: 0; border-top: 1px solid #ccc;
    padding: 0;
	color:gold;
	background-color:purple;*/
	margin-left:auto; 
    margin-right:auto;
	width: 77%;
	
}

.hr4 
{
    border-bottom: 3px solid gold;
    box-shadow: 0 3px 0 red;
	margin-left:11%; 
    margin-right:11%;
	width: 78%;
	}
/************************************\
||  link specifications              ||
/*************************************/
header{
	font: serif;
	font-size:140%;
	color:#001655;
	
	margin-left: 5%;
}




section{

}

article{
	margin-right: 5%;
	margin-left: 5%;
}

footer{

}
p
{
	text-align:justify;
	font-size:120%;
	margin-right: 5%;
	margin-left: 5%;
	color:#001655;
	}

.p1
{
	text-align:center;
	font-size:125%;
	color:#001655;
	}

.p2
{   
/*	bread crumbs*/
	font-size:73%;
	text-align:left;
	}
.p3
{  
/*	 footer*/
	font-size:99%;
	text-align:center;
	}
.div1
{
	text-align:center;
	font-size:120%;
	}

.div4
{
	text-align:justify;
	font-size:120%;
	
	margin-left: 1%;
	margin-right: 1%;
	color:#001655;
	}


/*
#link-container {
    text-align: center;
	margin-left:
	margin-right;

}
#link {
    background: black;
    color: white;
    display: inline-block;
    padding: 10px;
}*/




/************************************\
||main div with background image   ||
/*************************************/

 

.div3
{

    background-image:url('/images/backgroundcherubs.jpg');
	border: 17px inset gold;
	width:auto;
	margin-left:5%; 
    margin-right:5%;
	}
/*
#link-container {
    text-align: center;
	margin-left:
	margin-right;

}
#link {
    background: black;
    color: white;
    display: inline-block;
    padding: 10px;
}*/



/*******************************\
||  responsive design            ||
/*******************************/




@media only screen and (max-width:319px)  { body{font-size:11px}}
@media only screen and (min-width:320px) and (max-width:767px)  { body{font-size:12px}
/*@media only screen and (min-width:768px) and (max-width:780px)  { body{font-size:13px}*/ 


.table2
	
{   
	
    border-radius:35px;
	box-shadow: 10px 10px 5px #888888;
	margin-left:5%; 
    margin-right:5%;
/*	height:88px;*/	
    width:90%;
	padding:1px;
	background:white;
/*	table-layout:fixed;*/
/*    table-layout: fixed !important;*/

/*	border-collapse:collapse;
	border-spacing:8px;*/
/*	border-collapse: collapse; 
	border-spacing: 5px;*/

	border-color: gold;
	border-style: inset;
	border-width: 12px;
/*	display:block;*/


}

.table2 > tbody > tr:first-of-type 

{
	display:1 !important;
}

.table2 > tbody > tr:nth-of-type(2)

{
	display:none !important;


}.table2 > tbody > tr:nth-of-type(3)

{
	display:none !important;
/*	word-wrap:break-word;}*/

}


.table2 > tbody > tr:last-of-type 

{
	display:1 !important;
}



.table4



{
	
    border-radius:35px;
	box-shadow: 10px 10px 5px #888888;
	margin-left:3% !important; 
    margin-right:7%;
	width:90%;
	font: serif; color:purple;
	font-size:4px;
	font-weight:bold;
	background:#ffffd0;
	
	border-color: gold;
	border-style: inset;
	border-width: 12px;

}

input {
    width: 90%;
}

textarea {
	width:145px;
	height:200px;
}


.table4 td

{
	
	width:25%;
	
	text-indent:1%;
	font-size:15px;
	font-weight:bold;
    border-radius:15px;
	background:#ffffd0;
	
	border-color: gold;
	border-style: inset;
	border-width: 1px;

}

.table3a {
	background-image:url(''); 
	width:55%;
	min-width:250px; 
	margin-left:8% !important;
	margin-right:37%;
}
.div3 {
	border: 0 !important;
	width:100% !important;
	margin-left:0% !important; 
	margin-right:0% !important;}
article {
	margin-left:3% !important;
	margin-right:3% !important;}


	 }

@media only screen and (min-width:790px) and (max-width:1023px)  { body{font-size:13px} }	 
@media only screen and (min-width:1024px) and (max-width:1899px) { body{font-size:16px} }
@media only screen and (min-width:1900px) { body{font-size:18px} }



/********************************\
||   voting table               ||
/********************************/



.table4



{
	
    border-radius:35px;
	box-shadow: 10px 10px 5px #888888;
	margin-left:23%; 
    margin-right:23%;
	width:54%;
	font: serif; color:#001655;
	font-size:4px;
	font-weight:bold;
	background:#ffffd0;
	
	border-color: gold;
	border-style: inset;
	border-width: 12px;

}


.table4 td



{
	
/*	margin-left:25%; 
    margin-right:25%;
	width:50%;*/
	
	text-indent:1%;
	font-size:15px;
	font-weight:bold;
    border-radius:15px;
	background:#ffffd0;
	
	border-color: gold;
	border-style: inset;
	border-width: 1px;

}





/********************************\
||   fixed table                ||
/********************************/



.table2



	
{   
	
    border-radius:35px;
	box-shadow: 10px 10px 5px #888888;
	margin-left:5%; 
    margin-right:5%;
/*	height:88px;*/	
    width:90%;
	padding:1px;
	background:white;
	
/*	border-collapse:collapse;
	border-spacing:8px;*/
/*	border-collapse: collapse; 
	border-spacing: 5px;*/

	border-color: gold;
	border-style: inset;
	border-width: 12px;
/*	display:block;*/


}

.table2 td


	
{   
	
    border-radius:15px;
	margin-left:5%; 
    margin-right:5%;
/*	height:88px;*/	
    width:14%;
	padding:1px;
	background:white;
	
	border-collapse:collapse;
	border-spacing:8px;
/*	border-collapse: collapse; 
	border-spacing: 5px;*/

	border-color: gold;
	border-style: inset;
	border-width: 2px;
/*	display:block;*/


}

.td1
	{
	
    margin-left:auto; 
    margin-right:auto;
	padding:1px;
	width:24%;
	


	

	}


.td2
{
	
	margin-left:auto; 
    margin-right:auto;
	padding:1px;
	width:24%;
	text-align:center;


}








#pic
{
	background-image:url('https://www.is888.info/dutch/images/contactusned.jpg');
 /*   background:#ffffff;*/
 	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:auto; 
    margin-right:auto;
	width:67%;
	height:48px;

 	display: block;
 
}

#pic2
{
	background-image:url('https://www.is888.info/dutch/images/gastbook.jpg');
 
 	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:auto; 
    margin-right:auto;
	width:68%;
	height:88px;

	display: block;
 
}

 #pic3
{
	background-image:url('https://www.is888.info/dutch/images/gebed.jpg');

    background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:auto; 
    margin-right:auto;
	width:68%;
	height:88px;	

	

	display: block;


}

 #pic4
{
	background-image:url('https://www.is888.info/images/img0001.jpg');
 
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:auto; 
    margin-right:auto;
	width:68%;
	height:140px;

	display: block;
}

 #pic5
{
	background-image:url('https://www.is888.info/dutch/images/nata2.jpg');
 
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:auto; 
    margin-right:auto;
	width:68%;
	height:77px;
	

	display: block;
 
}

 #pic6
{
	background-image:url('https://www.is888.info/images/institutio.jpg');
 
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:auto; 
    margin-right:auto;
	width:68%;
	height:70px;
	

	display: block;
 
}
/********************************\
||   button in td1               ||
/********************************/



.button {
    background-color: #001655; 
    border-radius:13px;
    cursor:pointer;
    padding: 2px 4px;
    font: 17px serif;
	font-weight: bold;
    text-decoration: none;
    border: 5px solid #000;
    border-color: yellow gold gold yellow;
    color: #ffd700;
	
}

.button:hover{
     background: #95bd35;
}

.button4 {
    background-color: #ffffcc; 
    border-radius:13px;
    cursor:pointer;
    font: 17px serif;
	font-weight: bold;
	color: #b22222;
	width:120px;
	height:33px;
	margin-right:5%;
	margin-left:auto;
    text-decoration: none;
    border: 5px solid #000;
    border-color: yellow gold gold yellow;
 
}

.button4:hover{
     background: gold;
}