@charset "utf-8";
/* CSS Document */

body {
	background: #ffffff url('/cbe/images/common/cbe_background.gif');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
}

p {
margin: 0px;
padding-bottom: 10px;
line-height: 18px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

li {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
a {
color: #2e5857;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:hover {
text-decoration: underline;
}

#coeit {
background-color: #e8e1d9;
padding: 5px;
margin-bottom: 5px;
}

#toolbar {
padding: 1px 0px;
border-top: solid 2px #000000;
border-bottom: dotted 2px #000000;
margin: 0px;
height: 28px;
position: relative;
z-index: 1;
}


.navBar { /*all lists */
	padding: 0; 
	margin: 0; 
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
}
.navBar ul { /*all lists */
	padding: 0; 
	margin: 0; 
	list-style: none; 
}

.navBar a {
text-decoration: none; 
color: white;
	display: block;
	background-color: #993300;
	float: left; 
	position: relative; 
}
.navBar a:hover {
	text-decoration: none; 
	color: white;
	display: block;
	background-color: #702d0b;
	float: left; 
	position: relative; 
}

.navBar li {/*for submenu*/
	background-color: #993300;
	float: left; 
	position: relative; 

}
.navBar li ul {
	display:none; position:absolute; top:28px; left:0;
	margin: 0px;
}

.navBar li:hover ul, li.over ul{
	display: block;
}

.navBar li ul li a {
	background-color:#993300;
	border-bottom: 1px solid white;
	padding:7px;
	color:white;
	display: block;
	width: 180px;
	font-size: 12px;
	text-transform: none;
}

.navBar li ul li a:hover, li.over ul li.over   {
	background-color:#702d0b;
}


/*this is the style for the GRAY dropdowns 
*********************************************************/
.navBar2 { /*all lists */
	padding: 0; 
	margin: 0; 
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
		text-align: left;
}
.navBar2 ul { /*all lists */
	padding: 0; 
	margin: 0; 
	list-style: none; 
}

.navBar2 a  {
text-decoration: none; 
color: white;
	display: block;
	background-color: #63544d;
	float: left; 
	position: relative; 
	}
.navBar2 a:hover {
	text-decoration: none; 
	color: white;
	display: block;
	background-color: #4a3f3a;
	float: left; 
	position: relative; 
}
.navBar2 li {/*for submenu*/
	float: left;
	position: relative;
	background-color: #63544d;

}
.navBar2 li ul  {
	display:none; position:absolute; top:28px;
	margin: 0px;
}

.navBar2 li:hover ul, li.over ul{
	display: block;
}

.navBar2 li ul li a {
	background-color:#63544d;
	border-bottom: 1px solid white;
	padding:7px;
	color:white;
	width: 180px;
	font-size: 12px;
	text-transform: none;
}

.navBar2 li ul li a:hover, li.over ul li.over   {
	background-color:#4a3f3a;
}
/*End Style for gray dropdowns
***********************************************************/


#imagebar {
padding: 1px 0px;
}


#footerbar {
padding: 5px;
background-color: #63544d;
color: #FFFFFF;
font-size: 11px;
text-align: center;
margin: 1px 0px;
}

#footerbar a {
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
}

#footerbar a:hover {
text-decoration: underline;
}

#footer-top {
border-bottom: dotted 2px #000000;
margin-top: 5px;
}

#footer-bottom {
border-top: solid 2px #000000;
margin-bottom: 10px;
}


.header {
color: #993300;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
border-top: solid 2px #000000;
border-bottom: dotted 2px #adadad;
margin-bottom: 2px;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .1em;
padding: 5px 5px 0px 5px;
height: 20px;
vertical-align:middle;
}

#news {
border-right: 2px #ffffff solid;
vertical-align: top;
background-color: #e8e6e4;
width: 190px;
padding-top: 1px;
}

#news ul
{
margin-left: 0px;
margin-top: 0px;
padding: 5px;
list-style-type: none;
line-height: 14px;
}


#news li
{
padding: 5px 8px 5px 20px;
margin-left: 1px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 14px;
border-top: #FFFFFF dotted 2px;
background-image: url(images/common/arrow_news.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
color: #333333;
}

#news li a {
text-decoration: none;
color: #2e5857;
font-weight: bold;
}

#news li a:hover {
text-decoration: underline;
}
#news li.first {
border-top: none;
}

#news .contact {
padding: 10px;
}
#news .contact p {
margin: 0px;
padding: 0px;
}

