/* @imported into styles.css */

/* Content style sheet for the bodycopy and right nav content styles.
   Note that framework layout styles should go in styles.css and images
   should go in images.css */
/* V5.11  
hello

/*============contents==============*/
/*
1. general content styles (defining general tag styles in bodycopy div)
2. promo and right box style variations eg styles 1-5 (mainly color settings on headings, borders on boxes)
3. table styles (styling all tables within the bodycopy div)
4. content header (styles grey background page header on every content page)
5. in body promo
6. form layout
7. form content
8. right box styles
9. homepage styles
10. horizontal navigation
11. landing page styles
12. landing page promos
12.a basic promo
12.b lead promo
12.c vertical promo
13. library landing page
14. Press Release
15. Resource Page year listings
16. Latest Publications
17. Sitemap
18. Events
*/


/*======================================*/
/*====== 1. GENERAL CONTENT STYLES =====*/
/*======================================*/

#bodycopy { font-family: Arial, Helvetica, sans-serif; }

#bodycopy h2 { margin: 0 0 5px 0; padding-top: 10px; font-size: 120%; color: #336; }
#bodycopy h1, #bodycopy h2.Header2-Block-Style { margin: 0 0 10px 0; border-bottom: 1px solid #333; padding-top: 10px; font-size: 130%; color: #333; }
#bodycopy h3 { margin: 0 0 5px 0; font-size: 105%; color: #333; }
#bodycopy h4 { margin: 0 0 5px 0; font-size: 105%; color: #336; }
#bodycopy h5, #bodycopy h6 { margin: 0 0 5px 0; font-size: 100%; color: #333; }
#bodycopy p { margin: 0 0 10px 0; }

#bodycopy a { text-decoration: underline; color: #363; } /* used to be 696 */
#bodycopy a:hover { color: #333; }
/*#bodycopy a:visited { color: #666699; }*/
#bodycopy a.dotted-link { border-bottom: dotted 1px #000; text-decoration: none; color: #000; }
#bodycopy h1 a, #bodycopy h2 a, #bodycopy h3 a, #bodycopy h4 a, #bodycopy h5 a, #bodycopy h6 a { text-decoration: none; color: #696; }
#bodycopy h1 a:hover, #bodycopy h2 a:hover, #bodycopy h3 a:hover, #bodycopy h4 a:hover, #bodycopy h5 a:hover, #bodycopy h6 a:hover { text-decoration: underline; color: #333; }

#bodycopy div { font-size:100% !important; }

#bodycopy ul { list-style: disc; margin: 0 0 20px 0; padding-left: 25px; }
#bodycopy ul li { margin-bottom: 5px; margin-left: 0; padding-left: 3px; }

#bodycopy ul.links-list { margin: 0; padding: 0; list-style: none; }
#bodycopy ul.links-list li { background: #fff url(/images/arrow_bullet_white.gif) no-repeat 0 5px; padding: 0 0 0 10px; }
#bodycopy ul.links-list li p { margin: 5px 0 0 0; padding:0; }
#bodycopy ul.links-list li span.Lead-text { font-size: 100%; }

#bodycopy ol { margin:0 0 20px 0; padding-left:30px; list-style:decimal outside none;}
#bodycopy ol li { margin: 0 0 5px 0; padding-left: 0; }

#bodycopy dl { margin:0 0 20px 0; }
#bodycopy dd { margin-left: 20px; }

