/* LEAPSEED CORE STYLE SHEET */

/* LINK STYLES */
a:link       {color: #003065; text-decoration: underline;}
a:visited {color: #377abc; background-color:transparent; text-decoration: none}
a:active  {color: #377abc; background-color:transparent; text-decoration: none }
a:hover   {color: #8095AC; background-color:transparent; text-decoration: none }

body	{
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11pt;
	color: rgb(64,64,64);
	}

body.main          
{
    background-color: #707F94;
    margin-top: 0px;
    background-image: url(/images/cepa/cepa_bg.jpg);
    background-repeat: repeat-x;
}

img	{ padding:0px; margin:0px;}

/* HEADER STYLES */
h1   { font-family: Verdana, Arial, Helvetica; font-size: x-large; color: #000000 }
h2   { font-family: Verdana, Arial, Helvetica; font-size: x-large; color: White }
h3   { font-family: Verdana, Arial, Helvetica; font-size: large; color: #000000 }
h4   { font-family: Verdana, Arial, Helvetica; font-size: medium; color: #000000 }
h5   { font-family: Verdana, Arial, Helvetica; font-size: small; color: rgb(84,130,175) }
h6   { font-family: Verdana, Arial, Helvetica; font-size: x-small; color: rgb(84,130,175) }

form { margin: 0px; }

/* INPUT STYLES */
textarea { font-family: Arial; font-size: small; color: rgb(64,64,64)  }
input { font-family: Arial; font-size: small; color: rgb(64,64,64)  }
select { font-family: Arial; font-size: small; color: rgb(64,64,64)  }

/* PARAGRAPH, LIST AND FONT STYLES */
p { font-family: Verdana, Arial, Helvetica; font-size: small; color: rgb(64,64,64)  }
div { font-family: Verdana, Arial, Helvetica; font-size: small; color: rgb(64,64,64)  } 
li { font-family: Verdana, Arial, Helvetica; font-size: small; color: rgb(64,64,64)  } 

span          {   }

/*  TABLE STYLES */
table {
	padding: 0px;
	spacing: 0px;
	}

td {
	font-family: Verdana, Arial, Helvetica;
	font-size: small;
	color: #333333;
}



/* CLASS SPECIFIC STYLES BEGIN HERE */

a.top:link       { color: rgb(255,255,255);  background-color:transparent; text-decoration: none }
a.top:visited {color: rgb(255,255,0) ; background-color:transparent; text-decoration: none }
a.top:active  {color: rgb(255,255,255) ; background-color:transparent; text-decoration: none }
a.top:hover   {color: rgb(0,255,255) ;background-color:transparent; text-decoration: none }

a.side:link       {color: #4d6185; background-color:transparent; text-decoration: none; font-weight: bold}
a.side:visited {color: #4d6185; background-color:transparent; text-decoration: none; font-weight: bold}
a.side:active  {color: #4d6185; background-color:transparent; text-decoration: none; font-weight: bold}
a.side:hover   {color: #b6824c; background-color:transparent; text-decoration: underline; font-weight: bold }

a.login:link    {color: rgb(0,153,204); background-color:transparent; text-decoration: none }
a.login:visited {color: rgb(0,153,204); background-color:transparent; text-decoration: none }
a.login:active  {color: rgb(0,153,204); background-color:transparent; text-decoration: none }
a.login:hover   {color: rgb(0,153,204); background-color:transparent; text-decoration: none }


a.file:link       {color: #377abc; background-color:transparent; text-decoration: none; font-size: 8pt }
a.file:visited {color: #377abc; background-color:transparent; text-decoration: none; font-size: 8pt }
a.file:active  {color: #377abc; background-color:transparent; text-decoration: none; font-size: 8pt }
a.file:hover   {color: #b6824c; background-color:transparent; text-decoration: none; font-size: 8pt }

a.breadcrumb  { font-size: small }

.field-label { font-weight: bold; }




span.submenu    { font-family: Verdana, Arial, Helvetica; font-size: x-small; }

span.bodyhead	   { font-size: large; font-weight: 500; color: rgb(84,130,175);  }
span.bodyhead2   { font-family: Verdana, Arial, Helvetica; font-size: medium; font-weight: 500;  color:rgb(84,130,175) }
span.bodyhead3   { font-family: Verdana, Arial, Helvetica; font-size: small; font-weight: 500; color: rgb(84,130,175)  }

span.ajaxloading   { font-family: Arial; font-size: 8pt; font-weight:bold; height:20px;}

span.adminpanel  { font-size: x-small; font-weight: bold}

span.errortext { color: Red }

span.fileManagerHeader  { font-family: Verdana, Arial, Helvetica; font-size: x-small; font-weight: bold; color: rgb(140,162,206) }

span.breadcrumb { font-size: medium }

span.subsection_header {
   font-weight: bold;
   color: rgb(84,130,175);
   font-size: 13pt;
}

span.small { font-size: x-small; } 
span.italics { font-style: italic; }
span.required { color: red; }
span.errortext { color: red; }

span.duplicate {
	visibility: hidden;
	font-style:italic;
	font-weight: bold;
}
span.heading { font-weight: bold; font-size: medium; }
span.export {
	color:#377abc;
	cursor:pointer
}


.border
{
   border-width: 0px;
   border-style: solid;
   border-color: rgb(200, 200, 200);

}


/* Sitemap Styles */
span.sitemap-section a { font-size: small; }
span.sitemap-submenu a { font-size: x-small; }
/* End Sitemap styles */





/* Tab and Table Styles used by Data Manager */

.tabpane {
   background-color: rgb(250, 250, 250);
   border-width: 1px;
   border-style: solid;
   border-color: rgb(200, 200, 200);
 }


.tab_left		{ background: url("/images/tab_left.jpg")}
.tab_center		{ background: url("/images/tab_center.jpg")}
.tab_right		{ background: url("/images/tab_right.jpg")}
a.tab_text_on		{ font-weight: bold; font-style: italic; color: #878700 }
a.tab_text_off	{ font-weight: bold; }


table.subgrid {
	border-width: 1px; border-style: outset;
}

.subcontent { background-color: transparent; }

/* End Tab and Table Styles used by Data Manager */


/* Data Manager structure element default styles */

input.structure-select-type-in { width: 200px; }
select.structure-select-type-in { width: 205px; }

input.structureTypeInLookupSelected { background-color: #B4FFB4; font-weight: bold;}
input.structureTypeInLookupNotSelected { background-color: #FFFFFF; }

div.structureTypeInLookupDiv {
	margin-left: 5px;
	margin-top: 5px; 
	background-color: #FFFFFF;
	padding: 3px;
	border-width: 1px;
	border-style: outset;
	width: 200px;
	height: 200px;
	font-size: small;
	overflow: scroll; }

/* End Data Manager structure element default styles */







/* Content Manager Styles */
.contentstate
{
	padding: 5px;
	border: solid 2px #fdd48b;
	font-weight: bold;
}

/* End Content Manager Styles */





/* Global Search Styles */
td.toolheader {
	padding-top: 0px; 
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	color: #999999;
	font-size: large;
}

td.toolheadericon
{
	padding-top: 0px; 
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 10px;
}


td.searchsectionheader1 {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 2px #666666;
}
td.searchsectionheader2 {
	font-family: arial;
	font-size: 12px;
	text-align: right;
	border-bottom: solid 2px #666666;
}
/* END Global Search Styles */




/* DIALOG BOX AND GRID STYLES */
td.dialogboxheader  {
			 border-bottom-style: solid;
			 border-bottom-color: #E7E3E7; 
			 border-bottom-width: 1px;
			 PADDING-RIGHT: 3px;
			 PADDING-LEFT: 3px;
			 PADDING-BOTTOM: 3px;
			 PADDING-TOP: 3px;
			 background-image: url('/images/tab_center.jpg');
			 font-size: small;
			 font-weight: bold;
		 	 color: #2D2D2D;
}


td.dialogboxheader a:link		{ color: #377abc; background-color:transparent; text-decoration: none }
td.dialogboxheader a:visited	{ color: #377abc; background-color:transparent; text-decoration: none }
td.dialogboxheader a:active		{ color: #377abc; background-color:transparent; text-decoration: none }
td.dialogboxheader a:hover		{ color: #b6824c; background-color:transparent; text-decoration: none }

td.dialogcolumnheader {
	
	background-color: #E1E1FF;
	font-size: small;
	font-weight: bold;
	color: #292C29;
}

td.dialogcolumnheader a:link	{ color: #377abc; background-color:transparent; text-decoration: none }
td.dialogcolumnheader a:visited	{ color: #377abc; background-color:transparent; text-decoration: none }
td.dialogcolumnheader a:active	{ color: #377abc; background-color:transparent; text-decoration: none }
td.dialogcolumnheader a:hover	{ color: #b6824c; background-color:transparent; text-decoration: none }


.contentback2 { BACKGROUND-COLOR: rgb(250,250,250) }
.contentback3 { BACKGROUND-COLOR: rgb(240,240,240) }
.contentbackHL { BACKGROUND-COLOR: rgb(250,214,156) }
.contentbackDELL { BACKGROUND-COLOR: rgb(200,0,0)  }

.contentback2 td { font-size: x-small; }
.contentback3 td { font-size: x-small;  }
.contentbackHL td { font-size: x-small;  }
.contentbackDELL td { font-size: x-small; color: #FFFFFF; }

/* End DIALOG BOX AND GRID STYLES */





/* Dropdown styles */ 
div.dropdown
{
	position:absolute; 
	visibility:hidden; 
	width:200px; 
	text-align:left; 
	/*background: url('/images/background/content-box-bg.jpg'); */
	background: #FFFFFF;
	border-style:solid; 
	border-width:1px;
	border-color:#AEB0B3;
	z-index: 10000;
	
}

.ddcontainerBack
{
	position:absolute; 
	visibility:hidden; 
	width:200px;
	z-index: 100;
	background-color: #FFFFFF;
}

div.dropdownitems
{
	display:none;
}

ul.ddlist
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left:0px;
}

ul.ddlist li
{
	width: 100%;
	border-bottom: solid 1px #AEB0B3;
	text-align:left;
	cursor: pointer;
	color: #5A595A;
	font-size:8pt;
	font-weight: bold;
	font-family:Arial;
	line-height: 0px;
	padding: 1px 0 1px 0;
}

ul.ddlist li span
{
	padding-left: 5px;
}
	
ul.ddlist li span a
{
	color: #5A595A;
	font-size:8pt;
	font-weight: bold;
	font-family:Arial;
}

a.ddlink
{
	color: #5A59FF; 
	background-color:transparent; 
	text-decoration: none;
	font-size:7pt;
	font-weight: bold;
	font-family:Verdana;
	text-align:left;
}


/* End Dropdown styles */ 





/* Additional Elements for Div-based Positioning */
#site-container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	padding-bottom: 10px;
	background-color:#f0f0f0;
	}

#site-pagecontent	{
	padding-top: 0px;
	float: left; 
    margin-left: auto;
	margin-right: auto;
	width: 692px;
	background-color: #ffffff;
 min-height: 600px;}

/* Logo + Navigation Bar Styles */

#site-logo {float: left; width:1000px;}
#site-logo-left {height:110px; float:left; width:260px;}
#site-logo-right {height:110px; float:right; width:740px;}
#site-logo-left a {text-decoration: none}
#site-logo-left img, #site-logo-right img {border:0}
#site-top-menu { width: 1000px; background-color: #ffffff; float: left; background-image: url('/images/cepa/cepa_graynav.jpg'); }
#site-top-search { width: 300px; float:right; padding-top:4px; padding-left: 5px;}

.subbar	{ background-color: #ffffff }
.subbaron { background-image: url(/images/cepa/cepa_button_on.jpg); vertical-align: middle; text-align: center; min-height: 30px; min-width: 99px;}
.subbaroff { background-image: url(/images/cepa/cepa_line.gif); background-repeat: no-repeat; background-position: right;  vertical-align: middle; text-align: center; min-height: 30px; border-style: hidden; min-width: 99px; font-size: small;}
.subbaroff:hover { background-image: url(/images/cepa/cepa_button_roll.jpg); background-repeat: repeat-x; vertical-align:middle; text-align: center; min-height: 30px;  min-width: 99px; font-size: small; }
.subbaroff:hover a { font-family: Arial, Verdana; color: #FFCF3F }
.subbaron a { font-family: Arial, Verdana; color: #fff; text-decoration:none; font-size: 14px; font-weight:bold; line-height: 2em;}
.subbaroff a { font-family: Arial, Verdana; color: #000; text-decoration:none; font-size: 14px; font-weight:bold; line-height: 2em;}

/* End of Logo + Navigation Bar Styles */

/* Side Bar Styles */
#site-sidebar { float: right; width: 307px; background-color:#F0F0F0; border-width: 0; border-style: outset; overflow: hidden;  }
#site-sidebar_nav { padding-top: 16px; margin-left: 15px; }
#site-sidebar-ajax-pane {float: right; width: 15px;}

#site-footer { vertical-align: bottom; padding-left: 10px; width: 990px; height:40px;margin-left: auto; margin-right: auto; background-image: url("/images/cepa/cepa_bg_footer.jpg"); background-repeat:repeat-x; line-height:3em; border-top: 1px solid #5b6676}
#site-footer a { color: #000000;  }
#site-footer-address  
{ font-family: Georgia, Times New Roman;
  font-size: 9pt;
  color: #000;
  padding: 15px 10px 10px 10px;
  margin-top: 20px;
  border-top: 1px dotted #787878;
  background-image: url('/images/cepa/cepa_bg_globefooter.gif');
  background-repeat:no-repeat;
  background-position:center;
  height: 95px;
    }
    
#site-footer-address b { font-weight: bold; font-size: 10pt; color: #000; }

div#sideBar_Information { width: 310px; height: 259px; background-image: url("/images/cepa/cepa_bg_signup.jpg"); }
div#sideBar_Information #stayInformed div.header  
{
    color: #fff;
    padding-left: 10px;
    background-image: url("/images/cepa/cepa_inform_gradient.jpg");
    background-repeat: repeat-x;
    width: 100%;
}

div#sideBar_Information #stayInformed p 
{
    line-height:1.5em;
    font-size: 12px;
    color: #fff;
    padding-left: 10px;
}

div#sideBar_Information #stayInformed input 
{
    margin-top: 5px;
    margin-bottom: 5px;
}

div#sideBar_Information #donate
{
   border-top: dashed 1px #9c9c9c;
   text-align:center;
}

div#sideBar_Information #donate p
{
   padding-top: 15px;
}


/* End Additional Elements for Div-based Positioning */





/* Sidebar Styles */
div.sidebar_subnav {padding-top: 0px; margin-left: 17px; padding-bottom: 0px;}	
div.sidemenu_images { vertical-align: middle; margin-left: 20px;}
		
div.panel_container { padding-bottom: 15px; }		
div.panel_background { background-color: #ffffff; padding-bottom: 5px; text-align: left; }
		
div.panel_outline {border: #878787 solid 1px; width: 168px; }
div.panel_nav {padding-left: 5px; padding-top: 3px; font-size: x-small; }
div.panel_nav div { font-size: x-small; }
div.panel_subnav {padding-left: 30px; padding-top: 3px;}

div.horizontal-divider {margin-left: 15px; margin-right: 15px;  padding-top: 18px; border-bottom: solid 1px #8CB6D7; font-size: 3px; margin-bottom: 16px;}


div.sidebar_panel_header
{
   background-image: url("/images/side/panelheaderbg.gif");
   border-bottom-width:  1px;
   border-bottom-style: solid;
   border-bottom-color: #878787;
   padding: 2px;

}

span.adminlabel {
	font-family: arial;
	font-size: x-small;
	font-weight: bold;
	color: #666666;
}


span.panelheader
{
    font-size: small; color: #292C29; font-weight: bold;
}

div.sidebar_panel_footer
{
   border-top-width:  1px;
   border-top-style: solid;
   border-top-color: #878787;
	padding: 5px;

}

.arrow
{
    background-image: URL("/images/rb_arrow.gif")
}


/* Topic Linking Classes */
div.links_text { padding: 5px; }


/* End Sidebar Styles */

.sub-main
{
	width: 692px;
	clear: both;
}

.header, .header2 
{
    line-height:2em;
    font-family: Georgia, Times New Roman;
    font-size: 22px;
    font-weight: bold;
    background-position: bottom;
}

.sub-main div.header 
{
	height:100%;
    color: #dc9821; 
    background-image: url('/images/cepa/cepa_title_gradient.jpg');
    background-repeat: repeat-x;
    padding-left:10px;
}

.sub-main div.header2, .sub-left div.header2, .sub-right div.header2 
{
    color: #dc9821; 
    padding-left:10px;
    border-bottom: 2px solid #d1d1d1;
}

.sub-main div.header2, .sub-left-aboutus div.header2, .sub-right div.header2 
{
    color: #dc9821; 
    padding-left:10px;
    border-bottom: 2px solid #d1d1d1;
}

.sub-main b 
{
    color: #000;
    font-size:16px; 
    line-height: 1.3em;
}

.sub-main div.header3
{
	color: #000;
    font-size:16px;
    line-height: 1.3em;
    font-family: Georgia, Times New Roman;
    font-weight: bold;
    
}

.sub-main span.date 
{
    color: #626570;
    font-size: 10pt; 
}

.sub-main a {color:#333366; text-decoration:none; font-weight:bold;} 
.sub-main a:hover {color:#333366; text-decoration:underline} 

.sub-highlight {
	height: 215px;
}

div#ced .sub-highlight 
{
    background-image: url('/images/cepa/ced_main_image.jpg');
	background-repeat:no-repeat;
}

div#aboutUs .sub-highlight 
{
    background-image: url('/images/cepa/cepa_aboutus_img.jpg');
	background-repeat:no-repeat;
}

div#events .sub-highlight 
{
    background-image: url('/images/cepa/cepa_events_img.jpg');
	background-repeat:no-repeat;
}

div#publications .sub-highlight 
{
    background-image: url('/images/cepa/cepa_publications_img.jpg');
	background-repeat:no-repeat;
}

div#newsroom .sub-highlight 
{
    background-image: url('/images/cepa/newsroom_img.jpg'); /* Add image */
	background-repeat:no-repeat;
}

div#staff1, div#staff2  
{
   width:95%;
}

.sub-highlight div {
    margin-left:300px;
    width: 375px;
    padding: 5px 10px 25px 10px;
}

.sub-highlight-ced {
    margin-left:255px !important;
    width: 415px !important;
    padding: 5px 10px 10px 10px ;
}

.photo1
{
	/*display:block; */
}

.photo2
{
	/*clear:both; */
}

.sub-left {
	width: 331px;
	float: left;
	padding: 10px 5px 0px 10px;
}

.sub-left-aboutus {
	width: 325px;
	float: left;
	padding: 10px 0px 10px 15px;
}

.sub-left-newsroom {
	width: 331px;
	float: left;
	padding: 10px 5px 0px 10px;
}

.sub-left-photo {
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 15px;
}

.sub-left-photo-image
{
	text-align:center;
    display:block;
    width:331px;
}

.sub-right {
	width: 325px;
	float: right;
	text-align: left;
	padding: 10px 10px 0px 5px;
}

.publications-text {
	float: left;
	width: 200px;
}

.sub-footer {
	width: 340px;
	float: right;
	text-align: right;
	clear:both;
	padding-right: 10px;
}
.sub-columns 
{
    width: 692px;
    padding-bottom: 10px;
}

.sub-column 
{
    position:relative;
    width: 152px;
	float: left;
	padding: 10px;
	text-align:center;
}
.sub-column-image
{
	float: left; 
    padding: 0px 10px 10px 0px;
}

.sub-highlight2
{
	width: 325px;
	text-align: left;
	float: right;
	padding: 10px 10px 25px 10px;
}

div#news
{
    padding-top:10px;
}

		
#sidebar {
    float:left;
    width:175px;
}

#home 
{
	margin:0 auto;
    width:745px;
}

div#mainBody 
{
    padding: 10px;
}

.side-image
{
	width: 80px;	
	
}

/* Content List CSS */

.content-list span.title 
{
    color: #000000;
    font-size: 16pt;
    font-family: Verdana,Arial,Helvetica;
    line-height: 1.3em;
}

.content-list span.date 
{
    color: #626570;
    font-size: 10pt;
    font-family: Verdana;
}

.content-list span.text 
{
    color: #404040;
    font-size: 10pt;
    font-family: Verdana; 
}

.content-list span.readmore
{
	color: #333366;
	font-size: 10pt;
	font-family: Verdana;
}