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


html, body, div, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:normal;
}


body {
	margin:0;
	text-align:center;
	background: #fff url(../images/bg.gif) repeat-x;
	font-size: .8em;
}

/*
LINKS --------------------- */


a:link, a:active, a:visited {
	color: #0f6dcf;
	text-decoration:none;
}

a:hover {
	color:#900;
}

table {
	border-collapse:collapse;
	border:1px solid #ccc;
}

td {
	padding: 5px;
	border-collapse:collapse;
	border:1px solid #ccc;
}

.tdhead {
	font-weight:bold;
	background-color:#9b8b6d;
}

ul {
	line-height:1.5em;
}

ul li {
	list-style:url(../images/bullets.gif);
}

hr {
	background:url(../images/deco_line.gif) repeat-x top left;
	width:920px;
	height:5px;
	border:0;
	margin-bottom:0;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#d99027;
	margin-top:20px;
	margin-bottom:5px;
}

h4 {
 font-weight:bold;
 font-size:12px;
 margin-bottom:0;
 margin-top:18px;
 margin-bottom:0px;
}

h5 {
 font-weight:bold;
 font-size:12px;
 color:#900;
}

/*
DL / DT------------- */

#lists {
	width:620px;
	padding:10px 0 80px 0;
}

#lists dl{
	margin:15px 10px;
	padding:0;
	clear:both;
	border-bottom:1px dotted #666;
}

#lists dt{
	margin:0;
	padding:0;
	float:left;
	width:180px;
	font-weight:bold;
}

#lists dd{
	margin:0;
	padding:0;
	float:left;
}

/*
Wrapper + logo + title------------- */

#wrapper {
	width:940px;
	margin: 0 auto;
	text-align:left;
	background-color: #fff;
}


#toptitle {
	width:940px;
	height:120px;
	background:url(../images/logo_banner.gif) top left no-repeat;
}

#toptitle h1 {
	text-indent:-5000px;
	margin:0;
	padding:0;
	}

#banner{
	clear:both;
	text-align:center;
	margin-top:10px;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: 100%;
margin: 0 10px;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
list-style:none;
}

.tabsmenuclass a{
display: block;
padding: 5px 10px;
background: #ccc;
color: #0d4988;
margin-right: 1px;
text-decoration: none;
font: bold 13px verdana;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #d99027;
color:#fff;
}

/*
CSS for sub menu container below --------------*/

.tabsmenucontentclass{
clear: left;
background: #d99027;
width: 913px;
height: auto;
padding: 5px;
margin:0 10px;
border-top: 1px solid #fff;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0 10px;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
padding-left:20px;
line-height: 1.2em;
}

.tabsmenucontentclass a{
	color:#fff;
	font-weight:bold;
	}
#mytabsmenu a:hover {
	color:#fff;
	}

.tabsmenucontentclass a:hover {
	color:#000;
	}

/*
Main content---------------------------- */

#content {
	width: 660px;
	float:left;
	margin:0 10px;
	border-right:1px #afafaf solid;
}

#content p {
	padding:0 10px;
	margin-top:10px;
}

.capital {
font:50px Georgia, "Times New Roman", Times, serif;
font-style:italic;
color: #5086bc;
padding: 0 5px 2px 0;
margin-right: 5px;
float: left;
}

#secondaryContent {
	width:220px;
	float:left;
	margin:20px 10px;
	font-weight:bold;
	color:#000;	
}

#secondaryContent img {
	float:left;
	margin-right:5px;
	}


#footer {
	background-color:#585858;
	width:910px;
	margin-left:10px;
	color:#fff;
	height:25px;
	clear:both;
	font-size:10px;
	text-align:right;
	padding-top:7px;
	padding-right:10px;
}

.clear {
	clear:both;
	}


/*
breadcrumbs style----------------------------- */

#breadcrumb {
	margin:40px 10px 5px 10px;
	color:#5086bc;
	font:22px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#breadcrumb a {
	color:#5b5e61;
	font-size:16px;
	}
#breadcrumb a:hover {
		text-decoration:underline;
	}

/*
Expandable & collapsible  style--------------------- */
.technology{ 
cursor: hand;
cursor: pointer;
font-size: 14px;
font-weight:bold;
background: #b4b8bb;
display:block;
width:630px;
height:25px;
margin: 10px 0;
border-bottom:1px #666 solid;
border-right:1px #666 solid;

}

.openlanguage{
color:#03325e;
background: #9bbfe1;
padding-left:10px;
padding-top:5px;
}

.closedlanguage{ 
color:#fff;
padding-left:10px;
padding-top:5px;

}
	

/*
Table sorter------------------------------------------*/

.sortable {width:90%; border:1px solid #ccc; border-bottom:none}
.sortable th {padding:4px 6px 6px; background:#444; text-align:left; color:#ccc}
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc}
.sortable .head {background:#444 url(../images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#222 url(../images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#222 url(../images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}

/*Tab contents for board members--------------------*/


.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #aaa;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 1.5em;
 margin-left: 3px;
 border: 1px solid #aaa;
 border-bottom: none;
 background: #acccec;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #034485; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #4882bd;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 border-right:0;
}

.tabberlive .tabbertab p {
 color:#034485;

} 

.tabberlive .tabbertab a {
 font-weight:bold;
}

.tabberlive .tabbertab a[href^="mailto"] {
	font-weight:normal;
	color:#264f7a;
}

.tabberlive .tabbertab a[href^="http"] {
	font-weight:normal;
	color:#264f7a;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.tabberlive .tabbertab h6 {
 font-size:11px;
 color:#930;
 margin-left:10px;
}

/*.tabberlive .tabbertab h5 {
 font-weight:bold;
 font-size:12px;
 color:#900;
}*/

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}