.Lead-text { min-height: 20px; font-size: 120%; color: #666; }
p.smalltext { font-size:80%; }

td p, th p, .nopadding {padding-left:0px !important; font-size:100%!important; }

.tableheadertext { font-weight:bold; font-size:12px; color:#663; }

a.back2top { font-size:90%; }
.bold { font-weight:bold; }

#bodycopy ul.arrow_list { list-style: none; padding: 0; margin: 0 0 10px 0; }
#bodycopy ul.arrow_list li { background: url(/images/arrow_bullet_white.gif) no-repeat 0 5px; padding: 0 0 0 10px; }

#bodycopy .black_links a { text-decoration: none; color: #333; }
#bodycopy .black_links a:hover { text-decoration: underline; }

/*======================================*/
/*===== END GENERAL CONTENT STYLES =====*/
/*======================================*/

/*================================================*/
/*=== 2. PROMO AND RIGHT BOX STYLE VARIATIONS ====*/
/*================================================*/

#rightnav h2 { font-size: 105%; padding-top: 0; }
.style1 h2, .style1, .style1 div { border-color:#666 !important; }
.style1 h2, .style1 th { background-color:#330066 !important; }
.style2 h2, .style2, .style2 div { border-color:#666 !important; }
.style2 h2, .style2 th { background-color:#666699 !important; }
/* Dark Blue */
.style3 h2, .style3, .style3 div { border-color:#666 !important; }
.style3 h2, .style3 th { background-color:#666 !important; }
/* Dark Red */
.style4 h2, .style4, .style4 div { border-color:#666 !important; }
.style4 h2, .style4 th { background-color:#990033 !important; }
.style5 h2, .style5, .style5 div { border-color:#666 !important; }
.style5 h2, .style5 th { background-color:#9999cc !important; }
.style6 h2, .style6, .style6 div { border-color:#666 !important; }
.style6 h2, .style6 th { background-color:#330066 !important; }

/*======================================*/
/*=== END PROMO AND RIGHT BOX STYLES ===*/
/*======================================*/

/*======================================*/
/*========== 3. TABLE STYLES ===========*/
/*======================================*/

/*=======Venkat- changed to remove the vignette css conflict===========*/
/*#bodycopy table { width: 100%; }*/

#bodycopy table th {
	border-right:1px solid #ffffff;
}


#bodycopy table th, #bodycopy table td { text-align:left; padding-left:0.4em; padding-right:0.4em; }
/* New Home Page dtorrejon 20120210*/
.homepage #bodycopy table th, .homepage #bodycopy table td { text-align:left; padding-left:0; padding-right:0; }

#bodycopy table th { background-color:#999; padding-top:0.2em; padding-bottom:0.2em; color:#fff; }
#bodycopy table th p { color:#fff; }

#bodycopy table td { vertical-align:top; padding-top:1em; padding-bottom:1em; color: #333; }
/* New Home Page dtorrejon 20120210*/
.homepage #bodycopy table td { vertical-align:top; padding-top:0; padding-bottom:0; color: #333; }

.table-horizontal-line td { /* Horizontal Line along bottom of each cell */
	border-bottom:1px solid #CCC;
}

.table-horizontal-line th {
	border-bottom:1px solid #FFFFFF;
}

.table-vertical-line td { /* Vertical line along right of each cell */
	border-right:1px solid #CCC;
}

.table-vertical-line th {
	border-right:1px solid #FFFFFF;
}

.table-all-lines td { /* Lines around each cell, on all sides */
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.table-all-lines th {
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#bodycopy .table-performance th {
background-color:#666699;
}

.table-performance img, .table-all-lines img {
margin-right:5px;
}

.table-performance td { /* For Service Standards */
width:25%;
}

.force-width { 
width:20%;

}


th.key-100 {  /* 100% - Green */
	background-color:#00FF00 !important; 
	color:#000000 !important;
	border-color:#CCC;
}
th.key-o90 {   /* Over 90% - Amber */
	background-color:#FF6600 !important; 
	color:#000000 !important; 
	border-color:#CCC;
}
th.key-u90 {  /* Under 90% - Red */
	background-color:#FF0000 !important; 
	color:#000000 !important; 
	border-color:#CCC;
}
th.key-none {  /* Not Aplicable - White */
	background-color:#FFFFFF !important; 
	color:#000000 !important; 
	border-color:#CCC;
}

#bodycopy table a {
	text-decoration: none;
}

#bodycopy table a:hover {
	text-decoration: underline;
}

/*cathy added*/
#bodycopy table th.Width-Eighth a {
	color: #FFFFFF;
}

#bodycopy table th.Width-Eighth a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

#bodycopy table.table-horizontal-line {
	width: 466px;
}

#bodycopy .multiitem table.table-horizontal-line {
	width: 460px;
	margin-left: -10px;
}

/*david added 20111230*/

#bodycopy div#firmsContainer {
       position: relative;
       height: 700px;
       overflow-y: auto;
       overflow-x: hidden;
}

#bodycopy table#firms {
	font-size: 0.9em !important;
	margin: 10px 0 !important;
	background-color: white;
    	border-collapse: separate;
    	border-spacing: 2px;
}

#bodycopy table#firms thead th {
	padding-bottom: 3px !important;
	padding-left: 10px !important;
	padding-right: 18px !important;
	padding-top: 3px !important;
	vertical-align: middle;
}

#bodycopy table#firms tbody tr {
	vertical-align: middle !important;
}

#bodycopy table#firms tbody td {
	padding-bottom: 3px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 3px !important;
	vertical-align: middle;
}

#bodycopy table#firms tbody tr.odd td {
	background: none #e2e4ff scroll repeat 0% 0% !important;
}

#bodycopy table#firms tbody tr.even td {
	background: none #white scroll repeat 0% 0% !important;
}

/*======================================*/
/*========== END TABLE STYLES ==========*/
/*======================================*/






/*======================================*/
/*========= 4. CONTENT HEADER ==========*/
/*======================================*/

#header img {
	float:right;
	width:125px;
	padding-top:10px;
	text-align:center;	
}

/*======================================*/
/*========= END CONTENT HEADER =========*/
/*======================================*/







/*======================================*/
/*========= 5. IN BODY PROMO ===========*/
/*======================================*/

#content .promo-main { width: 460px; margin: 0 0 20px 0; background-color:#e7e7e7; border:1px solid #666; padding: 0; min-height: 20px; }
#content #rightnav div..promo-main { width: 220px; }

#content .promo-main h2 { margin-bottom: 10px; background-color:#666699; padding: 2px 0 2px 10px; color:#ffffff; }
#content .promo-main p { padding: 0 10px; }

#content .promo-main img { float: left; margin: 0 10px 10px 10px; }
#content .promo-main img.right { float:right; }

#content div.halfleft, #content div.halfright { float: left; width: 220px; margin: 0; background-color:#FFF; border: 0; }
#content div.halfright { float: right; }
#content div.halfleft { clear: left; }

#content div.halfleft h2, #content div.halfright h2 { font-size: 105%; }

#content div.halfleft img,#content div.halfright img { float:left; margin: 3px 10px 3px 10px;	}

#content img.halfwidthend { width:75%; height:1px; }

#content div.multiitem { background: #FFF; border:0; padding-bottom:0px !important; }

#content div.multiitem div.light { background-color:#F7F7F7; }
#content div.multiitem div { clear: both; margin:0; background:#E7E7E7; border-left:1px solid inherit; border-right:1px solid inherit; padding: 10px; }
#content div.multiitem div.last { border-bottom:1px solid inherit; }

#content div.multiitem h2 { margin: 0; padding-left: 10px; }
#content div.multiitem h3 { color:#000; }
#content div.multiitem p { padding: 0; }

#content div.multiitem img { margin:0; padding: 0 0 10px 0; }
#content div.imgright img { float:right !important; padding-right:0px; padding-left:10px; }
#content div.imgleft img { float:left !important; padding-right:10px; padding-left:0px; }

/*======================================*/
/*========= END IN BODY PROMO ==========*/
/*======================================*/

/*==================================*/
/*======= 6. FORM LAYOUT ===========*/
/*==================================*/

#bodycopy.landing form {
	padding-top:20px;
	padding-bottom:20px;
}

