body{
    background-color: #ddd;
    color: #222;
    font-family: Helvetica;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
#header{
    background-color: #ccc;
    background-image: -webkit-gradient(linear,left top,left bottom,
        from(#ccc), to(#999));
    border-color: #666;
    border-style: solid;
    border-width: 0 0 1px 0;
}
#header h1{
    color:#222;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    text-shadow: 0px 1px 1px #fff;
   
}
div.titlemessage {
             /*width:109em;*/
             font-weight:bold;
             font-style:normal;
             text-align: left;
             background-color:white;
             color:rgb(0,0,100);
             height:100px;
             padding:10px;
             margin: 10px;

             border-style:solid;
             border-color:rgb(240,240,240);
             border-width:thin;
             border-radius:8px;
             -moz-border-radius:8px;
             -webkit-border-radius:8px;
             }
 div.horizontalbar {
             /*width:68em;*/
             font-size:14pt;
             font-weight:bold;
             font-style:normal;
             height:99px;
             text-align: left;
             color:rgb(50,130,140);
             background-color:rgb(255,255,255);
            }
ul{
    list-style: none;
    margin: 10px;
    padding: 0;
}
ul li a{
    background-color: #fff;
    border: 1px solid #999;
    color: #222;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 12px 10px;
    text-decoration: none;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
ul li:first-child a{
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
ul li:last-child a{
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
ul li a:active,ul li a:hover{
    background-color: blue;
    color: white;
}
ul.topbar a{

   display:block;
   float:left;

   width:11em;

   line-height:2.2em;

   border:1px solid rgb(255,255,255);

   background-color:rgb(255,255,255);

   color:rgb(0,0,140);

    padding:0.1em;

   text-decoration:none;

   text-align:center;
}
#slides{
    display:block;
   float:left;

   width:11em;


   border:1px solid rgb(255,255,255);

   background-color:rgb(255,255,255);

   color:rgb(0,0,140);

    padding:0.1em;

   text-decoration:none;

   text-align:center;
}
#content{
    padding: 10px;
    text-shadow: 0px 1px 1px #fff;
}
#content a{
    color: blue;
}
#slideshow-wrapper {
  width: 740px;
  height: 320px;
  margin:30px auto;
}

#slideshow {
  margin: 10px;
  margin-bottom: 5px;
  /*width: 100%;*/
  height: 400px;
  overflow: hidden;
  white-space: nowrap;
}

#slideshow img {
  display: inline-block;
  width: 50%;
  height: 100%;
}

.circle {
  margin-right: 15px;
  display: inline-block;
  background-color: lightgrey;
  width: 12px;
  height: 12px;
  border-radius: 50px;
}
.footer {
             float:left;
             /*width:69em;*/
             height:80px;
              margin: 10px;
             border-top:3px solid rgb(200,0,0);
             font-size:12pt;
             font-weight:normal;
             font-style:normal;
             text-align: center;
             color:gray;
             background-color:white;  
            }
            div.leftpart {
             width:200px;
             height:100px;
             float:right;
}
div.mainContent {
             width:93em;
             height: 500px;
             padding:0.8em;
             /*float:LEFT;*/
            
             font-weight:600;
             font-style:normal;
             margin:10px;
             color:rgb(50,130,140);;
             background-color:rgb(250,250,250);
             border-style:solid;
             border-color:rgb(230,230,230);
             border-width:thin;
             
             overflow: hidden;
             


            
              }
              .edgeHeading{
                           font-size:14pt;
                           font-weight:bold;
                           font-style:normal;
              }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-Jan-2016, 21:05:22
    Author     : James
*/