@charset "utf-8";
/* CSS Document */

.header {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-collapse: collapse;
	padding: 0;
	
}

.headerText {
	 background-image: url('../images/menuWelcome.png');
	 background-size:100%;
	 background-repeat: no-repeat;
	 height:94px;
	/*  height:35%; */

}
.headerTextTD {
	 background-image: url('../images/welcomeArea.png');
	 background-repeat: no-repeat;

	 height:94px;

}

#menu {
	position:relative;
	background-color:#87CEFA;
	padding-left:30px;
	padding-bottom:23px;
	height:20px;
	color:#FFFFF;
	   -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
      -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
       -ms-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
        -o-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
           box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
		   border-radius:8px;
		    -webkit-border-radius:8px;
		   -khtml-border-radius:8px;
		   -moz-border-radius:8px;
		  -ms-border-radius:8px;  	
		  -o-border-radius:8px;
		  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#87CEEB), to(##0eaf9f));
  background-image: -webkit-linear-gradient(top, #2981f3, #b1e7f6);
  background-image:    -moz-linear-gradient(top,#2981f3, #b1e7f6);
  background-image:      -o-linear-gradient(top, #13d4c1, #13d4c1);
  background-image:         linear-gradient(to bottom, #87CEEB, ##0eaf9f);
}

#menu * {
	list-style:none;
	border:0;
	padding:0;
	margin:0;
}
#menu ul li div li{
	padding-top: 0.5em;
	padding-bottom:0.5em;
}

#menu ul{
	margin-left: auto;
	margin-right:auto;
}

#menu a {
	display:block;
	padding-left:20px;
	padding-right:20px;
}
#menu a span {
	display:block;
	padding:28px 23px 0px 3px;
	white-space:nowrap;
}

#menu li {
	float:left;
}
#menu li li {
	float:none;
}
#menu>ui>li>a>{
	color:#FFF;	
}
#menu a, #menu a span {
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	font-weight:normal;
}
#menu div {
	display:none;
	position:absolute;
	padding-top:8px;
}

#menu ul div ul {
	float:left;
}

#menu>ul>li>a>.parent:hover,#menu>ul>li:hover>a{
	color:#fff;
	background-color:#587bb3;
	padding-top:0px;
	padding-right:20px;
	height:45px;
			   border-radius:8px;
		    -webkit-border-radius:8px;
		   -khtml-border-radius:8px;
		   -moz-border-radius:8px;
		  -ms- border-radius:8px;
		  -o- border-radius:8px;
	 -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
      -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
       -ms-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
        -o-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
           box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
}



#menu div ul{
	background-color:#F2F8FD;
	   -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
      -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
       -ms-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
        -o-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
           box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
		   border-bottom-left-radius:8px;
		    -webkit-border-bottom-left-radius:8px;
		   -khtml-border-bottom-left-radius:8px;
		   -moz-border-bottom-left-radius:8px;
		  -ms- border-bottom-left-radius:8px;
		  -o- border-bottom-left-radius:8px;
   		   border-bottom-right-radius:8px;
		   -webkit- border-bottom-right-radius:8px;
		   -khtml-border-bottom-right-radius:8px;
		   -moz-border-bottom-right-radius:8px;
		  -ms- border-bottom-right-radius:8px;
		  -o- border-bottom-right-radius:8px;
		  border-color: rgb(148, 171, 211);
		  border-width: 1px;
		  border-style: solid;
}

#menu div li:hover{
	color:#000;
	   -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
      -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
       -ms-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
        -o-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
           box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
		   border-radius:8px;
		    -webkit-border-radius:8px;
		   -khtml-border-radius:8px;
		   -moz-border-radius:8px;
		  -ms- border-radius:8px;
		  -o- border-radius:8px;
		  background-color: #6A78F0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#BCDFFA));
  background-image: -webkit-linear-gradient(top, #ffffff, #BCDFFA);
  background-image:    -moz-linear-gradient(top,#2981f3, #b1e7f6);
  background-image:      -o-linear-gradient(top, #ffffff, #BCDFFA);
  background-image:         linear-gradient(to bottom, #ffffff, #BCDFFA);
}
#menu li:hover>div {
	display:block;
}

#menu div div {
	margin: -40px 0 0 -1px;
	left: 100%;
	width:100%;
}

#menu div div ul {
	border-bottom-left-radius:8px;
		    -webkit-border-top-left-radius:8px;
		   -khtml-border-top-left-radius:8px;
		   -moz-border-top-left-radius:8px;
		  -ms- border-top-left-radius:8px;
		  -o- border-top-left-radius:8px;
   		   border-top-right-radius:8px;
		   -webkit- border-top-right-radius:8px;
		   -khtml-border-top-right-radius:8px;
		   -moz-border-top-right-radius:8px;
		  -ms- border-top-right-radius:8px;
		  -o- border-top-right-radius:8px;
}