/* CSS Document - NGDP*/

body { 
background: url(../images/mainbg.gif);
color:#000; 
font-family: arial, helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
min-width: 766px; 
text-align: center;
}

#frame { 
position:relative;
width: 766px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
margin-top: 0;
padding:0;
text-align: left;
}

/*skiplinks for access keys*/
#skiplinks {display:none;}

#skiplinks li { 
display:inline;
margin: 0;
padding: 0;
list-style-type: none; 
} 

#skiplinks a { 
position: absolute;
top: 0;
left: 20px;
width: 0px;
height: 0;
z-index: 1000;
background-color: #fff;
color: #dc2a1a;
font-weight: bold;
font-size: 1em !important;
overflow: hidden;
} 

#skiplinks a:active { 
position: absolute;
margin: 0;
padding:6px;
width: auto;
height: auto;
border-top-width: 0px;
border-left-width: 0;
border-bottom-width: 0;
overflow: visible; 
border-right-width: 0; 
font-size: 0.6em;
} 

hr.hide { display: none;}

/* >>>>>>>>>>>>>> HEADER STARTS <<<<<<<<<<<<<< */
#headerwrap {
width:766px;
float:left;
position:relative;
margin:0;
padding:0;
}

#header {
width:766px;
float:left;
position:relative;
margin:0;
padding:0;
}

#header img {
border:0;
float:left;
}

/* breadcrumb starts */
#breadcrumb { 
position: relative;
width:766px;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
color:#B0D237;
margin:0;
padding:20px 0 4px 0;
float:left;
background:#000;
font-weight:lighter;
border-bottom:1px solid #96C4C3;
}

#breadcrumb ul {
margin:0;
padding:0 0 0 9px;
list-style-type:none;
}

#breadcrumb ul li {
display:inline;
font-size:1.1em;
margin:2px 0;
padding:0 4px 0 0;
color:#B0D237;
}

#breadcrumb ul li a {
color:#B0D237;
text-decoration:none;
padding:0;
margin:0;
display:inline;
background: url(../images/breadbullet.gif) 0px 6px no-repeat;
padding-left:8px;
}

#breadcrumb a:hover {
display:inline;
text-decoration: underline;
}	

#breadcrumb ul li.current{
color:#B0D237;
background: url(../images/breadbullet.gif) 0px 6px no-repeat;
padding-left:8px;
}

/* #bd-intro #breadcrumb ul li:first-child {
display:none;
} */

/* breadcrumb ends */

/* >>>>>>>>>>>>>> HEADER ENDS <<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>> NAVIGATION STARTS <<<<<<<<<<<<<< */
/* main nav */
#navcontain {
width:766px;
float:left;
position:relative;
margin: 0;
padding:0;
}
 
ul#nav {
width: 766px;
height: 59px;
background: #fff url(../images/menu.gif);
margin: 0;
padding: 0;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#nav li, #nav a { /* turns links into blocks */
height: 59px;
display: block;
padding: 0;
}

#nav li a { /* pushes link text off the page */
text-indent: -9999px;
text-decoration: none;
height: 59px;
}

#nav a {
padding: 59px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
text-decoration: none;
}

/* sets the width and position of the main links */

#home {left: 0; width: 109px;}
#whatisngdp {left: 109px; width: 109px;}
#workinginlocalgovernment {left: 218px; width: 109px;}
#people {left: 327px; width: 109px;}
#howtojoin {left: 436px; width: 109px;}
#apply {left: 545px; width: 109px;}
#faqs {left: 654px; width: 109px;}


