/* CSS Document */

html, div, p, ul, li, span, img, hr {
margin:0;
padding:0;
}

body {
background:url(../images/bkg_mainStripes.gif) top left repeat;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
letter-spacing:.1px;
margin:-63px 0 0 0;
}

a {
text-decoration:underline;
color:#2e549f;
}

a:hover {
text-decoration:none;
color:829dd3;
}

#wrapper {
margin:10px auto 0 auto;
padding:0;
width:1024px;
}

#mainContainer {
margin:0;
padding:0;
width:978px;
min-height:621px;
background:url(../images/bkg_shadow.gif) top repeat-y;
}

.validation ul {
    padding-left:20px;
}

/*----------------------- headerContainer Section --*/

#headerContainer{
background-color:#031b4a;
border-left:1px solid #dad9d9;
border-right:1px solid #dad9d9; 
border-top:1px solid #dad9d9;
margin:0 0 0 8px;
height:126px;
width:956px;
}

.navContainer {
background:url(../images/bkg_mainNav.gif) repeat-x;
border-left:1px solid #5a8bed;
border-right:1px solid #5a8bed;
height:53px;
margin:57px 0 0 26px;
width:865px;
padding:0 0 0 39px;
}

.navContainer ul {
    height:41px;
    padding:11px 0 0 0;
    text-align:center;
    width:895px;
}

.navContainer li {
color:#fff;
display:inline;
list-style:none;
}

.navContainer li a {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

.navContainer li a:hover {
text-decoration:none;
}

.navContainer li.selected a {
text-decoration:none;
}

.navContainer span.navSelected {
color:#000;
font-weight:bold;
}

.white-space {
background:url(../images/gfx_topRightCorner.jpg) no-repeat;
position:relative;
left:956px;
top:-2px;
height:16px;
width:13px;
}

/*---------------------------------------------------*/
/*----------------------- contentContainer Section --*/

#contentContainer {
margin-left:8px;
height:auto;
width:958px;
}

.mainHeader {
background:url(../images/bkg_mainHeader.jpg) no-repeat;
border-left:1px solid #dad9d9;
border-right:1px solid #dad9d9; 
height:224px;
width:956px;
}

.logo {
position:relative;
top: 0px;
left: 105px;
width: 352px;
height: 115px;
margin-bottom:-13px;
}

.quote {
position:relative;
top: -20px;
left: 563px;
width: 332px;
height: 165px;
margin-bottom:-13px;
}

.quote h3 {
color:#0f2248;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 17px;
font-weight:normal;
margin:0;
padding:0 0 16px 4px;
}

.quote p {
padding-left:5px;
}

.quote p span {
margin-left:-5px;
}

.quote p.quoteLink {
padding-top: 10px;
}

.frankHanna {
position:absolute;
top: 0;
margin:43px 0 0 630px;
width: 258px;
height: 255px;
margin-bottom:-90px;
z-index:9040;
}

.mainContentHomeBody {
background:url(../images/bkg_homeContent.gif) top repeat-y;
width:958px;
}

.homeHeaderShadow {
height:26px;
width:958px;
}

.homeContent {
margin:0 428px 0 63px;
min-height:204px;
width:467px;
}

.homeContent p {
padding:5px 41px 26px 43px;
}

.mainContentHomeBodyBtm {
height:37px;
width:958px;
}

/*-- Interior Pages Block ---------------------------*/

.mainContentIntBody {
background:url(../images/bkg_content.gif) top repeat-y;
width:958px;
}

.intHeaderShadow {
height:29px;
width:958px;
}

.intContent {
margin:0 24px 0 25px;
min-height:204px;
overflow:hidden;
width:909px;
}

.intContentRightSideBar{
  background-image: url(../images/GreyGradientBook.jpg);
  background-repeat: no-repeat;
  width: 209px;
  height: 321px;
  /*top: 350px;
  left: 950px;*/
  float: right;
  padding: 0px 50px 0px 0px;
  margin: 22px 0px 0px 0px;
  cursor: pointer;
}


.intSubNav {
float:left;
padding:0 0 0 46px;
width:216px;
}

.intSubNavList {
background-color:#f2f2f2;
padding:2px 18px 15px 14px;
width:184px;
position:absolute;
margin:0 0 0 660px;
}

.intSubNavList li {
border-bottom:1px solid #c4c4c4;
list-style:none;
padding:6px 0 6px 0;
}

.intSubNavList li.first {
border:none;
padding-left:11px;
/*background:url(../images/ico_arrow.gif) 0 8px no-repeat;*/
}

.intSubNavList li.subLink {
padding-left:11px;
}

.intSubNavList li a, .intSubNavList li.selectedSub a,
.intSubNavList li.selectedSub, .intSubNavList li.subLink {
color:#031b4a;
font-size:12px;
font-weight:bold;
}

.intSubNavList li.selectedSub a {
text-decoration:none;
}

.intContentCopy {
/*float:right;*/
padding:2px 0px 50px 0;
width:647px;
}

.intContentCopy p {
padding:0 56px 28px 43px;
}

.intContentCopy p.bioHeader {
font-size: 16px;
text-align: center;
width: 550px;
}

.intContentCopy p.bioText {
padding:10px 56px 15px 55px;
text-indent: 25px;
}

.intContentCopy p.startList {
padding:0 56px 15px 43px;
}

.intContentCopy p.copyHdr {
border-bottom:1px solid #c4c4c4;
font-size:14px;
font-weight:bold;
margin:0 56px 8px 43px;
padding:0 0 5px 0;
}

.intContentCopy p.last {
padding-bottom:42px;
}

.intContentCopy ul.copyList {
padding:0 40px 0 90px;
}

.intContentCopy ul.copyList2 {
padding:0 40px 0 150px;
}

