/* CSS Document for handheld devices */
body{
	font-family:arial;
	color: #000000;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
div, #toc{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

	margin: 0px;
	padding: 0px;
}
#toc li a{
	text-decoration:none;
	color: #615B98;
	padding: 10px 20px 10px 20px;
	width: calc(100% - 40px);	
	display:block;
	
}
a:link, a:visit{
	color: #615B98;
}
#toc li a:hover{
	width: 100%;
	text-decoration:none;
	color: #222035;
	border-color: #222035;
}
#toc li{
	border-bottom: 1px solid #D3D3D3;
	list-style:none;

	margin: 0;
	
	
}
#slide_show{
	display:none;
}
#header, #copyright{
	padding: 10px;
	background-color: #615B98;
	color: white;
	font-weight:bold;
		width: calc(100% - 20px);
}

#content{
	padding: 10px;
	width: calc(100% - 20px);
}
.service, #domain_search {
	display:block;
	width: calc(100% - 4px);
	color: black;
	background-color: yellow;
	text-align: center;
	text-decoration:none;
	border-radius: 10px;
	border: 2px solid orange;
	margin-bottom: 10px;
	box-shadow: 4px 4px 8px grey;
	color: #0502FB;
	background-color: #F3D57B;
	border-bottom-left-radius: 10px;
	background-image:none;
	border-right-color: #FCBC02;
	border-radius: 10px;
	border-radius: 0px 0px 10px 10px;
	border-top: 6px solid  #FCBC02;
}	
#domain_search{
	border-radius: 10px;
	box-shadow: none;
	border-top-width: 2px;
}

.service:hover{
	box-shadow: none;

}
.service a:hover, .service:hover h3{
		color:black;
}
.service li, .service ul{
	list-style: inside;
	margin-left: 0;
	padding-left: 0;
	
}
a, a:visited, a:active{
	text-decoration:none;
	color: blue;
}
a:hover{
	color: navy;
}
#copyright{
	text-align:center;
	padding-bottom: 60px;
	font-weight: normal;
	
}
img.editing{
	max-width: 100%;
	height: auto;
}