body 
{
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    background-image :url('../images/nav2.jpg');
    text-align: left;
    
}

#wrapper
{
     border-radius:10px;
    moz-border-radius: 10px; 
    width: 1080px;
    margin: 0 auto;
    padding: 10px;
    background-color:White;    
}

#banner
{
     border-radius:10px;
    moz-border-radius: 10px; 
    height: 60px;
     border: 1px solid red;
  background-color :#336699;
     background-repeat : no-repeat;
    background-size:100% 100%;
    background-position:center;
    text-align: center;
    color:white;
}
#navigation
{
     border-radius:10px;
    moz-border-radius: 10px; 
     height: 40px;
     width: auto;
     border: 1px solid #E3E3E3;
     margin-top: 20px;
     background-color :#336699;
    
}
#nav {
    list-style: none;
}
#nav ul 
{
     border-radius:10px;
    moz-border-radius: 10px; 
    list-style: none;
    margin: 0;
    padding:0;
    width: auto;
    display: none;
}
#nav li 
{
     border-radius:10px;
    moz-border-radius: 10px; 
    font-size: x-large;
    float: left;
    position: relative;
    width: 171px;
    height: 44px;
    font-family: Chiller;
    top: -9px;
    left: 9px;
}
#nav li ul li {
background-color :#336699;
    background-repeat: no-repeat;
    background-size: cover;
     border-radius:10px;
    moz-border-radius: 10px; 
    border: 1px solid #E3E3E3;
    padding-left: 10px;
}
#nav a:link, #nav a:active, #nav a:visited {
    display: block;
    color: #fff;
    font-size: x-large;
}
#nav a:hover {
    color:red;
     }
.imgLeft
     {
         float:left;
         width: 240px;
         height: 150px;
         margin: 0px 10px 10px 0;
         padding: 10px;
     }
.imgRight
     {
         float:right;
         width: 200px;
         height: 250px;
         margin: 0px 0 10px 10px;
         padding: 10px;
     }
#content_area
{
     border-radius:10px;
    moz-border-radius: 10px; 
    float: left;
    width: 1060px;
    margin: 20px 0 20px 0;
    padding: 10px;

    
                border: 1px solid blue;
}

#footer
{
     border-radius:10px;
    moz-border-radius: 10px; 
    clear:both;
    width: auto;
    height: 40px;
    margin-top: 20px;
    background-color:#336699;
   
    text-shadow: 0.1em 0.1em #333;
    color: #fff;
    text-align: center;
}


.courseTable
{
    width: 750px;
    height: 250px;
    margin: 10px 10px 10px 0;
    border:1px solid #E3E3E3;
    border-radius:10px;
    moz-border-radius: 10px; 
}

.courseTable tr th, .courseTable tr td
{
    text-align:left;
    padding: 0px 5px 0 5px;
}
.courseTable img
{
    padding: 0px 10px 10px 10px;
    height: 150px;
    width: 150px;
}

.preg
{
    width: 750px;
    height: 250px;
    margin: 10px 10px 10px 0;
    border:1px solid #E3E3E3;
    border-radius:10px;
    moz-border-radius: 10px; 
}

.preg tr th, .preg tr td
{
    text-align:left;
    padding: 0px 5px 0 5px;
}
.preg img
{
    padding: 0px 10px 10px 10px;
    height: 30px;
    width: 100px;
}