/* 
 _________________________________________________________
|     |
| DESIGN + http://fullahead.org  |
| DATE + 2005.05.12   |
| COPYRIGHT + free use if this notice is kept in place | 
|_________________________________________________________|

*/



/* -- Main layout styles -- */

body { 
 margin: 1em 1em 1em 1em;
 padding: 0px;
 font-family: Verdana, Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 75%;
 background: #568f98 url(images/kpa_img/cclfi-graded-bg.gif) center repeat-y;
}

#siteBox {
 width: 90%;
 margin: auto auto auto auto;
}

/* -- Header layout/display styles -- */
#header {
 font-family: Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-style: italic;
 float: left;
 width: 100%;
 height: 85px;
 background: #25509F url(images/kpa_img/hdr.jpg) no-repeat bottom left;
 border-right: 1px solid #333;
 border-left: 1px solid #333;
 border-top: 1px solid #333;
}

#header a {
 float: right;
 width: 10em;
 padding: 5px 10px 5px 10px;
 font-size: 80%;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 color: #fff;
 background-color: #b0c7e4;
 border-bottom: 1px solid #333;
 }

#header a:hover, #header a.active {
 padding-top: 10px;
 background-color: #fff;
 color: #49618f;
}


#header a.lastMenuItem {
 /* background-image: url(images/kpa_img/corner_tr.gif);*/
 background-repeat: no-repeat;
 background-position: top right;
 border-right: 0px;
}

a .desc {
 display: none;
 text-transform: lowercase;
 color: #66cc00; 
}

a:hover .desc, .active .desc {
 display: block;
}




/* -- Header title and subTitle layout/display styles -- */


.title {
 float: left;
 padding: 1em 30px 0 2em;
 font-size: 140%;
 font-weight: bold;
 text-transform: uppercase;
 text-align: right;
 line-height: 90%;
 letter-spacing: 105%;
 color: #3366cc;
}

.subTitle {
 display: block;
 font-size: 70%;
 text-transform: lowercase;
 line-height: 50%;
 letter-spacing: 0.01em;
}





/* -- Content layout/display styles -- */

#content {
 float: left;
 width: 100%;
 padding: 1em 0 1em 0;
 background: #b0c7e4 url(images/kpa_img/cclfi_bg.jpg) repeat top left;
 color: #333;
 border-left: 1px solid #333;
 border-right: 1px solid #333;
}

#contentLeft {
 float: left;
 width: 23.3%;
 margin-bottom: 1em;
 /*background: #fff url(images/kpa_img/corner_sub_tr.gif) no-repeat top right; 
 background: #fff url(/images/kpa_img/combined-logos.jpg) no-repeat bottom center; 
 padding-bottom: 7em;
*/
 background-color: #fff;
}

#logos {margin: 0 auto 2em auto; color: #666; text-align: center; }
#logos img {border: 0; padding: 0; margin: 0}

#contentRight {
 float: right;
 width: 75%;
/* background: #fff url(images/kpa_img/corner_sub_tl.gif) no-repeat top left;*/
 background-color: #fff;
}

#contentComments {
 float: right;
 margin-top: 2em;
 width: 75%;
/* background: #fff url(images/kpa_img/corner_sub_tl.gif) no-repeat top left;*/
 background-color: #fff;
}


#content p { 
 margin: 1.2em 1.2em 1.0em 1.4em;
 font-size: 1.0em;
 line-height: 1.3em;
}

#content a { 
 text-decoration: none;
 color: #e12a97;
}

#content a:hover {
 color: #3366cc;
}

#content h2 {
 color: #e12a97;
 font-size: 118%;
 margin: 0.5em 0 0 1.08em;
/* border-bottom: 1px solid #e12a97; */
}

#content h3 {
 font-size: 110%;
 margin: 0.5em 0 0 1.19em;
}

 .header, .subHeader {
 display: block;
 clear: both; 
 font-weight: bold;
 color: #e12a97;
 border-bottom: 1px solid #b1dae1; 
}

.subHeader {
 border: 0px;
 border-bottom: 1px solid #b1dae1; 
}


