/* CSS Document */

body {
        font-family:"Trebuchet MS", Arial, Verdana;
        font-size:0.74em;
        color:#555555;
        background-color:#CCFFFF;
        text-align:left;
        margin: 4px;
}

.fixcenter {
  width: 1024px;
  border: solid; border-width: 0px;
  background: #ccffff;
  color:  rgb(20, 92, 29);
  margin: auto;
  margin-top: 20px;
  text-align: left;
}

input {
        background-color:#99CCFF;
        padding:3px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#000000;
        border:1px solid #000099;
        background-color:#9999CC;
        margin-bottom:2px;
}
input[type=submit] {
        background-color:#CCFFFF;
        padding:3px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#666666;
        margin-bottom:2px;
}

a {
        color:#4D87CE;
        font-weight:bold;
        text-decoration:none;
}
a:hover {
        color:blue;
}

ol,ul {

}

li    {
        line-height:20px;
        text-align:left;

}

#menu {
        width:100%;
        background-color:#7a80ee;
        padding-top:5px;
        padding-bottom:5px;
        color:#CCFFFF;
}


#menu a {
        color:#FFFFCC;
}

#menu a:hover {
        color:#0000CC;

}

#menu2 {
        width:100%;
        padding-top:4px;
        padding-bottom:10px;
        background-color:#CCFFFF;
        margin-bottom:10px;
        color:#CCFFFF;
        text-align:left;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-size:95%;
        color:#0102bf
;
}
#menu2 a {
        color:#gray;
        text-decoration:none;
        padding:10px;
        padding-top:10px;
        padding-bottom:10px;

}
#menu2 a:hover {
        padding-left:4px;
        padding-right:4px;
        color:#000000;
        background-color:#CCFFFF;
              
}

#header {
        width:800px;
        margin:0 auto 0 auto;
        margin-bottom:40px;
}
#header h1 {
        font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
        font-size:26px;
        text-transform:uppercase;
        font-weight:normal;
        margin:0;
        padding:0;
        padding-top:5px;
        color:#736451;
        margin-bottom:10px;
        text-align:left;
}
#header h2 {
        font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
        font-size:15px;
        text-transform:uppercase;
        text-align:left;
        font-weight:normal;
        margin:0;
        padding:0;
        color:#000000;
        border-bottom:1px solid #eeeeee;
}

#content {
        width: 60%;
        margin:0 auto 0 auto;
        text-align: left;
 
}

#image1 img{
        float:left;
        hspace:30px;
}
#image1{
        float:left;
        margin-bottom:10px;
                        
}
#image2{
        clear:left;
}
#image2 img{
        clear:left;
        float:left;
}

#image3{
        clear:left;
}
#image3 img{
        clear:left;
        float:left;
}
#image4{
        clear:left;
}
#image4 img{
        clear:left;
        float:left;
}
#image5{
        clear:left;
}
#image5 img{
        clear:left;
        float:left;
}
#image6{
        clear:left;
}
#image6 img{
        clear:left;
        float:left;
}
#image7{
        clear:left;
}
#image7 img{
        clear:left;
        float:left;
}
}
#image8{
        clear:left;
        margin-left:80px;
}
#image8 img{
        clear:left;
        float:left;
        margin-left:25px;

}
.introduction {
        font-family:Helvetica, Arial, sans-serif;
        line-height:20px;
        font-size:11px;
        color:#666666;
        text-indent:5px;
        background-position:bottom left;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top:0;
        background-repeat:no-repeat;
}

.box  {
       float:right;
       padding-left:5px;
       padding-right:0;
       padding-top:0px;
       padding-bottom:0px;
       margin-bottom: 2px;
       margin-left:5px;
       margin-top: 15px;

}

#sidebar {
        width:300px;
        float:right;
        font-size:95%;
        color:#6C534A;
        text-align:left;
        margin-bottom:5px;
        padding-right:20px;
        padding-top:120px;
}
#sidebar h1 {
        font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
        font-size:20px;
        text-transform:uppercase;
        font-weight:normal;
        border-bottom:1px solid #eeeeee;
        color:#0102BF;
        text-align:left;
        margin-top:16px;
        
}
.submenu {
}
.submenu a {
        display:block;
        width:100%;
        background-position:right;
        background-repeat:no-repeat;
        padding:5px;
        padding-right:4px;
        padding-top:20px;
}
.submenu a:hover {
        background-color:#eeeeee;
        background-repeat:repeat-y;
        margin-bottom:50px;
}
#mainbar {
        margin-right:0px;
        padding-right:5px;
        background-image:url(../images/backgrounds/mainbar.jpg);
        background-position:top right;
        background-repeat:no-repeat;
}

#mainbar h1 {
        font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
        font-size:25px;
        text-transform:uppercase;
        font-weight:normal;
        border-bottom:1px solid #eeeeee;
        color:#7a80ee;
}

#mainbar p {
        padding:15px;
        line-height:20px;
}

#mainbar .articleimg {
        float:left;
        padding:5px;
        border:1px solid #eeeeee;
        margin-left:20px;
        margin-top:20px;
        margin-bottom:20px;
}

#footer {
        width:100%;
        background-color:#7a80ee;
        padding-top:5px;
        padding-bottom:5px;
        color:#CCFFFF;
        border-top-width: 1px;
        border-bottom-width: 5px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #d8efa6;
        border-bottom-color: #7a80ee;
        text-align: center;
}
#footer a {
        color:#0000CC;
}
#footer a:hover {
        color:#CCFFFF;
}

#footer2 {
        width:100%;
        background-color:#CCFFFF;
        padding-top:5px;
        padding-bottom:5px;
        color:#black;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #d8efa6;

}