#news .photo {
text-align: center;
padding: 5px 0px;
}


#research {
padding-left: 2px;
padding: 1px 2px 2px 2px;
vertical-align: top;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;

}

#research table {
background-image: url(images/common/research_background.gif);
}
#research td {
text-align: center;
font-weight: bold;
color: #4c413c;
padding: 5px;
border-right: #FFFFFF 1px solid;
width: 95px;
vertical-align: top;
}

#research a:hover {
color: #000000;
text-decoration: underline;
}


#hotlinks {
border-left: 2px #ffffff solid;
padding-left: 0px;
vertical-align: top;
background-color: #f3f0ec;
padding-top: 1px;
}

#hotlinks ul
{
margin-left: 0px;
padding: 5px;
list-style-type: none;
line-height: 14px;
margin-top: 0px;
}


#hotlinks li
{
padding: 5px 8px 5px 20px;
margin-left: 1px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 14px;
border-top: #FFFFFF dotted 2px;
background-image: url(/cbe/images/common/arrow_link.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
font-weight: bold;
list-style-type: none;
}

#hotlinks li a {
text-decoration: none;
color: #2e5857;
list-style-type: none;
}

#hotlinks li a:hover {
text-decoration: underline;
}
#hotlinks li.first {
border-top: none;
}


#spotlight {
padding-top: 1px;
vertical-align: top;
color: #63544d;
font-size: 13px;
width: 490px;
border-left: 1px #d6cccc solid;
border-right: 1px #d6cccc solid;
}

#spotlight p {
padding-right: 10px;
font-size: 14px;
line-height: 22px;
}


#spotlight .title {
font-weight: bold;
font-size: 15px;
padding-right: 10px;
}

#spotlight .image {
padding-right: 10px;
}

#spotlight a {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
}

#content {
padding: 10px;
}

#main {
padding-left: 2px;
padding: 1px 2px 2px 2px;
vertical-align: top;
border-left: 1px #d6cccc solid;
}

#main p {
padding-bottom: 10px;
}

#main .intro {
font-weight: bold;
font-size: 15px;
color: #63544d;
line-height: 22px;
}

#main .image {
padding-top: 10px;
font-size: 11px;
line-height: 11px;
color: #666666;
}

#main .subhead {
font-weight: bold;
color: #63544d;
font-size: 13px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 0px;
margin-bottom: 5px;
margin-top: 10px;
}

#main .rule {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 0px;
margin-bottom: 5px;
}

#main li {
padding-bottom: 10px;
}



#pagelinks ul {
margin-left: 0px;
padding: 0px;
list-style: none;
line-height: 14px;
margin-top: 0px;
}


#pagelinks li
{
padding: 5px 8px 5px 20px;
margin-left: 1px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 14px;
background-image: url(/cbe/images/common/arrow_link_white.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
font-weight: bold;
list-style: none;
}

#pagelinks li a {
text-decoration: none;
color: #2e5857;
}

#pagelinks li a:hover {
text-decoration: underline;
}

#chart {
border: 1px solid #FFFFFF;
background-color: #f5eee6;
text-align: center;
}

#chart .star {
border-bottom: 1px solid #b9a890;
border-right: 1px solid #b9a890;

}
#chart .people {
border-bottom: 1px solid #b9a890;
border-right: 1px solid #b9a890;
text-align: left;
vertical-align: top;
padding: 5px;
}
#chart .people p{
margin: 0px;
padding: 0px;
}

#chart .people ul {
margin: 0px;
padding: 0px;
}

#chart .people ul li {
list-style-type: none;
padding: 3px 0px 3px 0px;
border-bottom: 1px dotted #CCCCCC;
}
#chart .title {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #993300;
color:#FFFFFF;
font-weight: bold;
padding: 6px;
vertical-align: bottom;
text-align: left;
font-size: 12px;
}

#chart .head {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #63544d;
color:#FFFFFF;
font-weight: bold;
font-size: 9px;
padding: 0;
vertical-align: bottom;
}

#chart .head a{
color:#FFFFFF;
}

#chart .head a:hover{
text-decoration: underline;
}

#chart .name {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #b9a890;
color:#FFFFFF;
font-weight: bold;
padding: 6px;
vertical-align: bottom;
text-align: left;
font-size: 10px;
}

#chart .name a{
color:#FFFFFF;
}

#chart .name a:hover{
text-decoration: underline;
}