#bodycopy form div.label {
	float:left;
	margin-bottom:5px;
	width:90%;
	margin-left:20px;
}

#bodycopy form div.label2 {
	width:90%;
	margin-left:20px;
}

#bodycopy form div.label2 div {
	float:left;
	width:65%;
	padding-bottom:1em;
}

#bodycopy form div.label2 div p {
	margin:0 0 5px 0;
	padding:0;
}

#bodycopy.landing div.form {
	width:250px;
	background-color:#cccccc;
	margin-left:20px;
}

/*==================================*/
/*======= END FORM LAYOUT ==========*/
/*==================================*/





/*===============================*/
/*======= 7. FORM CONTENT =======*/
/*===============================*/
#bodycopy form div.label label span {
	float:left;
	text-align:right;
	width:30%;
	margin-right:10px;
}

#bodycopy form div.label2 label span {
	float:left;
	text-align:right;
	width:30%;
	margin-right:10px;
}

#bodycopy form input.cb {
	margin-left:-4px;
}

form input.button {
	border:1px solid #000000;
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

form input.reset {
	border:1px solid #000000;
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
	
}

/* landing form styles */
#bodycopy.landing form label span {
	width:100%;
	text-align:left;
	margin-bottom:10px;
}

#bodycopy.landing form label {
	width:100%;
}

/*==============================*/
/*======= END FORM CONTENT =====*/
/*==============================*/




