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

body { 
background: url(images/bg2.png) #1c232d;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #000666; 
margin: 0px; 
padding: 0px;
}	

header {
background: url(images/headerbg4.png) repeat;
width:100%; height:78px;
border-bottom:1px solid #000;
display:block;
margin:0px;
}
header .site-description { 
position: absolute; 
top:2px;
left:320px; 
}
header h1{ 
font-weight: bold; 
font-size: 26px; 
text-decoration: none; 
line-height : 120%; 
color: #718EA5;
margin: 2px 3px 10px 0;
}
header p{
color: #fff;
}

.title_logo { 
position: absolute; 
top:10px; 
left:10px;
border:0px;
}

nav#sys {
display: block; 
padding: 0 5px 0; 
margin-bottom: 15px; 
height: 80px;
border: 0px solid #fff;
}

nav#sys .sitemenu {
background: url(images/subheader.png) top left repeat-x #2b3036; 
position: absolute; 
top: 90px; 
left: 330px;
width:900px;
padding: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
border:1px solid #000;
color: #FFF;
font-size: 12px;
}
nav#sys .sitemenu a {
padding: 2px 3px 2px 3px; 
margin: 0;
color:#fff;
}
nav#sys .sitemenu a:hover {
color:#040;
}
nav#sys .dropmenu, .dropmenu ul {
list-style: none;
line-height: 0.8em;
padding: 0;
margin: 0;
}
nav#sys .dropmenu {
padding: 0 0.5em;
}
nav#sys .dropmenu a {
display: block;
color: #fff;
text-decoration: none;
}
nav#sys .dropmenu a span {
display: block;
padding: 0 0 0 7px;
font-size: 0.9em;
border: 0px solid #fff;
}

/* the backgrounds first level only*/
nav#sys .dropmenu li a.firstlevel {
margin-right: 10px;
}
nav#sys .dropmenu li a.firstlevel span.firstlevel {
display: block;
position: relative;
left: -5px;
padding:5px 5px 5px 5px;
height: 22px;
line-height: 19px;
}
nav#sys .dropmenu li {
float: left;
position: relative;
padding: 0;
}

/* the active button */
nav#sys .dropmenu li a.active {
background: #808080;
color: #ffffff;
font-weight: bold;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;

}

nav#sys .dropmenu li a.active span.firstlevel {
background: #808080;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;

}

/* the hover effects */
nav#sys .dropmenu li a.firstlevel:hover {
background: #808080;
color: #ffffff;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;

}

nav#sys .dropmenu li a.firstlevel:hover span.firstlevel {
background: none;
}

section#gallery {
background:#e9f6fa;
width:96%;
margin:0 auto 0 auto;
padding:5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
display: block;

}
section#gallery h1{
font-size:18px;
}

}
section#gallery p{
width:88%;
}

aside#logo {
float:right;
width:100px;
background:url(images/subheader.png) top left repeat-x #2b3036;
color:#fff;
padding:3px 10px 3px 10px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
}


footer {
background:#e9f6fa;
margin:10px auto 5px auto;
width:96%;
padding: 3px 5px -3px 8px;
font-size : 9px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
display: block;
}
footer#footmain .footextra{
padding:5px 0 5px 0;
font-size:0.9em;
text-align:center;
}
footer#footmain .footextra02{
padding:5px 0 5px 0;
font-size:1.0em;
text-align:center;
}
footer#footmain .footer {
font-size:1.0em;
}
footer#footmain .footer a {
text-decoration: none;
color: #000000;
}

footer#footmain .footer a:hover {
color: #000000;
text-decoration: underline;
}