* {
margin: 0;
padding: 0;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
}
.style2 {
	color: #CC0000;
	font-weight: bold;
}
.style3 {color: #990000;}

.container { width:900px; margin-left: auto; margin-right: auto;}

.pad {margin-bottom:5px;}

body {
font-size: 12px;
color: #222;
background: #ffffff;
font-family: Verdana;
line-height: 1.6em;
}

.widget {
width:900px;
/* margin: 20px; */ 
padding: 5px;
background: #ececec;
border: 1px solid #dedbd1;
margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	line-height:24px;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	/* padding-right: 5px; */
	/* line-height:24px; */
	}
	
		.tabnav li a {
		text-decoration: none;
		/* text-transform: uppercase; */
		color: #fff;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		
	
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #990000;
		color: #fff;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}
	
		.tabdiv li {
		list-style: none;
		/* list-style-image: url("star.png"); */
		margin-left: 10px;
		}

.ui-tabs-hide {
		display: none;
		}
		
.a_tab { background-color:#1c3d6f; height:25px;}
.b_tab {background-color: #2c6382;}
.c_tab { background-color:#15558e;}
.d_tab {background-color: #1c3d6f;}
.e_tab { background-color:#2c6382;}
.f_tab {background-color: #15558e;}

.a { background-color:#e6e6e7;}
.b {background-color: #d4dfe8;}
.c{ background-color:#d6d8e7;}
.d {background-color: #e6e6e7;}
.e { background-color:#d4dfe8;}
.f {background-color: #d6d8e7;}
		
/* Accordion Styles */


.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 12px Verdana;
margin: 10px 0;
display:inline;
}

.checkbox {display:inline;}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #00033;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: 666666;
}

.content{padding-left:20px; padding-bottom; 5px;}
		
/* Hover For Sections */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 .1em 0; }

#navcontainer a
{
display: block;
color: #222;
/* width: 250px; */
padding: .1em .3em;
text-decoration: none;
border-top: 1px solid #ececec;
}

#navcontainer a:hover
{
background-color: #ececec;
color: #222;
position: relative;
text-decoration:none;
}

#navcontainer h5 /* This is the headline  - needs a style ! */ 
{

color:#222;
font-size: 14px;
padding:5px
}

a span {display: none;}

a:hover span {
display: block;
width:800px;
position: absolute; top: 25px; left: 25px;
padding: 5px; margin: 5px; z-index: 1000;
background: #fff; border: 1px dotted #c0c0c0;
color:#222;
text-decoration:none;
font-size: 11px;
}