/*==============================*/
/*======= 8. RIGHT BOX =========*/
/*==============================*/

#rightnav div.topimg { position: relative; top: -90px; margin: 0; padding: 0 10px 10px 10px; background: #E7E7E7; }
.homepage #rightnav div.topimg { display: none; }
#rightnav .rightbox { width: 218px; margin-bottom: 20px; border: 1px solid; overflow: hidden; }
#rightnav .rightbox h2 { margin: 0 0 10px 0; padding: 0.3em 10px; border-bottom:0px; color:#fff; }
#rightnav .rightbox h2 a { color:#fff; }
#rightnav .rightbox p, #rightnav .rightbox ul { margin: 0 10px 10px 10px; }
#rightnav p.desc { font-size:85%; color: #666633; padding-left:0px; }
#rightnav p.date { font-style: italic; margin-bottom: 0; }
#rightnav .rightbox .imgdiv { text-align:left; position: relative; top: -10px; }
#rightnav .rightbox img { margin: 0; }

/* New Home Page dtorrejon 20120210*/
.hpright_box_blue, .hpright_box_purple, .hpright_box_blank  { margin: 0 0 20px 0; }
.hpright_box_blue h2 { color: black; border-bottom:1px solid #ccc; }
.hpright_box_purple h2 { color: black; border-bottom:1px solid #ccc; }
.hpright_box_blank h2 { color: black; border-bottom:1px solid #ccc; }
a.newwindowlink {}

/*==============================*/
/*======= END RIGHT BOX ========*/
/*==============================*/





/*==============================*/
/*==== 9. HOME PAGE STYLES =====*/
/*==============================*/
/*==============================*/
/*==== END HOME PAGE STYLES ====*/
/*==============================*/





/*====================================*/
/*==== 10. HORIZONTAL NAVIGATION =====*/
/*====================================*/
p.horiznav {
	text-align:left;
	width:80%;
	padding-top:0;
	padding-bottom:20px;
}

p.horiznav a {
	margin-right:15px; 
}
/*===================================*/
/*==== END HORIZONTAL NAVIGATION ====*/
/*===================================*/





/*============================================*/
/*==== 11. GENERAL LANDING PAGE STYLES =======*/
/*============================================*/

.lp_box_green, .lp_box_grey, .lp_box_blank { margin: 0 0 20px 0; }
.lp_box_grey { border-bottom: 5px solid #ccc; }
.lp_box_green { border-bottom: 5px solid #696; }
#bodycopy .lp_box_grey h2, #bodycopy .lp_box_green h2, #bodycopy .lp_box_blank h2 { color: #666; }
#bodycopy .lp_box_grey p.more_links, #bodycopy .lp_box_green p.more_links, #bodycopy .lp_box_blank p.more_links { background: #fff url(/images/arrow_bullet_white.gif) no-repeat 0 6px; padding-left: 10px; }



#bodycopy .lp_box_grey ul, #bodycopy .lp_box_green ul, #bodycopy .lp_box_blank ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
background-color: #ffffff;
}
#bodycopy .lp_box_grey ul li, #bodycopy .lp_box_green ul li, #bodycopy .lp_box_blank ul li
{
background-image: url(/images/arrow_bullet_white.gif);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 14px; 
background-color: #ffffff;
}

/* New Home Page dtorrejon 20120210*/
#bodycopy .hpcenter_box_blank, #bodycopy .hpcenter_box_purple, #bodycopy .hpcenter_box_grey { clear: both; margin: 0 0 20px 0; }
#bodycopy .hpcenter_box_blank {
background-image:url(/images/megaphone-lady.gif);
background-repeat:no-repeat;
background-position: 0px 5px; 
padding: 0 10px;
height: 194px;
width: 682px;
}

#bodycopy .hpcenter_box_grey { margin: 10px 0; }
/*.hpcenter_box_blank ul li, .hpcenter_box_purple ul li, .hpcenter_box_grey ul li { background: #fff url(/images/arrow_bullet_white.gif) no-repeat 2px 6px; padding: 0 0 0 10px; }*/
#bodycopy .hpcenter_box_blank ul, #bodycopy .hpcenter_box_purple ul, #bodycopy .hpcenter_box_grey ul 
{
list-style-type:none;
padding:0px;
margin:10px 0 0 0;
}
#bodycopy .hpcenter_box_blank ul li, #bodycopy .hpcenter_box_purple ul li, #bodycopy .hpcenter_box_grey ul li
{
background-image:url(/images/arrow_bullet_white.gif);
background-repeat:no-repeat;
background-position:2px 6px; 
position: relative;
padding: 0 0 2px 10px;
}

#bodycopy .hpcenter_box_blank ul li a, #bodycopy .hpcenter_box_purple ul li a, #bodycopy .hpcenter_box_grey ul li a {
font-size: 130%;
line-height: 130%;
color: #666;
text-decoration:none;
}

#bodycopy .hpcenter_box_blank ul li a:hover, #bodycopy .hpcenter_box_purple ul li a:hover, #bodycopy .hpcenter_box_grey ul li a:hover {
font-size: 130%;
line-height: 130%;
color: #336633;
text-decoration:none;
}

#bodycopy .hpcenter_box_purple ul li a{
font-size: 120%;
line-height: 120%;
color: #666;
text-decoration:none;
}

