body
{ 
background-color:#fcfae3;
background-image:url(/images/background.gif);
font-family:Calibri,verdana;
font-size:11pt;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:5px;
}
img.floatLeft { 
    float: left; 
    margin-right: 10px; 
     margin-top: 1px; 
    margin-bottom: 5px; 
    border:solid 2px #000000;
    padding-top:0px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
     border:solid 2px #000000;
    padding-top:0px;
}
strong{color:#144968;  font-weight:bold;}
.navtop{background-image:url(/images/navtop.gif); width:950px;height:60px;margin-left:0px;}
.navtop2{background-image:url(/images/navtop.gif); width:950px;height:160px;margin-left:0px;}
.navtop3{background-image:url(/images/navtop2.gif); width:1101px;margin-left:0px; background-repeat:no-repeat;}
.navtopbackground{background-image:url(/images/background.gif); width:940px; margin-top:0px;}
a{color:#ff6927; text-decoration:none;}
.head{font-size:16pt; color:#144968; text-align:center; font-weight:bold;}
.head2{font-size:12pt; color:#144968; text-align:center; font-style:italic; font-weight:bold;}
.head4{font-size:12pt; color:#144968; text-align:center;  font-weight:bold;}
.head7{color:#144968;  font-weight:bold;}
.head3{font-size:14pt; color:#144968;  font-weight:bold;}
.head6{color:#718897;  font-size:13pt;font-weight:bold;}
.head5{font-size:10pt; }
.speakerbackground{font-size:16px; font-weight:bold;  background-image:url(/images/speakerbackground.gif); width:200px; height:40px;background-repeat:no-repeat;}
.speakername{padding-left:40px; position:relative; top:10px; color:#faf8e1;}

.aboutnav{font-weight:bold;  background-image:url(/images/aboutnav.gif); width:200px; height:100px;background-repeat:no-repeat;}
.aboutnavlinks{padding-left:40px; position:relative; top:20px; color:#faf8e1;}



h1{line-height:16pt; font-size:16pt; color:#144968; text-align:center;}
h2{line-height:14pt; font-size:14pt; color:#144968; text-align:center;}
h3{line-height:14pt; font-size:12pt; color:#144968; text-align:center;}
h4{line-height:14pt; font-size:14pt; color:#144968;}
.image1{position:relative; left:1px; float:left;}
.image2{position:relative; left:200px; float:left; bottom:-10px; top:30px; left:180px;}
.maindiv{background-color:#123e5b; width:950px; }
.nav{width:250px; background-color:#123e5b; float:left; height:100%; }
.nav2{width:150px; background-color:#123e5b; float:left; height:100%; }
.secondarynav{width:205px; background-image:url(/images/secnav.jpg); float:left;  border-bottom:0px white solid; padding-left:10px; font-size:12px; background-repeat:no-repeat; padding-bottom:1px; padding-top:5px; border-left:30px white solid; height:33px;}
.secondarynav2{width:205px; background-image:url(/images/secnav2.jpg); float:left;  border-bottom:0px white solid; padding-left:10px; font-size:12px; background-repeat:no-repeat; padding-bottom:1px; padding-top:5px; border-left:30px white solid; height:43px;}

.navitem{color:White; background-image:url(/images/hoveroff.jpg); padding-left:20px; border:2px white solid; line-height:30px;  background-repeat:no-repeat; height:37px;  }
.navitemactive{color:White;background-color:#ff6927; padding-left:20px; border:2px white solid; line-height:30px; background-image:url(/images/hover.jpg);background-repeat:no-repeat; height:37px;}
.paragraph{line-height:6px;}
.heading{font-weight:bold; padding-top:5px; padding-bottom:2px; color:#123e5b; }
div.navitem:hover{color:white; background-image:url(/images/hover.jpg);} 
div.navitemactive:hover{background-color:#ff6927;} 
div.navitem2:hover{background-image:url(/images/hover.jpg); color:White;} 
div.AccordionTitle:hover{background-color:#ff6927; } 
a.active{color:Black;}
.research{padding-right:10px; border:0px;}
div.research{padding-right:0px; border:0px; color:#ff6927;}
a.researchtopic{color:#ff6927; text-decoration:underline; font-size:13px;}
.researchcontent{padding-left:30px; font-size:11px; width:550px; padding-bottom:15px; border-bottom: solid 2px #123e5b; }
.order{font-size:13px; font-weight:bold;color:#ff6927; text-decoration:underline; }
 

.navitem2{color:White; padding-top:5px;padding-bottom:10px; padding-left:20px; border:2px white solid; line-height:13px; background-image:url(/images/hoveroff2.jpg); height:30px; background-repeat:no-repeat;}
.navitem2Active{color:White; padding-top:5px;padding-bottom:10px; padding-left:20px; border:2px white solid; line-height:14px; background-color:#ff6927; background-image:url(/images/hover2.jpg);background-repeat:no-repeat; height:30px;  }
.lastnavitem{color:White; padding-left:20px; }
.top{background-color:white; height:0px; width:948px; border:solid 1px #123e5b; }
.secondarytop{ }
img{border:0px;}
.gap{width:0px; float:left;}
.stagebottom{background-image:url(/images/stage_bottom.gif); background-repeat:no-repeat; width:665px; height:35px;}
.stage{float:left;   width:665px; background-image:url(/images/stage_top.gif); background-repeat:no-repeat; }
.stagemiddle{width:665px; background-color:#fbf9e2; margin-left:0px; margin-top:10px;}

.footer{ width:100%; font-size:12px; padding-top:10px; } 
.footertext{margin-left:300px; padding-top:20px; color:White;}
.addresstext{margin-left:350px; color:White;}
.footertext2{margin-left:450px; padding-top:10px; color:White; font-size:small;}
.whitetext{color:White; text-decoration:none; }
.whitetext3{color:black; text-decoration:none; }
.whitetext4{color:#f25532; text-decoration:none; }
.tantext{color:#faf8e1; text-decoration:underline;}
.orangetext{color:#ff6927; text-decoration:none; }
.substage{padding-top:20px; padding-bottom:20px; padding-left:1px; padding-right:1px; }
.executivegreen{color:#479e81; font-weight:bold;}
a.orangetext:hover{color:White;}
a.whitetext2:hover{color:#ff6927;}
.whitetext2{color:White; text-decoration:none; }

/*nav menus*/
.AccordionContent
{
  position:relative;
  width:250px;
  background-color:White;  
  height:0px;
  overflow:auto;
  display:none;  
}

.AccordionContainer
{border:0px #123e5b solid;
  position:relative;
  width:250px;
  background-color:#123e5b;
  float:left; 
}

.AccordionTitle2
{
    background-image:url(/images/hoveroff2.jpg);
    background-repeat:no-repeat;
    color:White; padding-left:20px; border:2px white solid;
    cursor:pointer; line-height:20px;
    height:50px;
    padding-top:5px;
     
}
.AccordionTitle
{
    background-image:url(/images/hoveroff.jpg);
    background-repeat:no-repeat;
    color:White; padding-left:20px; border:2px white solid;
    cursor:pointer; line-height:20px;
    height:30px;
    padding-top:5px;
     
}
div.AccordionTitle2:hover{background-image:url(/images/hover2.jpg); color:White;} 
div.AccordionTitle:hover{background-image:url(/images/hover.jpg); color:White;} 
.AccordionTitleActive
{
    color:White; padding-left:20px; border:2px white solid;
    cursor:pointer; line-height:20px; 
    background-image:url(/images/hover.jpg);  
    background-repeat:no-repeat;
     height:30px;padding-top:5px;
}
.AccordionTitleActive2
{
    color:White; padding-left:20px; border:2px white solid;
    cursor:pointer; line-height:20px; 
    background-image:url(/images/hover2.jpg);  
    background-repeat:no-repeat;
     height:50px;padding-top:5px;
}





/*nav menus end*/

/*professional dev - accordian*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 509px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 1;
}
.glossymenu2{
margin: 5px 0;
padding: 0;
width: 509px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 1;
}

.glossymenu a.menuitem{
background: #768d9d;

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu2 a.menuitem{
background: #b6c6cc;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fbf9e2;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
}




.glossymenu2 a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}

.glossymenu2 a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}



.glossymenu2 div.submenu{ /*DIV that contains each sub menu*/
background: #fbf9e2;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}

.glossymenu2 div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu2 div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu2 div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu2 div.submenu ul li a:hover{
background: #DFDCCB;
}
/*end pd accordion*/




.biomenu{
margin: 5px 0;
padding: 0;
width: 359px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 1;
}
.biomenu2{
margin: 5px 0;
padding: 0;
width: 359px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 1;
}

.biomenu a.menuitem{
background: #152968;

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.biomenu2 a.menuitem{
background: #566592;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.biomenu a.menuitem:visited, .biomenu .menuitem:active{
color: black;
}

.biomenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.biomenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.biomenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}

.biomenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.biomenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.biomenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.biomenu div.submenu ul li a:hover{
background: #DFDCCB;
}




.biomenu2 a.menuitem:visited, .biomenu .menuitem:active{
color: black;
}

.biomenu2 a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}



.biomenu2 div.submenu{ /*DIV that contains each sub menu*/
background: white;
background: white;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}

.biomenu2 div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.biomenu2 div.submenu ul li{
border-bottom: 1px solid blue;
}

.biomenu2 div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.biomenu2 div.submenu ul li a:hover{
background: #DFDCCB;
}



/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */





/* Navigation */

#navigation 
{
	font-size:11pt;
	width: 250px;
	line-height:12px;
	background-color:#ffffff; float:left; height:100%;
	
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
#navigation li {
	border-bottom: 1px solid #ffffff;
}
#navigation li a  {
	display: block;
	padding: 0px 0px 0px 1.5em;
	background-image:url(/images/hoveroff.jpg);
	color: #FFFFFF;
	text-decoration: none;
	height:37px;
	
}
#navigation li a:hover {
	background-image:url(/images/hover.jpg);
	color: #FFFFFF;
	height:37px;
}
#navigation ul ul 
{
	width:205px;
	margin-left:30px;
	background-image:url(/images/secnav2.jpg);
}

#navigation ul ul li 
{
	
	margin:0;
	background-color: #ffffff;
	color: #ffffff;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	color: #ffffff;
}
#navigation ul ul a:hover {
	background-image:url(/images/hoveroff.jpg);
	color: #FFFFFF;
}


/*For the navagation*/
#secondarymenu li{color:Red;}
#side{width:250px; float:left; line-height:12px;background-color:#ffffff;}
#menu {
padding-top:20px;
color: #ffffff;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;}

#menu a{ 
font: bold 14px calibri, verdana;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
margin: 0;
padding: 0px 0px 0px 20px;
height:33px;
}


#menu a 
{
padding-top:1px;
color: #ffffff;
background: #ffffff;
text-decoration: none;background-image:url(/images/hoveroff.jpg); 
line-height:12px;
}

#menu a:hover {
color: #ffffff;
background: #fff;background-image:url(/images/hover.jpg); 
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#menu li {position: relative; width:250px;  }

#menu ul ul ul {
position: relative;
top: 0;
left: 0;
top:100%;
width:250px;

}
div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block; } 

   .black
        {
            COLOR: black;
            FONT-SIZE: 12pt;
            font-weight:bold;
         }
         
    .green16
    {
        COLOR: #11572D;
        FONT-SIZE: 16pt;
        font-weight:bold;
        text-align:center;
    }
    
    .green12
    {
        COLOR: #11572D;
        FONT-SIZE: 12pt;
        font-weight:bold;
    }
    
    .orange12
    {
        COLOR: #E66D24;
        FONT-SIZE: 12pt;
        font-weight:bold;
    }
        
       
    .bluetext
    {
        COLOR: #1d5460;
        FONT-SIZE: 12pt;
        font-weight:bold;
    }
    
    .textItalic
    {
       font-style:italic;
       font-weight:bold;
    }
    
      .white12
    {
        COLOR: #ffffff;
        FONT-SIZE: 12pt;
        font-weight:bold;
    }    
    
     .black14
    {
        COLOR: #000000;
        FONT-SIZE: 14pt;
        font-weight:bold;
    }