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

html, body {
  margin: 0;    
  padding: 0;
  border: 0;
  font-size: 13px;
  color:#616060; /* grayish text */    
}
/*body { behavior: url("csshover3.htc"); } */
/*body { behavior: url("csshover3.htc"); } */
body { behavior: url("csshover.htc"); }

body {
  font: 1em/1.25 verdana, arial, helvetica, sans-serif;
  text-align: center; 
}  

/* Headlines */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding:0;
  font-weight: bold;
  padding-bottom: 5px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #599AD3; /*lightish blue */
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em;}
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

h1 {
 width:550px;
  height:40px;
  background: url(../images/heading-strip.png) no-repeat;
  border: 0px solid blue;
  font: bold 1.33em/1 verdana, arial, helvetica, sans-serif; 
  color: #fff;
  padding: 5px 10px;
  float:left; 
  }

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
  margin: 0;
  padding: 0;
  font: normal normal normal 1em/1.5 verdana, arial, helvetica sans-serif;
}

p{
  margin-bottom: 0.9em;
  text-align: left;
}

blockquote {
  margin: 1.25em;
  padding: 1.25em
}

q {
  font-style: italic;
}

acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}

small {
  font-size:.85em;
}

big {
  font-size:1.2em;
}  

input, select, textarea{
  font-size: 0.8em; 
}

/* Links and Images */
a, a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  font-family: verdana, arial, helvetica, sans-serif;
}

a{
  color:#357DB2;
}

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


img {
  border: none;
}

/* Tables */
table {
  margin: 0;
  padding: 0;
  border: none;
}

/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}

label {
  cursor: pointer;
}

div{
  padding:0;
  margin:0;
}


/* site classes */
div#sitecontainer{
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: 0px solid red; 
  text-align: left;
} 

#leftmenu
{
  width:                   195px;
  min-height:               12px;
  height:                   auto;
  padding:       0px 5px 0px 5px;
  margin:        0px 0px 0px 0px;
}

#leftmenu #top
{
  width: 191px;
  height: 12px;
  background: url(../images/serviceshometop.jpg) no-repeat; 
}

#leftmenu #middle
{
  width: 181px;
  background: url(../images/serviceshomemiddle.jpg) repeat-y;  
  padding: 0 5px;
}

#leftmenu #bottom
{
  width: 191px;
  height:18px;
  background: url(../images/serviceshomebottom.jpg) no-repeat;
}

#leftnav{
  float: left;
  width: 210px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
}

/* left services sector menu */
#servicesmenu{
  width: 195px;
  min-height :200px;
  padding:0 5px;
  margin-bottom: 5px;
}

#servicesmenu #top{
  width: 191px;
  height:12px;
  background: url(../images/serviceshometop.jpg) no-repeat; 
}

#servicesmenu #middle{
  width: 181px;
  background: url(../images/serviceshomemiddle.jpg) repeat-y;  
  padding: 0 5px;
}

#servicesmenu #bottom{
  width: 191px;
  height:18px;
  background: url(../images/serviceshomebottom.jpg) no-repeat;
}

#servicesmenu ul{
  list-style-position: outside;
  list-style-image: url(../images/bluebullet.gif);  
  list-style-type: circle;
  padding-left:20px;  
}

ul {
  padding-left:30px;        
}
#servicesmenu ul li{
  padding-left: 5px;
}   

#servicesmenu ul li a{
  font-size: 1em; 
  text-decoration: none;  
}

/* endleft services sector menu */  

#personalmenu{
  width: 195px;
  padding:0 5px;
  margin-bottom: 5px;
}

#personalmenu #top{
  width: 191px;
  height:12px;
  background: url(../images/serviceshometop.jpg) no-repeat; 
}

#personalmenu #middle{
  width: 181px;
  background: url(../images/serviceshomemiddle.jpg) repeat-y;  
  padding: 0 5px;
}

#personalmenu #bottom{
  width: 191px;
  height:18px;
  background: url(../images/serviceshomebottom.jpg) no-repeat;
}

#personalmenu ul{
  list-style-position: outside;
  list-style-image: url(../images/bluebullet.gif);  
  list-style-type: circle;
  padding-left:20px;  
}

#personalmenu ul li{
  padding-left: 5px;
}   

#personalmenu ul li a{
  font-size: 1em; 
  text-decoration: none;  
}

/* endleft personal  menu */  

/*home faq */
#homeleftfaq{
  width: auto;
  padding: 5px;
}
/* end home faq */

/* home search */
#homeleftsearch{
  width: auto;
  padding: 5px;
}

/* end home search */

#homeregister{
  margin:10px 0;
}

#partnersleft{
  padding: 0 5px;    
}

#partnersleft h4{
  color: #000042;/*darker blue */
}



#rightnav{
  float: left;
  width: 190px;
  height: auto;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

#rightnav #loginrightnav
{
  padding: 0px 5px 0px 5px;
}

#content
{
  border:        0px solid red;
  width:                 570px;
  background:             none;   
  float:                  left;  
  margin:     20px 0px 0px 0px;
  min-height:            400px;  
  padding:     0px 0px 0px 0px;
}

#header{
  height: 164px; 
  margin: 0px 0px 50px 0px;
  background: url(/images/header.jpg) no-repeat;
}     