#bodycopy .hpcenter_box_purple ul li a:hover {
font-size: 120%;
line-height: 120%;
color: #336633;
text-decoration:none;
}

#bodycopy .hpcenter_box_blank h2, #bodycopy .hpcenter_box_purple h2, #bodycopy .hpcenter_box_grey h2 { font-size: 130%; }
#bodycopy .hpcenter_box_purple, #bodycopy .hpcenter_box_grey { width: 700px; }
#bodycopy .hpcenter_box_purple h2 { background-color: #704c94; color: #FFF; margin: 0; padding: 2px 10px; width: 680px; }
.hpcenter_box_purple #containerone { float: left; width: 180px; margin-right: 10px; }
.hpcenter_box_purple #containertwo { float: left; background-color: #f0ecf3; width: 220px; padding: 10px 10px 0 10px; margin-top: 5px;}
.hpcenter_box_purple #containertwo h3 {font-size: 120%; color: #333; text-decoration:none;}
.hpcenter_box_purple #containertwo a:hover {color: #333; text-decoration:underline; font-size: 110%;}
.hpcenter_box_purple #containertwo a {color: #666; font-size: 110%;}
.hpcenter_box_purple #containerthree { float: right; margin: 15px 10px 0 0; width: 220px; padding: 0; text-align: right; }
.hpcenter_box_purple #containerfour { float: left; background-color: #f0f0e0; margin-top: 10px; padding: 0; width: 490px; }
#bodycopy .hpcenter_box_purple #containerfour h3 { font-size: 130%; color: #666; padding: 0 0 0 10px; }
#bodycopy .hpcenter_box_purple #containerfour select { font-size: 90%; color: #666; padding: 0; margin: 5px 0 0 10px; }
#bodycopy .hpcenter_box_grey h2 { background-color: #dadada; margin: 0; padding: 2px 10px; width: 680px; color: #333; margin-bottom: 5px; }

#hp_box_blank_left {
float: left;
}

#hp_box_blank_right {
float: right;
margin: 118px 25px 0 0 !important;
margin: 118px 10px 0 0;
}
#containerone, #containertwo, #containerthree, #containerfour {
padding: 5px 10px;
}

a.blackbutton span {
background: transparent url('/images/button-left.gif') no-repeat 0 0;
display: block;
line-height: 12px;
padding: 6px 5px 6px 18px;
color: #f0f091;
}

a.blackbutton {
background: transparent url('/images/button-right.gif') no-repeat top right;
display: block;
float: left;
height: 24px;
margin-right: 6px;
padding-right: 8px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left: 10px;
}

a.blackbuttongrey span {
background: transparent url('/images/button-left-bg.gif') no-repeat 0 0;
display: block;
line-height: 12px;
padding: 6px 5px 6px 18px;
color: #f0f091;
}

a.blackbuttongrey {
background: transparent url('/images/button-right-bg.gif') no-repeat top right;
display: block;
float: left;
height: 24px;
margin-right: 6px;
padding-right: 8px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left: 10px;
}

a.blackbutton:hover span, a.blackbuttongrey:hover span {
color: #f0f091;
cursor: pointer;
text-decoration: underline;
}

#hp_intro_new ul li, #hp_intro_new a, #latest_news_new p, .event_container p, .more_links {font-size: 110% !important;}


<!--#bodycopy .lp_box_grey ul li, #bodycopy .lp_box_green ul li, #bodycopy .lp_box_blank ul li { background: url(/images/arrow_bullet_white.gif) no-repeat 2px 6px; padding: 0 0 0 10px; }

