@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Signika);
a, a:visited {
	color: #365dc5;
	text-decoration: none;	
	}
	
a:hover {
	color: #000;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}

#body {
	background:	#fff url(../images/bgm.jpg) repeat-x;	
	font-family: verdana;
	color: #ffffff;
	margin: 0px auto;
	width: 100%;
}
#headerm
{
position: absolute;
background: #a71c84 url(../images/bk.png) repeat-x;
width: 80%;
float: left;
height: 100%
border-right: 5px solid #ffffff;
  -moz-box-shadow: 8px 8px 8px #82847c;
  -webkit-box-shadow: 8px 8px 8px #82847c;
    box-shadow: 8px 5px 5px #82847c;
margin: 0px auto;
}

#headerm2
{
position: absolute;
background: #ffffff;
font-family: arial;
font-size: 12px;
height: 100px;
float: right;
border-bottom: 1px solid #ffffff;
margin: 0px auto;
margin-left: 80%;
margin-top: 10%;
}

#headerm3
{
   text-shadow: 1px 1px 1px #6d7066;
  -moz-box-shadow: 8px 8px 8px #82847c;
  -webkit-box-shadow: 8px 8px 8px #82847c;
  box-shadow: 5px 5px 5px #82847c;
position: absolute;
background: #ffffff;
font-family: arial;
padding: 2px;
font-size: 14px;
width: 20%;
float: right;
height: 18px;
margin: 0px auto;
margin-left: 80%;
margin-top: 530px;
}

#headerm3t
{
position: absolute;
background: url(../images/round.png) no-repeat;
font-family: arial;
padding: 10px;
font-size: 15px;
width: 20%;
height: 50px;
float: right;
font-weight: normal;
color: #6386ff;
margin: 0px auto;
margin-left: 78%;
padding-left: 60px;
padding-top: 15px;
margin-top: 370px;
}

#header
{
position: relative;
background: #fff url(../images/logo.png) no-repeat center top;
height: 90%;
width: 750px;
margin: 0px auto;
font-family: verdana;
text-align: justify;
line-height: 20px;
font-size: 12px;
color: #e8e8e8;
float: right;
overflow: hidden;
margin-top: 25px;
padding: 20px;
margin-right: 60px;
padding-top: 220px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius:5px;
 -moz-box-shadow: 0px 0px 10px #ffffff;
-webkit-box-shadow: 0px 0px 10px #ffffff;
box-shadow: 0px 0px 10px #ffffff;
}

#header4line
{
position: relative;
margin-top: 40px;
margin-bottom: 10px;
border-bottom: 8px solid #921e75;
 -moz-box-shadow: 0px 0px 10px #ffffff;
-webkit-box-shadow: 0px 0px 10px #ffffff;
box-shadow: 0px 0px 10px #ffffff;
}

#header4lineb
{
width: 100%;
position: relative;
text-align: left;
margin-bottom: 10px;
}