.intContentCopy ul.copyList li, 
.intContentCopy ul.copyList2 li {
padding:2px 0 2px 0;
}

.intContentCopy span.copyIndent {
padding-left:55px;
}

.intContentCopy blockquote {
padding-left:55px;
}

.mainContentIntBodyBtm {
clear:left;
height:39px;
width:958px;
}

/*---------------------------------------------------*/
/*------------------------ footerContainer Section --*/

#footerContainer {
/*background:url(../images/gfx_bottomShadow.gif) 0 0 no-repeat;*/
color:#8d8d8d;
width:978px;
}

#footerContainer .bottomShadow {
background:url(../images/gfx_bottomShadow.png) 0 0 no-repeat;
height:15px;
width:978px;
}

#footerContainer p {
padding:5px 48px 16px 5px;
text-align:right;
}

/*---------------------------------------------------*/
/*--------------------------------- global classes --*/

.largeBoldHome {
font-size:18px;
font-weight:bold;
line-height:22px;
}


.tealLink {
color:#0c7da7;
}

.clear {
clear:both;
height:1px;
line-height:1px;
}

.hide {
    display:none;
}

#global_nav {
position:absolute;
z-index:1000;
margin:55px 0 0 900px;
}

#global_nav a{
color:#FFFFFF;
font-size:10px;
}

/*---------------------------------------------------*/
/*--------------------------------- top navigation --*/

#wrapper #mainContainer #headerContainer .navContainer #hanna a {
    background:url(../images/bkg_topnav.gif) 0 -10px no-repeat;
    width: 157px;
    height:41px;
    display:block;
    float:left;
}


#wrapper #mainContainer #headerContainer .navContainer #hanna a:hover {
    background:url(../images/bkg_topnav_on.gif) 0 -10px no-repeat;
    width: 157px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #hanna {
    background:url(../images/bkg_topnav_on.gif) 0 -10px no-repeat;
    width: 157px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #frank a {
    background:url(../images/bkg_topnav.gif) -157px -10px no-repeat;
    width: 165px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #frank a:hover {
    background:url(../images/bkg_topnav_on.gif) -157px -10px no-repeat;
    width: 165px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #frank {
    background:url(../images/bkg_topnav_on.gif) -157px -10px no-repeat;
    width: 165px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #articles a {
    background:url(../images/bkg_topnav.gif) -342px -10px no-repeat;
    width: 191px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #articles a:hover {
    background:url(../images/bkg_topnav_on.gif) -342px -10px no-repeat;
    width: 191px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #articles {
    background:url(../images/bkg_topnav_on.gif) -342px -10px no-repeat;
    width: 191px;
    height:41px;
    display:block;
    float:left;
}


#wrapper #mainContainer #headerContainer .navContainer #philanthropy a {
    background:url(../images/bkg_topnav.gif) -533px -10px no-repeat;
    /*width: 292px;*/
    width: 280px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #philanthropy a:hover {
    background:url(../images/bkg_topnav_on.gif) -533px -10px no-repeat;
    /*width: 292px;*/
    width: 280px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #philanthropy {
    background:url(../images/bkg_topnav_on.gif) -533px -10px no-repeat;
    /*width: 292px;*/
    width: 280px;
    height:41px;
    display:block;
    float:left;
}

#wrapper #mainContainer #headerContainer .navContainer #contact a {
    background:url(../images/bkg_topnav.gif) -825px -10px no-repeat;
    width: 79px;
    height:41px;
    display:block;
    float:left;
    clear:right;
}

#wrapper #mainContainer #headerContainer .navContainer #contact a:hover {
    background:url(../images/bkg_topnav_on.gif) -825px -10px no-repeat;
    width: 79px;
    height:41px;
    display:block;
    float:left;
    clear:right;
}

/*---------------------------------------------------*/
/*--------------------------------- tips --*/

#dhtmlfloatie{
position: absolute;
left: -900px;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 0;
padding: 15px;
}

#wrapper #mainContainer #mainContainer #contentContainer .mainContentIntBody .intContent .intContentCopy .copyList #extend_list,#wrapper #mainContainer #mainContainer #contentContainer .mainContentIntBody .intContent .intContentCopy .copyList #extend_list_1 {
    display: none;
}


/*---------------------------------------------------*/
/*--------------------------------- CSS DropDown --*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:30px; position:relative;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; z-index:1100}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */


/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub_1 {left:0; top:35px; background: #none; padding:3px 0; white-space:nowrap; width:93px; height:auto;}
.menu :hover ul.sub_1 li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub {left:0; top:35px; background: #none; padding:3px 0; white-space:nowrap; width:93px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#37a237; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:1300; height:auto;}

#wrapper #mainContainer #headerContainer .navContainer .menu #frank .sub ul{
    display:none;
}

#wrapper #mainContainer #headerContainer .navContainer .menu #frank .sub li a{
    background:#7ca6f2;
    border:1px solid #eee;
    height:20px;
    z-index:1400;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9; 
    -khtml-opacity:0.9;
}

#wrapper #mainContainer #headerContainer .navContainer .menu #frank .sub li a:hover{
    background-color:#3399FF;
    
    height:20px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9; 
    -khtml-opacity:0.9;
}

#wrapper #mainContainer #headerContainer .navContainer .menu #frank .sub_1 ul{
    display:none;
}

#wrapper #mainContainer #headerContainer .navContainer .menu #frank .sub_1 li a{
    background:#7ca6f2;
    border:1px solid #eee;
    height:20px;
    z-index:1400;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9; 
    -khtml-opacity:0.9;
}

#wrapper #mainContainer #headerContainer .navContainer .menu #frank .sub_1 li a:hover{
    background-color:#3399FF;
    
    height:20px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9; 
    -khtml-opacity:0.9;
}