body
{ 
background:url(images/bg.gif) repeat-y center #FFFFFF;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
h1{
font-size:15px;
color:#006699;
padding:5px;
margin:3px;
font-weight:normal;
}
#h1_topbox{
border:0px solid red;
font-size:15px;
color:black;
padding:5px;
margin: 30px 5px 0px 20px;
font-weight:normal;
width:130px;
float:right;
position:relative;
z-index:1;
}
#rotator{
position:absolute;
z-index:0;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:930px;
height:auto;
margin:auto;
margin-top:30px;
background-color:#FFFFFF;
}
#top_banner{border: 0px red solid;
/*width:930px;
*/background:url(images/topbox.jpg) no-repeat left;
width:840px;
height:112px;
margin-left:40px;
margin-top:20px;
}

#center_banner{border: 0px red solid;
width:590px;
height:210px;
padding:0px;
}
#center_banner_content{
width:250px;
height:auto;
float:right;
padding: 14px 0 0 20px;
}
#page_content{
width:930px;
height:auto;
min-height:450px;
background-color:#FFFFFF;
}
/*------top menu---------*/
ul.menu { border: 0px red solid;
list-style-type:none; 
float:right; 
display:block; 
width:140px; 
height:30px; 
clear:both; 
margin:75px 0px 0px 340px; 
padding:0px;
}
ul.menu li { border: 0px green solid;
display:inline;
padding:0px 5px 0px 0px; 
float:right;
}

a.nav:link, a.nav:visited {
display:block; 
float:left; 
padding:4px 11px 0 11px; 
margin:0;
width: auto; 
height:18px; 
text-align:center; 
line-height:20px; 
font-weight:bold; 
font-size:12px;
text-decoration:none; 
color:#006699;
}

a.nav:hover {
display:block; 
float:left; 
padding:4px 11px 0 11px; 
margin:0;width: auto; 
height:18px; 
text-align:center; 
line-height:20px;
text-decoration:none;  
color:#562231; 
border-bottom:1px #CCCCCC solid;
cursor: hand;
cursor: pointer;
}

.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
img.pic{
float:left;
padding:5px;
}
.title{
font-size:14px;
font-weight:bold;
color:#006699;
}
.title a{
text-decoration:none;
font-weight:bold;
color:#006699;
}
.content{
padding:1px;
margin:0px 0px 0px 5px;
text-align:justify;
}
.content p{
line-height:17px;
margin:10px 0px 0px 0px;
}
.menu_content{
padding:1px;
margin:0px 0px 0px 23px;
text-align:justify;
}

/*------right section-----*/
#right_section{
width:600px;
height:auto;
float:left;
margin: 0px 0px 0px 5px;
}
.right_box{
margin:2px 20px 10px 20px;
}
img.pic_border{
float:right;
padding:2px;
margin-left:0px;
border:1px solid #999999;
}
.title_small{
font-size:12px;
font-weight:bold;
color: #000000;
}
#right_box_1{
width:250px;
height:280px;
float:left;
margin:10px 1px 10px 10px;
border-right:3px #B3B5B8 solid;
}
#right_box_2{
width:550px;
height:280px;
float:left;
margin:10px 5px 10px 1px;
padding-left:12px;
border-left:0px  #CCCCCC solid;
}
/*------left section-----*/
#left_section{
width:248px;
float:left;
padding:0px 0px 10px 40px; /*adjust padding of entire left frame*/
border: 0px red solid;
}
.left_box_border{
width:248px;
height:auto;
border:0px #999999 solid;
padding:0px;
margin-top:0px;
}
.left_box{
width:248px;
height:auto;
/*min-height:195px;*/
background:url(images/left_box.jpg) no-repeat bottom;
background-color:#006699;
padding-top:0px;
}

.left_box_border_bottom{
width:248px;
height:auto;
border:0px #999999 solid;
padding:2px;
margin-top:15px;
border:0px solid green;
}
.left_box_bottom{
width:248px;
height:auto;
background:url(images/box.jpg) no-repeat top;
padding-top:10px;
border:0px solid red;
}
#left_box_container{
padding:0px 0px;
}

.left_news_link a{
text-decoration:none;
color:#999999;
}
.left_news_link a:hover{
text-decoration:none;
color:#000;
}
.left_box_bottom_content{
padding:1px;
margin:0px 5px 0px 5px;
text-align:left;
line-height:12px;
border:0px solid blue;
}
.left_news_link{
float:right;
padding-right:10px;
}
.left_news_submenu{
clear:both;
float:left;
padding:0px 0px 0px 0px;
margin-left:10px;
border:0px solid red;
border-bottom:1px #CCCCCC solid;
}

.news_box{
padding:10px 0 0 0;
clear:both;
}
img.pic_news{
float:left;
padding:0px 10px 10px 10px;
}
.news_submenu{
clear:both;
float:left;
padding-top:5px;
margin-left:0px;
border-bottom:0px #CCCCCC solid;
}
.news_link{
float:left;
padding-right:10px;
}
.news_link a{
text-decoration:none;
color:#999999;
}
.news_link a:hover{
text-decoration:none;
color:#000;
}

.short_news_submenu{
clear:both;
float:left;
padding-top:5px;
margin-left:10px;
border-bottom:1px #CCCCCC solid;
}
.short_news_link{
float:left;
padding-right:10px;
}
.short_news_link a{
text-decoration:none;
color:#999999;
}
.short_news_link a:hover{
text-decoration:none;
color:#000;
}

.underline{
clear:both;
padding-top:5px;
margin:10px 0px 0px 0px;
border-bottom: 1px #CCCCCC solid;
}
/*---------services---------*/
ul.services {
list-style-type:none; float:left; display:block; width:auto; height:20px; 
margin:0px; padding:10px 0 0 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#000000;}
/*-------footer-----*/
#footer{
width:930px;
height:30px;
clear:both;
background-color:#D7D8D2;
}
#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:200px;
height:60px;
float:right;
text-align:center;
padding-top:10px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

/*----main menu----*/
.mainmenu{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 10px;
border: 1px solid gray;
background: #E1E1E1;
}
.mainmenucopy{
padding: 5px 0px 5px 3px;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background-color:#999999;
color:#FFFFFF;
}
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 10px Arial;
margin: 10px 0;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}