ul {
  font-family: arial;
  margin-right: 50px;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

ul li {  
  display: block;
  position: relative;  
}

li ul { 
display: none;
margin-top: 0px;
position: absolute;
}

ul li a {	
   text-shadow: 1px 1px 1px #6d7066;
  -moz-box-shadow: 8px 8px 8px #82847c;
  -webkit-box-shadow: 8px 8px 8px #82847c;
  box-shadow: 8px 8px 8px #82847c;
  display: block;
  width: 100px;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #68704e;
  padding: 8px 15px 8px 15px;
  background: #6f1759;  
}

ul li a:hover { 
 border-left: 0px solid #ffffff;
 border-right: 0px solid #ffffff;
background: #461a3b; 
text-decoration: none;
 padding: 8px 15px 8px 15px;
}

li:hover ul {
    -moz-box-shadow: 8px 8px 8px #82847c;
    -webkit-box-shadow: 8px 8px 8px #82847c;
    box-shadow: 8px 8px 8px #333;
   font-family: arial;  
   width: 200px; 
   font-size: 13px;
   float: right;
   margin-top: -33px;
   margin-left: -231px; 
   display: block;
   position: absolute;
}

li:hover ul li a {
  float: none;
  width: 200px;
  font-size: 13px;
}

.linkhead {
  float: right;
  text-align: right;
  background: #fff;
  width: 100%;
  padding: 8px 15px 8px 15px;
  float: none;
  font-size: 13px;
}

li:hover a {  
-moz-box-shadow: 0px 8px 8px #82847c;
-webkit-box-shadow: 0px 8px 8px #82847c;
box-shadow: 0px 8px 8px #333;
border-right: 1px solid #9a04aa;
background: #461a3b url(../images/mb1.jpg)  no-repeat right top; 
padding: 8px 15px 8px 15px;
font-family: arial;
font-size: 13px;
 }

li:hover li a:hover { 
background: #461a3b url(../images/mb.jpg) no-repeat; 
padding: 8px 15px 8px 15px; 
}



/* ------------------------ */

#pagem
{
position: relative;
background: #ffffff;
width: 22%;
float: left;
height: 100%
border-right: 5px solid #ffffff;
  -moz-box-shadow: 8px 8px 8px #82847c;
  -webkit-box-shadow: 8px 8px 8px #82847c;
    box-shadow: 8px 5px 5px #82847c;
margin: 0px auto;
margin-right: 20%;
}

#page
{
position: relative;
background: #461a3b;
height: 100%;
width: 100%;
font-family: arial;
text-align: right;
line-height: 20px;
font-size: 13px;
float: right;
z-index: 1;
margin-top: 25px;
padding-top: 100px;
}

#pagecont
{
position: absolute;
background: #fff;
color: #000;
padding: 5px;
font-family: arial;
font-size: 12px;
height: 100%;
float: right;
width: 100%;
margin: 0px auto;
margin-left: 23%;
margin-top: 0%;
}
#linec
{
border-top: 2px solid #d1d1d1; 
width: 100%;
height: 100%;
margin-top: 5px;
}

#maincont
{
color: #000;
text-align: justify;
font-family: verdana;
font-size: 12px;
line-height: 20px;
border-top: 2px solid #d1d1d1; 
width: 750px;
padding: 10px;
background: #fff;
margin-top: 0px;
}

#menu1 {
  font-family: arial;
  margin-right: 0px;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}

#menu1 li {  
  display: block;
  position: relative;  
}

#menu1 li ul { 
display: none;
margin-top: 0px;
position: absolute;
}

#menu1 li a {	
   text-shadow: 1px 1px 1px #333;
  -moz-box-shadow: 8px 8px 8px #333;
  -webkit-box-shadow: 8px 8px 8px #333;
  box-shadow: 5px 8px 8px #333;
  display: block;
  width: 150px;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #68704e;
  padding: 8px 15px 8px 15px;
  background: #6f1759;  
}

#menu1 li a:hover { 
 border-left: 0px solid #ffffff;
 border-right: 1px solid #ffffff;
background: #461a3b; 
text-decoration: none;
 padding: 8px 15px 8px 15px;
}

#menu1 li:hover ul {
    -moz-box-shadow: 8px 8px 8px #82847c;
    -webkit-box-shadow: 8px 8px 8px #82847c;
    box-shadow: 8px 8px 8px #333;
   font-family: arial;  
   width: 200px; 
   font-size: 13px;
   float: right;
   margin-top: -36px;
   margin-left: 181px; 
   display: block;
   position: absolute;
}

#menu1 li:hover ul li a {
  float: none;
  width: 200px;
  font-size: 13px;
  	 border-radius: 5px;
   -moz-border-radius:5px;
   -webkit-border-radius : 5px;
}



#menu1 li:hover li a:hover { 
background: #461a3b url('../images/mb.jpg') no-repeat; 
padding: 8px 15px 8px 15px; 
}

#ab, ab:visited {
	color: #e37222;
	text-decoration: none;
	
	}
	
#ab:hover {
	color: #000000;
	text-decoration: underline;
	}