body {
        background: #fff url(../images/backgrounds/background.png) top repeat-x;
		color: #3c3c3c;
		font-size: .75em;
		font-family: Calibri, Arial, Tahoma, sans-serif;
		line-height: 1.6em;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 760px;
		padding: 0;
		text-align: left;}


#banner {
  width: 760px;
  height:113px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  border-bottom: 12px solid #afdbf4;
}


#figure {  width:130px; float: left; background-color: transparent; margin: 3px 0 0 0 }

#header {  width: 600px; height: 110px; float: right; background-color: transparent }

#hgroup {   height:94px; }


#main { position: relative; margin-top:15px;   }

#footer {  display:block ; padding-top:80px }


.seo {
   clear:both;

     width:760px;
     text-align:center; }




p {
clear:both; display:block;
margin:0 0 12px 0 ;
padding:0; }



p.listHeading {
color: #187fba;
margin:18px 0 0 0;
font-weight:bold}



h1,h2, h3, h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.1em;
	font-weight: normal;
    color: #1980bb;
    margin: 0;
    padding:0}

h1 {font-size: 1.4em; margin-bottom:8px}
h3 {font-weight:bold}



#hgroup h1{
color: #0095de;
float:right;
margin: 24px 0 0 0;
width:600px;
font-size:1.2em;
line-height: 100%;
font-weight:bold }


h2 {
background: #fff url(../images/backgrounds/h2.gif) top left repeat-x;
padding: 4px 0 4px 6px;
letter-spacing:0.08em;
font-size: 1.2em;
font-weight:bold}

#hgroup h2 {
color: #0095de;
float:right;
margin: 5px 0 0 0;
width:600px;
background: transparent;
padding:0;
font-size:1.2em;
line-height: 100%;
font-weight:bold }


ul h1 {font-size: 1.2em; line-height: 21px; font-weight: bold; 	margin: 0px 6px 0px 0; }






/* Anchors */

a {outline: 0;}

:focus {  -moz-outline-style:none;}
*{outline: none;}
img {border: 0;}
a img {border: 0px; text-decoration: none;}

a, P.note a 		{	text-decoration: underline; color: #2f81a9; }
a:link, P.note a:link 		{	color: #2f81a9;	}
a:visited, P.note a:visited 	{	color: #2f81a9;	}
a:active, P.note a:active    {	color: #2f81a9; text-decoration:none;outline:none; 	}
a:hover, P.note a:hover 	{	color: #2a6d91;  }

P a 		{	text-decoration: underline; color: #3c3c3c; }
P a:link		{	color: #3c3c3c;	}
P a:visited	{	color: #3c3c3c;	}
P a:hover 	{	color: #3c3c3c;  }



.body {clear: both; margin: 0 10px; width: 760px;}


#navLeft {
width:190px; float:left; border-top: 4px solid #1880bd;
margin: 25px 0 0 0; background-color: #fff; padding: 6px 0 0 0; }



#results  {position:relative; width: 500px; float: right; margin: 20px 25px 70px 0;  }

		ul#demoOne  {margin:12px 0 100px 0; padding:0; list-style-image: none;  }
        ul#demoOne li  {display: inline; width:150px; float:left; margin:0 4px 6px 0; font-size: 9pt; color: #187fba;  font-weight: bold }
        ul#demoOne li a {text-decoration: none; color: #187fba;    }



		form {
          width: 190px;
          margin:0;
          background-color: #1880bd;
          color: #fff;
          border-radius: 5px;
    	    -moz-border-radius: 5px;
    	    -webkit-border-radius: 5px;}

        .qs_label {color:#fff; padding:10px; font-weight:normal }

        .qs_input {
		width:165px;
		margin:0 10px  10px  10px; padding:0;
        height:22px;
		border: 1px solid #aaa;
		border-radius: 5px;
    	 -moz-border-radius: 5px;
    	 -webkit-border-radius: 5px;
		}


		button {
		  width: auto;
          height: 18px;
          margin:0; padding:0 3px;
          text-align: center;
          vertical-align: middle;
          background-color:#fff;
          color: #716e6e;
          border: 1px solid #2a6d91;
          font-size: .9em;
          line-height: .9em;
          border-radius: 2px;
    	   -moz-border-radius: 2px;
    	   -webkit-border-radius: 2px;
          cursor:pointer ;

		}


ul.inline {   margin: 0; padding:0; list-style-type: none;}

ul.inline li { display: inline;  }

ul.inline li a {display: inline; font-size: .9em; margin: .2em .3em .2em .2em;}

ul.legend { width:370px;
        margin: 8px 0;
        padding: 0;
        list-style-type: none;}

ul.legend li {
    display: inline;
    font-size: .9em;
    padding:0;
    margin: .4em }

ul.legend { width:190px;  ;
        margin:0;
        padding: 0;
        font-size: 10px;
        list-style-type: none;}

ul.legend li {
    display: inline;
    padding:0;
    margin: .4em
}

ul.legend li.button {
    height: 12px;
    padding:3px 4px 0 4px;
    margin: 0 6px 0 0;
    text-align: center;
    vertical-align: middle;
    background-color:#fff;
   color: #92824e;
    border: 1px solid #92824e;
    font-size: 9pt;
    border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;

}




ul.legend li.button a {text-decoration:none; width: 94px; color:  #92824e; font-weight:bold;}

          p.something {display: inline; color: #187fba; }


        .technology{clear:both; cursor: pointer;  }

        .thelanguage { width: 628px; height: 160px; ; margin: 0 10px; }

        .openlanguage{ margin:18px 0 0 10px;   }

        .closedlanguage{ }






/*!
 * Single Drop Down Menu 1.2 - CSS Temp
 * September 26, 2009
 * Corey Hart @ http://www.codenothing.com
 */




.ddmenu {
  clear:both;
  list-style: none;
  background:transparent;
  margin:0;
  padding: 0;
  width: 600px;
}

.ddmenu > li { z-index:20;
	float: left;
}

.ddmenu > li > a {
	display: block;

	text-align:center;
	padding: 4px 12px;
	text-decoration: none;
	color: #308ebc;
	font: bold  .8em Arial;
	background-color:transparent;
    border-top-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
}







.ddmenu > li > .ddmenu-hover {
	background:#afdbf4;
    color:#308ebc;
}

.ddmenu > li ul {
	display: none;
	list-style: none;
	position: absolute;
    margin: 0;
	z-index: 90;
	padding: 0;

}

.ddmenu > li ul a {
	display: block;
	width: 152px;
    text-decoration: none;
	padding: 4px 12px;
    font: .9em Arial;
    color:#308ebc;
    letter-spacing:0.1em;
	background-color: #afdbf4;
}



.ddmenu > li ul a.ddchildhover {
	background-color: #308ebc; color: #fff;
    border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;
}




/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}


 #container {
	width: 760px;
	margin: 0 auto;
	padding: 0;

}


.breadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
    overflow: hidden;

	background:#fff;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 1em;
	background: url(../images/breadcrumbs/Chevron.gif) no-repeat 100% 0;

}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(../images/breadcrumbs/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(../images/breadcrumbs/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}