@font-face {
    font-family: 'urw_gothic_ldemi';
    src: url('urw-gothic-l-demi-webfont.eot');
    src: url('urw-gothic-l-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('urw-gothic-l-demi-webfont.woff') format('woff'),
         url('urw-gothic-l-demi-webfont.ttf') format('truetype'),
         url('urw-gothic-l-demi-webfont.svg#urw_gothic_ldemi') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
margin:auto;
width:600px;
font-family:'urw_gothic_ldemi';
color:#cccccc;
background-color: #444444;
text-align: justify;
}
svg{
margin:auto;

}
#reply {
  background-color: #888888;
  color: #ffffff;
}
input,textarea,select {
width: 100%;
font-size: 80px;
color:#ffffff;
background-color: #888888;
font-family: 'urw_gothic_ldemi';
border: 0;
}
img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  margin: auto;
  display:block
}
li,p{
margin: 5px;
}
hr{
height:1px;
color:#dddddd;
}

h1{
font-size:30pt;
line-height: 35pt;
color:#000000;
text-align:center;
background-color: #c7d655;
font-weight: normal;
}
h2{
font-size:15pt;
line-height: 20pt;
font-weight: normal;
color:#888888;
text-align:center;
background-color: #ff00ff;
}
h3{
font-size: 15pt;
font-weight: bold;
text-align:left;
}
table{
width:600px;
margin:0;
}
td,th{
font-family: 'urw_gothic_ldemi';
padding:20px; 
text-align:center;
width: 300px;
}
th{
text-align:center;
}
A:link,A:visited{
color:#ffffff;
text-decoration:underline;

}
A:hover{
color:#dddddd;
text-decoration:underline;

}

#footer,#header{
background-color: #000000;
text-align:center;
padding: 20px;
margin: 0;
}
#content{
background-color: #222222;
margin:0;
padding: 10px;
}
#shape{
font-size:150pt;
line-height: 100pt;
}
#result{
background-color: #c7d655;
color:#444444;
}

#access {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
}
#access .menu-header,
div.menu {
	width: 100%;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #c7d655;
	display: block;
	line-height: 40px;
	padding-left:10px;
        padding-right:10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 280px;
	margin:0;
	text-align: left;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333333;
	padding: 10px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #330000;
	color: #c7d655;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #c7d655;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #000000;
}
#msg{
background-color: #c7d655;
color: #444444;
text-align:left;
padding: 20px;
margin: 0;
}