body, nav, ul, li, a  {margin:0; padding:0;}
body    {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background-image:url("server/art/b03.jpg");}
.banner {color:navy; width:90%; text-align:center; max-width:900px; margin:2px auto 0px; font-size:30px; }
.alignleft  {float:left;}
.alignright {float:right;}
a {text-decoration:none;}
.container {width:90%; max-width:900px; margin:0px auto;}
.toggleMenu {display:none; background:#666; padding:10px 15px; color:#fff;}
.nav {list-style:none; *zoom:1; background:#08f; }
.nav:before,
.nav:after {content:" "; display:table;}
.nav:after {clear:both;}
.nav ul {list-style:none; width:12em;}
.nav a {padding:10px 15px; color:#fff;}
.nav li {position:relative;}
.nav > li {float:left; border-top:1px solid blue; border-bottom:1px solid blue;}
.nav > li > .parent {background-image:url("server/art/m_dn.png"); background-repeat:no-repeat;
                     background-position:right;}
.nav > li > a {display:block;}
.nav li  ul {position:absolute; left:-9999px;}
.nav > li.hover > ul {left:0;}
.nav li li.hover ul {left:100%;top:0;}
.nav li li a {display:block; background:blue; position:relative; z-index:100; border-top:1px solid white;}
.nav li li li a {background:#249578; z-index:200; border-top:1px solid #1d7a62;}
@media screen and (max-width:768px)
  {
  .active {display:block;}
  .nav > li {float:none;}
  .nav > li > .parent {background-position:95% 50%;}
  .nav li li .parent {background-image:url("server/art/m_dn.png"); background-repeat:no-repeat;
                        background-position:95% 50%;}
  .nav ul {display:block; width:100%;}
  .nav > li.hover > ul , .nav li li.hover ul {position:static;}
  }
.content {color:navy; font:14px Verdana,sans-serif; margin-left:40px; margin-right:50px;}
.nice-table {border-collapse:collapse;}
.nice-table th,td {border:1px solid grey;border-collapse:collapse;}
.nice-table td {padding:4px;text-align:left;vertical-align:text-top;color:black;}
.nice-table td.c {padding:4px;text-align:center;vertical-align:text-top;}
.nice-table td.r {padding:4px;text-align:right;vertical-align:text-top;}
.nice-table tr {background-color:#eee;border-collapse:collapse;}
.nice-table th {background-color:black;color:white;font-style:italic;}
.heading       {color:brown; font:20px Verdana; font-weight:bold; text-align:center;}
.link {text-decoration:underline; color:brown;}
.whitebox        {white-space:nowrap;padding: 2px;background-color:white;color:black;border:1px solid black;}

.fr {max-width: 490px; margin-left:40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: brown; font-weight:bold;}
.fr label{display:block; margin-bottom: 10px; }
.fr label > span {float: left; width: 160px;
	color: brown;                                           //Label text color
	font-size: 14px;
}
.fr fieldset {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 0px 0px 10px 0px;
	border: 1px solid brown;                                //Outer frame border color
	padding: 20px;
    background: #fe6;                                      //Frame background color
	box-shadow: inset 0px 0px 15px #da2;                  //Sahadow inside frame +next 2 lines
	-moz-box-shadow: inset 0px 0px 15px #da2;
	-webkit-box-shadow: inset 0px 0px 15px #da2;
}
.fr fieldset legend{
	color: white;                                         //Frame legend text color
	border-top: 1px solid black;                          //Frame legend outer box +next 2 lines
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	background: brown;                                    //Frame legend background          
	padding: 0px 8px 3px 8px;
}
.fr textarea{
	width:250px;
	height:100px;
}
.fr input[type=text],
.fr input[type=tel],
.fr input[type=date],
.fr input[type=datetime],
.fr input[type=number],
.fr input[type=search],
.fr input[type=time],
.fr input[type=url],
.fr input[type=email],
.fr select, 
.fr textarea{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid brown;                       //border color of all input fields
	outline: none;
	color: brown;                                  //text color of all inputs
	padding: 5px 8px 5px 8px;
	box-shadow: inset 1px 1px 4px #da2;        //input box shadow +next 2 lines
	-moz-box-shadow: inset 1px 1px 4px #da2;
	-webkit-box-shadow: inset 1px 1px 4px #da2;
	background: #FFF;                                //background of all input fields
    font-size: 14px; font-weight:bold;
	width:50%;
    }
.fr input[type=text]  {width: 290px; height:20px;}
.fr input[type=email] {width: 230px; height:20px;}
.fr input[type=date]  {width: 200px; height:24px;}
.fr  input[type=submit],
.fr  input[type=button]{
	background: brown;                                       //Submit button background
	border: 1px solid #814AC9;
	padding: 5px 15px 5px 15px;
	color: white;                                          //Submit button text color
	box-shadow: inset -1px -1px 3px #A762FF;                //Submit button inside shadow
	-moz-box-shadow: inset -1px -1px 3px #A762FF;
	-webkit-box-shadow: inset -1px -1px 3px #A762FF;
	border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	font-weight: bold;
}
.fr .required{
	color:red;
	font-weight:normal;
}

.dt {color: blue;}
.dt select { color: black;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid black;
	box-shadow: inset 1px 1px 1px #fff;
	-moz-box-shadow: inset 1px 1px 1px #fff;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	background: #FFF;
    font-weight:normal;
	width:100%;
    }