/* setting background image positions of main nav buttons... */
#home a:hover, #home .current, #home a:hover.current  {background: transparent url(../images/menu.gif) 0 -59px no-repeat;}
#whatisngdp a:hover, #whatisngdp .current, #whatisngdp a:hover.current {background: transparent url(../images/menu.gif) -109px -59px no-repeat;}
#workinginlocalgovernment a:hover, #workinginlocalgovernment .current, #workinginlocalgovernment a:hover.current {background: transparent url(../images/menu.gif) -218px -59px no-repeat;}
#people a:hover, #people .current, #people a:hover.current {background: transparent url(../images/menu.gif) -327px -59px no-repeat;}
#howtojoin a:hover, #howtojoin .current, #howtojoin a:hover.current {background: transparent url(../images/menu.gif) -436px -59px no-repeat;}
#apply a:hover, #apply .current, #apply a:hover.current {background: transparent url(../images/menu.gif) -545px -59px no-repeat;}
#faqs a:hover, #faqs  .current, #faqs  a:hover.current {background: transparent url(../images/menu.gif) -654px -59px no-repeat;}


#homecontainer { 
position:relative;
float:left;
width: 766px;
padding:0;
margin:0;
background:#fff;
}

#flashframe {
position:relative;
float:left;
width: 722px;
margin:0;
padding:20px 0 20px 25px;
}

#flashhome {
position:relative;
float:left;
width: 714px;
margin:0;
padding:0;
}

#homecontent {
position:relative;
float:left;
width: 722px;
padding:0 0 35px 28px;
margin:0;
}

#homeleft {
position:relative;
float:left;
width: 343px;
padding:0;
margin:0;
}

#homeleft img {border:none; margin:6px 0 0 0; padding:0;}

#homeright {
position:relative;
float:left;
width: 379px;
padding:0;
margin:0;
}

#homeright p {
margin:0 20px 0 0;
padding:0;
line-height:1.8em;
font-size:1.6em;
color:#727272;
}

#container { /*contains the submenu and content*/
position:relative;
float:left;
width: 766px;
padding:0;
margin:0;
background:#fff;
}

#submenu {
width:190px;
float:left;
clear:left;
margin:0;
background:#fff;
}


#top100logo {
margin:30px 0 0 0;
}

#promos {
margin:18px 0 10px 0;
}

#promos img {border:none;}

#submenu ul{
list-style-type:none;
margin:0;
padding:0;
font-size:1.1em;
font-weight:bold;
}

#submenu ul li {
margin:0;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #040404;
}

#submenu ul li a{
color:#fff;
display:block;
background:#040404;
padding:8px 0 7px 12px;
text-decoration:none;
}

#submenu ul li a:hover, #submenu ul li a.current, #Menu4 li a#on {
text-decoration:none;
color:#fff;
background:#007674;
}

#submenu ul ul {
list-style-type:none;
margin:0;
padding:0;
font-size:1.0em;
}

#submenu ul li ul li a{
padding-left:25px;
}

/* >>>>>>>>>>>>>> NAVIGATION ENDS <<<<<<<<<<<<<< */

/* >>>>>>>>>>>>>> MAIN CONTENT STARTS <<<<<<<<<<<<<< */

#maincontainer {
position:relative;
width:576px;
float:left;
padding:25px 0 20px 0;
margin:0;
background:#fff;
}

#maincontainer p {
padding:0;
margin:0 30px 13px 22px;
font-size:1.2em;
line-height:1.7em;
}

#maincontainer h3.display {
margin:0 30px 0 22px;
padding:5px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#maincontainer a, .bulletSub a, #maincontainer ul li a, h3.display a, p.display a {
color:#007674;
text-decoration:none;
margin:0;
padding:0;
}

#maincontainer a:hover, .bulletSub a:hover, #maincontainer ul li a:hover, h3.display a:hover,  p.display a:hover{
color:#B0D237;
text-decoration:none;
}

#maincontainer ul {
margin:0 35px 15px 45px;
padding:0;
}

#maincontainer ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #000;
}

#maincontainer ul li ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #000;
}

#maincontainer h1 {
font-size:3.0em;
color:#B0D237;
margin:6px 0 0 22px;
padding:0 0 15px 0;
font-weight:normal;
}

#maincontainer h2 {
color:#99CC33;
font-size:2.4em;
font-weight:normal;
margin:0 30px 0 22px;
padding:0;
}

