body
{
    background-color: #FFFFFF;
}

#content
{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    z-index: 4;
}

#Header
{
    width: 100%;
    height: 200px;
    position: relative;
    vertical-align: top;
    text-align: center;
}

#Navagation
{
    width:200px;
    float: left;
    position: relative;
    height: auto;
    list-style-type: none;
    border-right: groove;
    border-right: 3px;
    border-right-color: #FFFFFF;
    margin-bottom: 10px;
    left: -40px;
    top: 15px;
}


 
#Main-content
{
    float: right;
    display: inline;
    position: relative;
    width: auto;
    height: auto;
    margin-top: 40px;
}

.Info-box
{
    width: 100%;
    height: auto;
    background-color: #0066FF;
    text-align: center;
    color: #FFFFFF;
}

.News-box
{
    text-align: center;
    list-style-type: square;
    list-style-position: inside;
    background-color: #0066FF;
    border-right: #ffffff 3px inset;
    border-bottom: #ffffff 3px inset;
    height: auto;
    width: auto;
    vertical-align: top;
    margin-right: auto;
}

.Table-aboutme
{ 
    font-size: 15px;
    color: #0000FF;
    font-style: italic;
    font-family: Arial;
    text-decoration: underline;
 }



.Head
{
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: underline;
    background-repeat: repeat-x;
    background-image: url(images/news_head.png);
    height: 30px;
    font-family: Arial;
    width: 100%;
}

.Text1
{
    
    color: #FFFFFF;
    font-size: 15px;
    text-align: left;
}



 .link-list
{
    color: #0033CC;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 15px;
}

 a
{
    color: #0000CC;
    font-size: 14px;
}

 a:hover
{
    color: #0000FF;
    font-size: 14px;
    text-decoration: underline;
}

a:visted
{
    color: #0099FF;
    font-size: 14px;
}

.oldnewsnav 
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
}


h1
{
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
}

h2
{
    font-size: 18px;
    font-weight: bold;
    color: #0033CC;
    text-decoration: underline;
    text-align: center;
    font-family: Arial;
}   


h3
{
    font-size: 18px;
    font-weight: bold;
    color: #0033CC;
    text-decoration: underline;
    text-align: center;
    font-family: 'Arial Black';
}   

h4
{
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: underline;
    background-repeat: repeat-x;
    background-image: url(images/news_head.png);
    width: 100%;
    font-family: Arial;
}

h5
{
    color: #CCCCCC;
    font-size: 15px;
    text-align: left;
}

p
{
    font-size: 14px;
    color: #0000FF;
    font-style: normal;
    font-family: Arial;
}

li
{
    color: #0033CC;
    list-style-position: inside;
}

.newslist
{
    color: #CCCCCC;
    list-style-position: inside;
    list-style-type: square;
}

.questions
{
    font-size: 16px;
    font-weight: lighter;
    color: #0000FF;
    font-style: normal;
    text-align: left;
}

.Answers
{
    font-size: 16px;
    font-weight: bold;
    color: #0000FF;
    text-align: left;
}

.lastupdated
{
    font-size: 15px;
    font-weight: bolder;
    color: #0033CC;
    font-style: normal;
    vertical-align: bottom;
    text-align: left;
}
#footer
{
    background-position: center top;
    width: 100%;
    height: 10%;
    clear: both;
    vertical-align: bottom;
    text-align: center;
    background-image: url(images/footer.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
}

#footer a
{
    color: #FFFFFF;
    text-decoration: none;
}

#footer a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

#footer.p
{
    font-size: 14px;
    color: #0000FF;
    font-style: normal;
    font-family: Arial;
}
.Navlist
{
    list-style-type: none;
    width: 195px;
    margin-left: -15px;
    margin-top: -1px;
    list-style-position: inside;
    margin-bottom: 5px;
}


html > body .Navlist
{
    list-style-type: none;
    width: 197px;
    list-style-position: inside;
    margin-left: -38px;
    margin-top: -1px;
}


.navlist a
{
    background-image: url(images/nav_bg1.png);
    background-repeat: repeat-x;
    display: list-item;
    list-style-type: none;
    color: #ffffff;
    height: 25px;
    font-size: 16px;
}

* html .navlist li a
{
   /*IE only. */
    background-image: url(images/nav_bg1.png);
    background-repeat: repeat-x;
    display: list-item;
    list-style-type: none;
    color: #FFFFFF;
    width: 198px;
    height: 25px;
      font-size: 16px;
}

 *html .navlist .head
{
    /*IE only. */
   background-image: url('images/nav_head.png');
    background-repeat: repeat-x;
    text-decoration: underline;
    text-align: center;
    color: #FFFFFF;
    list-style-type: none;
    height:auto;
    width:150px;
    font-family: Arial, Helvetica, sans-serif;
}


*html.navlist a:hover
{
     /*IE only. */
    text-decoration: underline;
    background-image: url(images/nav_bg2.png);
    background-repeat: repeat-x;
    list-style-type: none;
    color: #FFFFFF;
      font-size: 16px;
}


.navlist a:hover
{
    text-decoration: underline;
    background-image: url(images/nav_bg2.png);
    background-repeat: repeat-x;
    list-style-type: none;
    color: #FFFFFF;
      font-size: 16px;
}


.navlist li  a:visted, .navlist li  a:active
{
    color: #FFFFFF;
}

    
hr
{
    color: #0000FF;
    
}

.Date
{
    color: #FFFFFF;
    background-image: url(images/header_date.jpg);
    background-repeat: repeat-x;
    width: 100%;
    font-size: 16px;
    text-decoration: underline;
    height: 20px;
    text-align: left;
}
        
  
.oldnews
{
    border-width: thin;
    border-style: none hidden hidden hidden;
    border-color: #FFFFFF;
    color: #0033CC;
    font-size: 14px;
    text-align: left;
    empty-cells: hide;
    background-color: Transparent;
}
.oldnewshead
{
    background-image: url('images/footer.png');
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: underline;
    width: 100%;
    font-size: 16px;
}

.lhead
{
    text-decoration: underline;
    color: #FFFFFF;
    list-style-type: none;
    background-color: #1804CA;
    background-repeat: repeat-x;
    font-size: 18px;
}

.webdesignbox
{
    width: 200px;
    text-align: center;
    background-image: url(images/wd_mid.png);
    background-repeat: repeat-y;
}



.top
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    height: 31px;
    background-image: url(images/wd_free.png);
    background-repeat: repeat;
}