/*
#menu
{
  float:                                  left;
  width:                                  100%; 
  height:                                 54px;
  padding:                                   0;
  margin:                                    0;
  margin-bottom:                           5px;
  position:                           relative;
  top:                                     0px;
  left:                                    0px;
  background: url(/images/menubg.jpg) repeat-x;
  border:                      0px solid black;
}

#menu ul {
  list-style:            none;
  margin:   0px auto 0px auto;  
  padding:                  0;
  color:                white;
  text-align:          center;
  border:                      0px solid black;
}

#menu ul li
{
 display:inline; 
 text-align:center;  
 padding-left:0px;
 padding-right:0px;
 width: 140px;  
}

#menu ul ul li
{
 text-align:    left;  
 text-indent:   10px;
 width:        140px;
}

#menu ul li a
{
   line-height: 2.5em;
}

#menu a, #menu h2
{
  font: normal 1.17em/1 verdana, arial, helvetica, sans-serif;  
  display: inline;
  margin: 0;
  padding: 2px 5px 2px 15px;     
  color: #599AD3;
  color:white;
  text-decoration: none;  
  font-weight:bold;
}

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

#menu li
{
  position: relative;
}

#menu ul ul
{
  
  z-index: 500;
}

#menu ul ul ul
{
 
}     

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
  display: block;
}

div#menu ul ul
{
  position: relative;
  top: -8px;
  left: 445px;   
}

div#menu ul ul li,
div#menu ul ul li:hover,
div#menu ul ul li a,
div#menu ul ul li a:hover,
div#menu ul ul li:hover a,
div#menu ul ul li:hover a:hover
{
   width:                                           320px;
   height:                                           29px;
   margin:                                0px 0px 0px 0px;
   padding:                               0px 0px 0px 0px;
   display:                                         block;
   position:                                     relative;
   background-color:                                 blue;
   background:       url(/images/menu-li-bg.jpg) repeat-x;
   overflow:                                       hidden;
   font-size:                                        10px;
}*/

#contentheader{
  width:550px;
  height:40px;
  background: url(../images/heading-strip.jpg) no-repeat;
  border: 0px solid blue;
  font: bold 1.33em/1 verdana, arial, helvetica, sans-serif; 
  color: #fff;
  padding: 5px 10px;
  float:left; 
}

#textcontent{
  width: 550px;
  padding: 20px 10px;  
  float:left;
}


#footer{
  clear:both;
  text-align:center;
  width:100%;
  font-size:10px;
}

/* special calses */
/* form elements */ 
 
.blueinputcontainer{
  width: 123px;
  height: 18px;
  padding: 2px 5px;
  background: url(../images/search-input.jpg) no-repeat; 
  border:0px solid blue;
}

.blueinputcontainer .blueinput{
  width:123px; 
  height:18px;
  padding:0px; 
  border: 0 solid #fff;
 }


 
.roundcont { 
    width:200px;
    background-color: #c3cfe7;       
    color: #486db1;
}

.roundcont p {
    margin: 0 5px;
    font-size:10px; 
    font-weight:bold;
}

.roundtop { 
    background: url('../images/corners/rt.jpg') no-repeat top right; 
}

.roundbottom {
    background: url('../images/corners/rb.jpg') no-repeat top right; 
}

img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}


.registration input{
  width:300px; 
  height:18px;
  padding:0px; 
  font-size:12px;
  padding-top:3px;
  vertical-align:middle ;
  border: 1px solid #486db1;
 }
 
 input[type=radio]{
  width:80px; 
  height:5px;
  padding:0px; 
  font-size:12px;
  vertical-align:middle ;
  border: 0;
 }
 
 input[type=checkbox]{
  width:80px; 
  height:20px;
  padding:0px; 
  font-size:12px;
  vertical-align:middle ;
  border: 0;
 }
 
 .registration select{
  width:305px; 
  height:20px;
  padding:0px; 
  font-size:12px;
  padding-top:3px;
  vertical-align:middle ;
  border: 1px solid #486db1;
 }
 
 /* sleft side bar boxes*/
 .leftlistbox{
  width:175px; margin:0 auto; padding:0; border:1px solid #486db1;
 }
 
 .leftlistbox .heading{
  background:#599AD3;
  height:1.5em; 
  padding:5px; 
  width:165px;
  background: url('../images/sideheader.png') no-repeat top center; 
  text-align: center;
  color: #ffffff;
 }
 
 .leftlistbox .heading a
 {
  color:white;
 }

 .leftlistbox .heading ul
 {
    list-style-image: url( ../images/header-bullet.png );
 }
 
 .leftlistbox .item{
 font-size:0.85em;padding:2px; margin: 2px 0;
 }   
 
 /* end left side bar boxes*/
 
 /* news and events list page and details page*/
 
 .newslistitem{
  margin-bottom: 10px;
 }
 .newsdate{
 font-size:0.7em;font-style:italic;
 }
 
 table.projectList 
 {
   border:1px solid blue;
   text-align:center;
 }
 
 table.projectList th
 {
   font-size:11px;
   font-weight:bold;
  
 }
 
 table.projectList td
 {
   font-size:10px;
 
 }

 .breadcrumbs, .breadcrumbs a {
 
    font-size:11px;
    font-weight:bold;
 }
 
 td, th {vertical-align:top;}
 
 a.info{
    position:relative; /*this is the key*/
    z-index:24; /*background-color:#ccc; */
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; /*background-color:#ff0*/}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#486db1; color:white;   
    text-decoration:none; 
    text-align: center}