.lp_box_green_top, .lp_box_grey_top { padding: 0 0 20px 0; }
.lp_box_grey_top { border-top: 5px solid #ccc; }
.lp_box_green_top { border-top: 5px solid #696; }
#bodycopy .lp_box_grey_top h2, #bodycopy .lp_box_green_top h2 { margin: 0; border-bottom: 1px solid #999; padding: 5px 0 5px 0; font-size: 105%; color: #336; }
#bodycopy .lp_box_grey_top h2 { border-bottom: none; }
#bodycopy .lp_box_grey_top p.more_links, #bodycopy .lp_box_green_top p.more_links { background: #fff url(/images/arrow_bullet_white.gif) no-repeat 0 6px; padding-left: 10px; }
#bodycopy .lp_box_grey_top ul, #bodycopy .lp_box_green_top ul { list-style: none; margin: 0 0 10px 0; padding: 5px 0 0 0; }
#bodycopy .lp_box_grey_top ul li, #bodycopy .lp_box_green_top ul li { background: #fff url(/images/arrow_bullet_white.gif) no-repeat 2px 6px; padding: 0 0 0 10px; }
#bodycopy .lp_box_grey_top ul li a, #bodycopy .lp_box_green_top ul li a { text-decoration: none; color: #333; }
#bodycopy .lp_box_grey_top ul li a:hover, #bodycopy .lp_box_green_top ul li a:hover { text-decoration: underline; }

.section_float_image { float: left; width: 100px; }
.section_float_text { float: left; width: 340px; margin-left: 20px; }
.section_float_text .sub_section { border-bottom: 1px solid #999; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.section_float_text .last  { border-bottom: 0; }
#bodycopy .section_float_text .sub_section h4 { margin: 0 0 2px 0; background: #fff url(/images/arrow_bullet_white.gif) no-repeat 2px 6px; padding-left: 10px; }
#bodycopy .section_float_text .sub_section p { margin: 0; padding-left: 10px; }
#bodycopy .section_float_text .sub_section a.arrow_button_black, #bodycopy .section_float_text .sub_section a.arrow_button_purple { margin: 5px 0 0 10px; }

#latest_news a.more_button { float: right; background: #333; text-decoration: none; color: #fff; cursor: pointer; }
#latest_news a.more_button:hover { text-decoration: underline; color: #fff; }
#latest_news a.more_button div { width: auto; line-height: 1.2em; background-color: transparent; background-image: url(/images/buttons/black_corner_tr.gif); background-position: right top; background-repeat: no-repeat; padding: 0; }
#latest_news a.more_button div div { background-image: url(/images/buttons/black_corner_br.gif); background-position: right bottom; }
#latest_news a.more_button div div div { background-image: url(/images/buttons/black_corner_bl.gif); background-position: left bottom; }
#latest_news a.more_button div div div div { background-image: url(/images/buttons/black_corner_tl.gif); background-position: left top; padding: 3px 8px; }

#bodycopy a.arrow_button_black { vertical-align: bottom; display: inline-block; margin: 0; background: #333; line-height: 1.5em; text-decoration: none; color: #fff; cursor: pointer; }
#bodycopy a.arrow_button_black:hover { text-decoration: underline; color: #fff; }
#bodycopy a.arrow_button_black div { width: auto; background-image: url(/images/buttons/black_corner_tr.gif); background-position: right top; background-repeat: no-repeat; padding: 0; }
#bodycopy a.arrow_button_black div div { background-image: url(/images/buttons/black_corner_br.gif); background-position: right bottom; }
#bodycopy a.arrow_button_black div div div { background-image: url(/images/buttons/black_corner_bl.gif); background-position: left bottom; }
#bodycopy a.arrow_button_black div div div div { background-image: url(/images/buttons/black_corner_tl.gif); background-position: left top; }
#bodycopy a.arrow_button_black div div div div div { background-image: url(/images/buttons/black_arrow.gif); background-position: right center; padding: 0 18px 0.1em 8px; }

#bodycopy a.arrow_button_purple { vertical-align: bottom; display: inline-block; margin-right: 5px; background: #669; line-height: 1.2em; text-decoration: none; color: #fff; cursor: pointer; }
#bodycopy a.arrow_button_purple:hover { text-decoration: underline; color: #fff; }
#bodycopy a.arrow_button_purple div { width: auto; background-image: url(/images/buttons/purple_corner_tr.gif); background-position: right top; background-repeat: no-repeat; padding: 0; }
#bodycopy a.arrow_button_purple div div { background-image: url(/images/buttons/purple_corner_br.gif); background-position: right bottom; }
#bodycopy a.arrow_button_purple div div div { background-image: url(/images/buttons/purple_corner_bl.gif); background-position: left bottom; }
#bodycopy a.arrow_button_purple div div div div { background-image: url(/images/buttons/purple_corner_tl.gif); background-position: left top; }
#bodycopy a.arrow_button_purple div div div div div { background-image: url(/images/buttons/purple_arrow.gif); background-position: right center; padding: 0 18px 0.1em 8px; }

.dotted_para_seperator { padding-bottom: 20px; }
.dotted_para_seperator p { margin: 0 0 5px 0; background: #fff url(/images/dotted_white.gif) repeat-x scroll left bottom; padding: 0 0 20px 0; }
.dotted_top { background: #fff url(/images/dotted_white.gif) repeat-x scroll left top; padding-top: 10px; }

/*============================================*/
/*==== END GENERAL LANDING PAGE STYLES =======*/
/*============================================*/




/*============================================*/
/*========= 12. LANDING PAGE PROMOS ==========*/
/*============================================*/
/*============================================*/
/*========= END LANDING PAGE PROMOS ==========*/
/*============================================*/





/*============================================*/
/*========= 13. LIBRARY LANDING PAGE =========*/
/*============================================*/
/*============================================*/
/*========= END LIBRARY LANDING PAGE =========*/
/*============================================*/

/*============================================*/
/*========= 14. Press Releases       =========*/
/*============================================*/

.press-release-reference {
	margin-left: 30px;
}

#content .promo { margin: 20px 0; background-color:#e7e7e7; border:1px solid #9A9A65; padding: 0; }

#content .promo h2 { background-color: #9A9A65; padding: 0 10px; color: #fff; }
#content .promo p { padding: 0 10px; }

#content .promo img {
	float:left;
	margin-left:8px;
	margin-right:8px;
	margin-top:8px;
	margin-bottom:8px; 
}
#content .promo img.right {
	float:right;
}

div.years-nav { float: left; width: 460px; margin-top: 20px; background:#E7E7E7; padding-top: 10px; font-size:95%; }
#bodycopy div.years-nav p, #bodycopy div.years-nav ul { clear: both; float: left; width: 450px; margin: 0; padding: 0 0 10px 10px; }
div.years-nav ul li { float: left; display: inline-block; list-style-type: none; padding: 0 10px 0 0; }

/*============================================*/
/*========= 16. Latest Publications  =========*/
/*============================================*/


p.latestpubindent{
	margin-left:15px;
}

#cse-search-results{
min-height: 10px;
padding-left:20px;

}

#cse-search-box{
margin: 0;
padding: 0;
}

#searchdate select {font-size: 12px;}
#searchdate option {font-size: 12px;}


/*============================================*/
/*========= 17. Sitemap              =========*/
/*============================================*/


.sitemap #bodycopy ul li ul { padding: 5px 0 5px 25px; margin: 0; }
.sitemap #bodycopy ul li ul ul { display: none; }

/*============================================*/
/*========= 18. Events               =========*/
/*============================================*/

#bodycopy dl.event { float: left; width: 100%; background: url(/images/dotted_white.gif) repeat-x bottom; }
#bodycopy dl.event_last { background: none; }
#bodycopy dl.event dt { float: left; clear: left; width: 40px; height: 44px; background: url(/images/date_single.gif) no-repeat; padding: 2px 5px 0 0; text-transform: uppercase; text-align: center; color: #666; font-size: 100%; font-weight: bold; }
#bodycopy dl.event dt.multi_date { background-image: url(/images/date_multi.gif); }
#bodycopy dl.event dt span { display: block; font-size: 120%; color: #000; }
#bodycopy dl.event dd { float: left; width: 400px; margin: 0; padding: 0 0 20px 15px; }
#bodycopy dl.event dd h3, #bodycopy dl.event dd p { margin: 0; font-size: 100%; }

div[id="pext-gen2"] { overflow: visible !important;}
#homecenter {padding: 0; margin: 0;}
#videocontainer {padding: 0; margin: 0;}