body,html{ font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0px; padding:0px; background:#001048 url(../images/bg.gif) repeat-x center top ; color:#000;}
img, img a{border:0px; outline:0px; border:none; outline:none;}
ul,li{margin:0; padding:0; list-style:none;}
a{text-decoration:underline; color:#000099;}
a:hover{text-decoration:none; color:#000066;}
.border_left {padding-right:3px;}

.top_bg {background:url(../images/top_bg.gif) no-repeat; padding-right:3px;}

.top_bg1 {background:url(../images/top_bg1.gif) no-repeat; }
.top_bg2 {background:url(../images/top_bg2.gif) no-repeat bottom ; }

.bluesmall  { font: 11px Arial, Helvetica, sans-serif; color: #6183E2;}
.bluesmall:link  { font: 11px Arial, Helvetica, sans-serif; color: #6183E2; text-decoration: none; }
.bluesmall:active  { font: 11px Arial, Helvetica, sans-serif; color: #6183E2; text-decoration: none; }
.bluesmall:visited { font: 11px Arial, Helvetica, sans-serif; color: #6183E2; text-decoration: none; }
.bluesmall:hover { font: 11px Arial, Helvetica, sans-serif; color: #6183E2; text-decoration: underline }


.menu_bg {background:url(../images/menu_bg.gif) left 3px repeat-x;}
.blue_bg1 {background:url(../images/righthome.jpg) no-repeat; }
.blue_bg2 {background:url(../images/lefthome.jpg) no-repeat; }

.bottom_bg {background:url(../images/bottom_bg.gif) top #041e5d repeat-x ;}

.welcome_text { padding-left:18px; padding-right:15px;}
.welcome_text span {font-size:18px; font-weight:bold; line-height:35px; }

.blue_text {font-size:14px; font-weight:lighter; font-family:"Arial Black"; padding-left:18px; padding-top:10px; padding-bottom:5px; color:#003399;}
.blue_text_inn {font-size:14px; font-weight:lighter; font-family:"Arial Black"; padding-left:18px; padding-top:21px; padding-bottom:10px; color:#003399;}

.blue_line li {margin-left:20px; background:url(../images/bull.gif) left 5px no-repeat; color:#003399; margin-top:2px; padding-bottom:2px; padding-left:15px; }
.blue_line li a {color:#003399; text-decoration:none;}
.blue_line li a:hover {color:#003399; text-decoration:underline;}

.bottem_text {font-weight:bold; font-size:12px; color:#FFF;}
.bottem_text1 {font-size:12px; color:#FFF; }
.bottem_text1 a{font-size:12px; color:#9999c0; text-decoration:none;}
.bottem_text1 a:hover{font-size:12px; color:#FFF; text-decoration:underline;}
.bottem_text2 {font-size:12px; font-weight:bold; color:#9999c0;}
.login_text {font-size:12px; color:#9999c0; text-align:right;}
.login_text a{color:#9999c0; text-decoration:none;}
.login_text a:hover{color:#fff; text-decoration:underline; }

.project_title {font-weight:bold; text-align:center; color:#003399; font-size:13px;}
.personel_title {font-weight:bold; color:#003399; font-size:12px;}
.project_header {font-weight:bold; color:#003399; font-size:14px;}
.project_text {font-weight:regular;  color:#01266E; font-size:11px;}

.top_menu {text-align:center; font-size:12px; color:#FFF; }
.top_menu a {color:#FFF; text-decoration:none; font-weight:bold;}
.top_menu a:hover {color:#FFF; text-decoration:underline; font-weight:bold;}

.nav_menu {text-align:center; font-size:13px; color:#FFF;}
.nav_menu a {color:#FFF; text-decoration:none; font-weight:bold;  display:block; padding:5px 0 5px 0;}
.nav_menu a:hover {color:#d9d9d9; text-decoration:none; font-weight:bold; display:block; padding:5px 0 5px 0;  }




.about_bg2 {background:url(../images/about_bg2.gif) no-repeat;}
.about_bg1 {background:url(../images/about_bg1.gif) no-repeat;}

.about_bg2a {background:url(../images/about_bg2.gif) repeat;}
.about_bg1a {background:url(../images/about_bg1.gif) repeat;}

.padding{padding:3px 0px 0 0;}

.thumbnail img{
border:4px solid #5F81C1;
margin-right:12px;
margin-bottom:2px;
}




/******************** thumbnail ********************/#thumbBox{ /*Outermost DIV for thumbnail viewer*/

position: absolute;
left: 0;
top: 0;
width:150px;
padding-bottom: 0;
background: #000000;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 0px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #000033;
padding: 0px;
z-index: 5;
}


/*Example CSS for the two demo scrollers*/
.marquee{width:585px; overflow:hidden; height:150px;}
.img {padding-right:3px;}
#pscroller1{
width: 193px;
height: 150px;
padding: 10px;
font: 11px verdana, sans-serif; color: #efefef; 


}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #000000;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font-size:12px;
font-weight:normal;
font-family:Tahoma, Geneva, sans-serif;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #000033;

z-index: 5;
}