/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */


body {background:#CDCDBE; color:#000;}

a {color:#000;}
a:hover {color:#4f4f4f;}

fieldset {border:1px solid #D4E7F7;}
legend {background:#FFF; color:#969678;}

table.table-style01 th {background:#5EAFFF; color:#FFF;}
table.table-style01 th, table.table-style01 td {border:1px solid #B2DAFF;}
table.table-style01 tr.bg td {background:#E9F3FC;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header { background-color: #1f1f1f; background-image: url(../images/top.gif); background-position: center 0; }

#logo {border-bottom:1px solid #464646; color:#FFF;}
#logo span {color:#77BCFF;}
#logo a {color:#FFF;}

#slogan { color:#b0b0b0; word-spacing: 2.5px; letter-spacing: 2px; margin-top: 0; }

#search #search-input {border:1px solid #FFF;}
#search #search-submit {border:solid 1px #969678; background:#7c7c7c; color:#fff;}

#nav {background-color:#c0c0c0;}
#nav li a { border-left:1px solid #3e3d3f; color:#000; font-weight: bold; text-decoration: none; }
#nav li.last a {border-right:1px solid #3e3d3f;}
#nav li#nav-active a {background:#3e3d3f; color:#fff;}
#nav li a:hover { background:#000; color:#fff; }
#cols .main {background-color:#FFF;}

#content h1 {border-bottom:1px dotted #4f4f4f;}
#content h2, #content h3, #content h4 {border-bottom:1px dotted #cdcdbe; color:#7c7c7c;}

#aside h3 {color:#7c7c7c;}
#aside ul li {border-bottom:1px solid #cfe3f5;}

#footer {background:#4F4F4F; color:#BFBFBF;}
#footer a {color:#BFBFBF;}
#footer a:hover {color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#perex { background-image: url(../images/orizz.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; border-bottom-color: #c0c0c0; border-bottom-style: solid; }             

.section { background:#fff; border-bottom-style: solid; }
.section h3 { color:#4f4f4f; font-size: 16px; border-bottom: 1px dotted #4f4f4f; }
.section h3 a { color:#4f4f4f; font-size: 16px; font-weight: normal; text-decoration: none; }
.section h3 a:hover { color:#4f4f4f; font-size: 16px; text-decoration: underline; }
/* ----------------------------------------------------------------------------------------------------------
MENU
---------------------------------------------------------------------------------------------------------- */
.menu { border: solid 1px #3e3d3f; padding:5px 10px 15px; background-color:#c0c0c0; background-image: url(../images/nav2.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: left; margin-top: 0; }
.menuItem {
  padding:4px 10px 4px 10px;
  border-bottom:solid 1px #dddddd;
}
.menuItem:hover { background-color:#c0c0c0; }
.menuItem a { color:#000; text-decoration:none; text-align: left; }
#demo { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; cursor:pointer; }
#demo li a { color: #000; font-weight: bold; text-decoration: none; border-left: 1px solid #3e3d3f; }
#demo li.last a { border-right: 1px solid #3e3d3f; }
#demo li#nav-active a { color: #fff; background: #3e3d3f; }
#demo li a:hover { color: #fff; background: #000; }
#demo span {
  padding:-10px 20px 0;
  cursor:pointer;
}
#demo span:hover { color: #000; }