.text
{
    /*IE only. */

    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    background: url(images/wd_end.png) no-repeat bottom;
}


.top-a
{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    height: 31px;
    background-image: url(images/wd_basic.png);
    font-family: 'Arial Black';
    text-decoration: underline;
    background-repeat: repeat;
}

.top-b
{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    height: 31px;
    background-image: url(images/wd_personal.jpg);
    font-family: 'Arial Black';
    text-decoration: underline;
    background-repeat: repeat;
}




.top-c
{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    height: 31px;
    background-image: url(images/wd_music.png);
    font-family: 'Arial Black';
    text-decoration: underline;
    background-repeat: repeat;
}



.top-d
{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    height:31px;
    background-image: url(images/wd_buisness.jpg);
    font-family: 'Arial Black';
    text-decoration: underline;
    background-repeat: repeat;
}



.top-e
{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    height: 31px;
    background-image: url(images/wd_preimium.jpg);
    font-family: 'Arial Black';
    text-decoration: underline;
    background-repeat: repeat;
}



    
* html .contentbox
{
    background-position: url(images/contentbox_mid.png) repeat-y;
    width: 1000px;
    background: url(images/contentbox_mid.png) repeat-y;
    height: auto;
    position: relative;
    margin-top: -5px;
    margin-bottom: 20px;
    margin-left: -220px;
}

html > .contentbox
{
   background-position: url(images/contentbox_mid.png) repeat-y;
    width: 1000px;
    background: url(images/contentbox_mid.png) repeat-y;
    margin-top: -5px;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}


 .contentbox
{
    background-position: url(images/contentbox_mid.png) repeat-y;
    width: 1000px;
    background: url(images/contentbox_mid.png) repeat-y;
    margin-top: -5px;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}




.contentbox .boxtop
{
    background: url(images/contentbox_head.png) no-repeat top;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    height: 31px;
}

.contentbox .boxbot {
  margin: 0;
  text-align: left;
  padding: 10px 10px 10px 10px;
  color: #000000;
  font-size: 16px;
  background: url(images/contentbox_end.png) no-repeat bottom;
  }


.navbox
{
    width: 200px;
    background: url(images/navbox_mid.png) repeat-y;
    margin-left: 40px;
    list-style-position: inside;
    margin-bottom: 20px;
    margin-top: 20px;
}

* html  .navbox
{
    width: 200px;
    background: url(images/navbox_mid.png) repeat-y;
    margin-left: 40px;
    list-style-position: inside;
    margin-bottom: 20px;
    margin-top: 20px;
}


.navbox .boxtop
{
    background-position: top;
    background: url(images/navbox_head1.png) no-repeat top;
    color: #ffffff;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}



.navbox .boxtop1
{
    background-position: top;
    background: url(images/navbox_head2.png) no-repeat top;
    color: #ffffff;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.navbox .boxtop2
{
    background-position: top;
    background: url(images/navbox_head3.png) no-repeat top;
    color: #ffffff;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.navbox .boxtop3
{
    background-position: top;
    background: url(images/navbox_head4.png) no-repeat top;
    color: #ffffff;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.navbox .boxtop4
{
    background-position: top;
    background: url(images/navbox_head5.png) no-repeat top;
    color: #ffffff;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.navbox .boxbot {
  background: url(images/navbox_end.png) no-repeat bottom;
  }
  
  
  
  .projectsbox {
  width: 200px;
  background: url(images/pprojects_mid.png) repeat-y;
  }


.projectsbox .top1
{
    background-position: top;
    background: url(images/pprojects_top1.png) no-repeat top;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    height: 30px;
}

.projectsbox .boxbot {
  margin: 0;
  text-align: left;
  color: #000000;
  background: url(images/pprojects_end.png) no-repeat bottom;
  }