#maincontainer h3 {
color:#99CC33;
font-size:1.8em;
font-weight:normal;
margin:0 30px 0 22px;
padding:0;
}

#maincontainer h3 a, h3 a:hover {
color:#007674;
font-weight:normal;
margin:0 30px 0 22px;
padding:0;
font-size:1.2em;
}

#maincontainer h4  {
color:#99CC33;
font-size:1.3em;
margin:0 30px 0 22px;
padding:0;
}

#maincontainer .bulletSub {
font-size: 1.0em;
}

#bd-home img {
border:none;
}

#bd-home img.imagepadding {
padding-bottom:3px;
}

html>/**/body#bd-home img.imagepadding {padding-bottom:0;}

html >/**/body#bd-casestudies h1 img {
margin:6px 0 0 0;
padding:0;
}
bd-government

#bd-casestudies h1 {
font-size:3.0em;
color:#B0D237;
margin:0;
padding:0;
font-weight:normal;
}

#casecarolyn h1 {
padding-top:0;
}

#casename h1 {
padding-top:0px;
}

#casepetra h1{
padding-top:0px;
margin-bottom:0;
}

#casemichael h1 {
padding-top:0px;
margin-bottom:0;
}


#casehelen, #casename, #casemichael, #casecarolyn, #casepetra, #casefrancis {height:155px;}

html > /**/ body #casehelen {min-height:155px; height:auto;}
html > /**/ body #casename {min-height:155px; height:auto;}
html > /**/ body #casemichael {min-height:155px; height:auto;}
html > /**/ body #casecarolyn {min-height:155px; height:auto;}
html > /**/ body #casepetra {min-height:155px; height:auto;}
html > /**/ body #casefrancis {min-height:155px; height:auto;}


#casehelen h1 {
padding-top:0px;
}

#casefrancis h1 {
padding-top:0px;
}

.photo {
float:left;
margin-right:15px;
margin-left:22px;
}

#maincontainer div.stretcher {
margin:0 30px 0 22px;
padding:0;
}

div.stretcher ul li {
padding:0 0 3px 0;
line-height:1.6em;
}

.bullets {
font-size:1.0em;
}

#maincontainer img {
border:0;
}

.floatright {
float:right;
}

.clearboth {
clear:both;
}

#bd-casestudies ul#peoplethumb {
margin:0 0 0 22px;
padding:0;
list-style-type:none;
}

#bd-casestudies ul#peoplethumb li {
float:left;
padding:0 30px 20px 0;
margin:0;
width:230px;
}

#bd-casestudies ul#peoplethumb li img {
float:left;
position:relative;
padding:0 5px 0 0;
}

#map {
padding:0 0 0 15px;
}

#map p {
margin-left:8px;
}

div#government {
padding-left:21px;
}

/* >>>>>>>>>>>>>> MAIN CONTENT ENDS <<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>> FOOTER STARTS <<<<<<<<<<<<<< */

#footerwrap {
height: 122px;
clear:both;
}

#footer {
position:relative;
width:766px;
height: 122px;
background:#007674;
float:left;
clear:both;
margin:0 24px 0 0;
padding:15px 0 0 0;
/*border-top:3px solid #000;*/
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
text-transform:uppercase;
}

html > body #footer{padding:22px 0 0 0; height:122px}

html > /**/ body #footer{padding:22px 0 0 0; height:122px}

#footer ul {
float:left;
list-style-type:none;
padding:8px 18px 0 25px;
margin:0;
}

#footer img {border:none;}

#footer ul li {
float:left;
border-bottom:1px solid #007674;
}

#footer ul li {
float:left;
border-bottom:1px solid #007674;
margin-top:12px;
}

#footer ul li.footlogo {
float:left;
border-bottom:1px solid #007674;
margin-right:25px;
margin-top:0;
}

#footer a {
text-decoration: none;
margin:0;
padding:0 3px 0 3px;
color:#fff;
}

#footer a:hover{
text-decoration: none;
color:#fff;
}	 
/* >>>>>>>>>>>>>> FOOTER ENDS <<<<<<<<<<<<<< */