﻿body
{
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: px;
    padding: px;
    color: #acd1df;
    background-image: url('../images/GBG.jpg');
    background-repeat: repeat-x;
    text-align: justify left
}

p.budyText { color: black; font-size: medium;text-align: justify left;line-height: 0.70;} 
h1.budyText { color: black; font-size: medium;text-align: justify left;line-height: 0.70;} 
h2.budyText { color: black; font-size: medium;text-align: justify left;line-height: 0.70;} 
ul.budyText { color: black; font-size: medium;text-align: justify; line-height: 1.80;} 
li.budyText { color: black; font-size: medium;text-align: justify; line-height: 3.00;} 


boday table
{
    color:#000000;
    font-size: medium;
    line-height: 1.70;
    text-indent: 40px;
    text-align: justify;
}

body p
{
    color:#000000;
    font-size: medium;
    line-height: 1.70;
    text-indent: 40px;
    text-align: justify;
    }


#wrapper
{
    width: 1080px;
    background-color: #acd1df;
    margin: 0 auto;
    padding: 5px;
    border: 0px solid #dedede;    
}

#banner
{
    background-image: url('../Images/banner.jpg');
    background-repeat: no-repeat;
    border: 3px solid #E3E3E3;
}

#content_area
{
    float:  left;
    width: 730px;
    margin: 20px 0px 0px 20px 0;
    padding: 30px ;
}

#sidebar
{
    float: right;
    width: 260px;
    height: auto;
    margin: 20px 10px 20px 10px;
    padding: 1px;
    border: 2px solid #E3E3E3;
    border-top-color: #acd1df;
    border-bottom-color:#acd1df;
    border-right-color:#acd1df;
}

#footer
{
    clear: both;
    width: auto;
    height: 20px;
    padding: 5px;
    border: 2px solid #E3E3E3;
    border-left-color: #acd1df;
    border-bottom-color:#acd1df;
    border-right-color:#acd1df;
    text-align: center;
    vertical-align: middle;
    color: black;
    background-color:#acd1df;

   }




.h1
{
 font-style:normal;
    font-size: large;
    font-weight: bold;
}


.h2
{
    color:#000066;
    text-indent: 30px; 
    font-size: medium;
    font-weight: bold
}

.h3
{
    color: Black;
    text-indent: 30px; 
    font-size: normal;
    font-weight: bold
}


.FName
{
    color: #000066;
    font-size: medium;
    line-height: 1.70;
    text-indent: 50px;
    text-align:justify;
}


.JobTitle
{
    color: #000066;
    font-size: medium;
    text-align:justify;
    line-height: 1.70;
    margin-left: 50px
    
}



 /* .box div holds the bottom image */
  .box {
    background-repeat: no-repeat
    background-attachment:  scroll left bottom;
    background-position: left bottom;
    margin-bottom: 10px;
    padding: 0 0 15px;
    width: 350px;
    height: 186px;
    background-color: transparent;
    background-image: url('../images/boxBottom.jpg');
    background-attachment: scroll;
}

 /*  this is the title h3 tag and contains the background
     image for the title	*/

  .box h3 {
    background: url(../images/box1.jpg) repeat scroll 0 0;
    color: white;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    padding: 0px 40px;
 }

 /* The paragraph tag contains the side borders mark-up */

 .box p {
    background: #ffffff none repeat scroll 0 0;
    border-color: #CCC;
    border-width: 0 1px;
    border-style: solid;
    color: #444444;
    font-size: 11px;
    line-height: 1.3em;
    margin: 0;
    padding: 15px 14px 0;
    width: 320px;
 }
  


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #1d498b;
    border: 1px #4e667d solid;
    color: #FFFFFF;
    display: block;
    line-height: 1.35em;
    
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index:1000000;
    direction: ltr
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;

}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* SlideShow   
----------------------------------------------------------*/

#slideshow  
{
 
    margin: 15,0,0,0;

/*    margin: 10px auto;  */
    position: relative; 
    width: 700; 
    height: 300px; 
    
 }

#slideshow > div { 
    position:  absolute; 
    width: 50%;
    margin: 15,0,0,0;

        width: 700; 
    height: 300px; 
}

/* PhotoCaption   
----------------------------------------------------------*/

figure {
    border: 1px #cccccc solid;
    padding: 4px;
    margin: auto;
}

figcaption {
    background-color: white;
    color: black;
    font-style: italic;
    padding: 2px;
    text-align: center;
}