blockquote {border: 1px dotted #3366cc; padding: 5px;}
.pullquote {width: 20em; margin: 0 1em 1em 1.2em; border: 1px dotted #3366cc; padding: 2px; float: left; font-size:95%; font-style:italic;}
.pulled{margin: 0px 10px 10px 0px; float: left; border: 1px dotted #3366cc; padding: 2px; } 


table {border-left: 1px dotted #3366cc; border-top: 1px dotted #3366cc; border-spacing: 0; border-collapse:collapse; margin: 0 1.75em 0 1.75em; 
font-size: 95%; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 15px 35px 15px 35px;}
td, th {border-right: 1px dotted #3366cc; border-bottom: 1px dotted #3366cc; }
td {padding: 5px; vertical-align: top; margin: 0;}
tr {background-color: #F8F8F8;}
tr.alt {background-color: #e0e8f1; }
.pre-project td, .pre-project th{width: 50%} 
th {font-weight: bold; text-transform: uppercase; text-align: center; background-color: #3366cc; color: #fff;}
.header-capital-type {font-weight: bold; text-transform: uppercase; text-align: center; background-color: #51b7c6; color: #fff;}
.header-assets, .header-interventions, .header-vulnerabilities-addressed {font-weight: bold; text-transform: uppercase; text-align: center; background-color: #849FCC; color: #fff;}
.header-vulnerabilities {font-weight: bold; text-transform: uppercase; text-align: center; background-color: #727272; color: #fff;}
.vulnerabilities {background-color: #C0C0C0; color: #000}



/*---------- bubble tooltip -----------*/
a.tooltip{ position:relative; z-index:24; text-decoration:none; cursor: help; border-bottom: 1px dotted #555;}
a.tooltip span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tooltip:hover{ z-index:25; color: #aaaaff; background:;}
a.tooltip:hover span.tooltip{display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px;

	color: #993300;
	text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90; }

a.tooltip:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/kpa_img/bubble.gif) no-repeat top; }

a.tooltip:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/kpa_img/bubble_filler.gif) repeat bottom; }

a.tooltip:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
/*	color: #548912;*/
    background: url(images/kpa_img/bubble.gif) no-repeat bottom;
}




/* th.vulnerabilities {font-weight: bold; text-transform: uppercase; text-align: center; background-color: #b10080; ; color: #fff;}*/

img {border-width: 0;}

/* -- Content left site links (large plus icon) -- */

#content a.menuItem {
 display: block; 
 padding: 5px 0 5px 28px;
 background: url(images/kpa_img/icn_plus_on.gif) no-repeat center left;
 border: 0px;
 color: #50a200;
 font-weight: bold;
}

#content a:hover.menuItem { 
 color: #3366cc;
 background: #fff url(images/kpa_img/icn_plus.gif) no-repeat center left;
 border: 0px;
}

#content .summary { 
 color: #66cc00; padding: 0; margin: 0;
}




/* -- Footer layout/display styles -- */

#footer {
 float: left;
 width: 100%;
 height: 3em;
 margin-bottom: 1em !important;
 margin-bottom: 0;
 font-size: 0.6em;
 text-transform: lowercase;
 line-height: 2.6em;
 color: #0AD;
 background: #25509F url(images/kpa_img/hdr.jpg) repeat-y top left;
 border-bottom: 1px solid #333;
 border-right: 1px solid #333;
 border-left: 1px solid #333;
}

#footerLeft {
 float: left;
 width: 60%;
 height: 3em;
 text-align: left;
/* background: url(images/kpa_img/corner_bl.gif) no-repeat bottom left;*/
}

#footerRight {
 float: right;
 width: 35%;
 height: 3em;
 text-align: right;
/* background: url(images/kpa_img/corner_br.gif) no-repeat bottom right;*/
}

#footer a {
 color: #0AD;
}

#footer a:hover {
 color: #b0c7e4;
}




/* -- Display formatting styles -- */

.grey {
 font-size: 0.9em;
 color: #b1dae1;
}

.green {
 color: #66cc00;
}

dfn, acronym, .reference {
 font-style: none;
 cursor: help;
 border-bottom: 1px dotted #b1dae1;
}




/* -- <ul> tag styles -- */
ul{ list-style-image: url(images/kpa_img/li_bullet.gif);}
.assets ul, .vulnerabilities ul, .gains ul {list-style: none; margin: 0; padding-left: 1em; text-indent: -1em;}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
 margin: 5px;
}

.imgLeft {
 float: left;
 margin-left: 0px;
}

.imgRight {
 float: right;
 margin-right: 0px;
}






/* -- Utility classes to create the bottom rounded corners 

.bottomCorner {
 text-align: right;
}

.vBottom {
 vertical-align: bottom;
}
-- */