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

body,html {
background-color:#FE7C04;  
margin:0;
padding:0;
height:100%;
width:100%  
}

body {
min-height:100%;
width:100%;  
color: #333333;
font-family: Arial;
font-size: 12pt
}

#wrapper {
width:1028px;
text-align:left;  
margin:0 auto;
padding:0;
margin-top: 1em;
margin-bottom: 1em;  
border: 1px solid #3A63A5;
background: #3A63A5;
background: -moz-linear-gradient(top, #3A63A5, #3A63A5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3A63A5), to(#3A63A5));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

.mouseover a {
font-family:Arial;
font-size: 18px;  
color:#FFFFFF
}

.mouseover a:link,
.mouseover a:visited
{
color:#FFFFFF;
text-decoration:none  
}

.mouseover a:hover,
.mouseover a:active,
.mouseover a:focus
{
color:#000000;
}

#menu-wrapper {
width:990px;
margin:0 auto;
padding:0;
border: 1px solid #ffffff;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

#menu {
display: table; margin: 0 auto;
}

#menu ul {  
padding:0px;
margin:0px;
cursor:hand;
height:43px;
}
  
#menu ul li {
display:inline;
float:left;
list-style-type: none;
font-family:Arial;
font-size:13px;
background : none;
list-style : none;
text-align:center;
padding: 4px 5px 2px 4px;
margin-left:15px;  
margin-right:15px;  
margin-top:2px
}

#menu ul li a {
font-family: Arial;  
color:#3A63A5;
text-shadow: 1px 1px 1px #ffffff;
font-weight:bold;  
text-decoration:none;
display:block;
text-align:center;
font-size:14px;
height:34px;
padding : 0  
}

#menu ul li.active {
height: 2.7em;
margin: auto;
padding: 4px 3px 2px 4px;
margin-left:15px;  
margin-right:15px;
margin-top:1.5px;  
border: 1px solid #3A63A5;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#menu ul li a:hover {
color : #9DB1D2;
text-shadow: 1px 1px 1px #ffffff
}

#menu ul li ul {
width:260px;
height:15em;
text-decoration: none;
list-style-type: none;
margin-left:-0.35em;  
border:0;  
border: 1px solid #3A63A5;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
z-index:1000;
position: absolute  
}

#menu ul li ul li {
height:2em;  
border:none;
padding-bottom:-0.5em
}

#menu ul li ul li:hover {
height:2em;  
border:none;
padding-bottom:-0.5em
}

#menu ul li ul li a {
font-family: Arial;  
font-size: 14px;
height:34px;  
color:#3A63A5;
text-shadow: 1px 1px 1px #ffffff;
font-weight:bold;  
display:block;  
text-align:center;
text-decoration: none;
z-index:1000;  
}

#menu ul li ul li a:hover {
color:#9DB1D2;
text-shadow: 1px 1px 1px #ffffff;
z-index:1000;  
}

#menu ul li ul {
      visibility:hidden }

#menu ul li:hover ul {
      visibility:visible;
      cursor:hand }
      
#menu li {   position: relative }  

#menu ul ul ul {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100% }

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
      { display: none }

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
     { display: block;
       text-decoration: none}

#content-wrapper {
width:990px;
min-height:35em;  
margin:0 auto;
padding:0;
margin-top:-0.5em;
border: 1px solid #ffffff;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

#left-wrapper {
width:250px;
min-height:35em;  
float:left; 
position:relative;  
margin:0 auto;
padding:0;
margin-left:11px;
margin-right:11px  
}

#article-wrapper {
width:702px;
margin:0 auto;
padding:0;
margin-right:1em;  
float: right; 
display:inline; 
position: relative;
border: 1px solid #9DB1D2;
background: #9DB1D2;
background: -moz-linear-gradient(top, #9DB1D2, #9DB1D2);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9DB1D2), to(#9DB1D2));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

.article-wrapper {
border: 1px solid #9DB1D2;  
background: #9DB1D2;
background: -moz-linear-gradient(top, #9DB1D2, #9DB1D2);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9DB1D2), to(#9DB1D2));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

.article-wrapper-feeding-projects {
border: 1px solid #9DB1D2;  
background: #9DB1D2;
background: -moz-linear-gradient(top, #9DB1D2, #9DB1D2);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9DB1D2), to(#9DB1D2));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

p, ul {
margin-left: 1em;
margin-right: 1em;
text-align: justify;
font-family: Arial;  
font-size: 14px;
color:#3A63A5
}

h1 {
text-align: center;
font-family: Arial;  
font-size: 18px;
color:#3A63A5;
text-decoration:underline  
}

.domain::before {
content: "\0040";    /* Unicode character for @ symbol */
}