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

#scroll {
scrollbar-face-color: #E4F2FA;
scrollbar-track-color: #FFFFFF;
}

body{
    margin:0px;
    font-family:Verdana, "Arial", Helvetica, sans-serif;
    font-size:+1;
    text-align:left;
    background-color:#cccccc;
    background-image:url(../images/background.jpg);
}
#body {
    position:relative;
    width:800px;
    left:0px;
    top:1px;
    height:600px;
    z-index:1;
}

#header{
    height:38%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333333;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #333333;
    border-left-color: #333333;
}

#main{
    height:56%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #333333;
    border-left-color: #333333;
}

#footer{
    height:6%;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #0D1369;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #333333;
    border-left-color: #333333;
    border-bottom-width: 1px; 
    border-bottom-style: solid;
    border-bottom-color: #333333;   
}

.spcer{
    height:1%;
    width:100%;
    float:left;
}

#header, #body, #footer {
    background-color:#FFFFFF;
        
}

#logo {
    position:relative;
    height:35%;
    z-index:2;
    float:left;
}

#menu {
    position:relative;
    width:65%;
    height:35%;
    z-index:2;
    float:left;
}

#flashArea{
    position:relative;
    width:100%;
    height:64%;
    z-index:2;
    float:left;
		border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #0D1369;
}

#leftPanel{
    position:relative;
    width:15%;
    z-index:2;
    float:left;
    text-align:center;
    height:100%;
}

.inerLeftPanel{
    position:relative;
    height:120px; 
    z-index:2;
    text-align:center;
}

#content{
    position:relative;
    width:85%;
    height:100%;
    z-index:2;
    float:left;
    text-align:center;
}

#inContent{
    position:relative;
    width:100%;
    z-index:2;
    float:left;
    height:95%;
    text-align:left;
}

.band{
    
}

.searchHead {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
     color:#999999;
     font-size:12px;
}

.blueText {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#31C1C1;
    text-align:left;
}

.newsText {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#999999;
     font-size:11px;
}

.footerLink {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#666666;
    font-size:11px;
}
.footerLink:hover {
    color:#31C1C1;
}

.bodyText {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#666666;
     font-size:12px;
     text-align:justify;
}

.sideLink {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#31C1C1;
    font-size:12px;
}

.sideLink:hover {
    color:#666666;
    text-decoration:none;
}

.buttons {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      color:#666666;
      font-weight:bold;
      text-decoration:none;
      font-size:12px;
      line-height:25px;
}
.buttons:hover {
      color:#84F4F4;
}

.copyWrite {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #00CCCC;
    text-decoration: none;
}

.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #00CCCC;
    text-decoration: none;
}
.link:hover {
    color: #000000;
    text-decoration: none;
}

.light{
    border-left-color:#888888;
    border-top-color:#888888;
    border-bottom-color:#888888;
    border-right-color:#888888;
    border-bottom-style:2px;
    width: 90px;
}

.contactText {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#666666;
     font-size:11px;
     text-align:left;
}

.devider {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
		font-size:11px;
}
.textFild {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000000;
    background-color:#FFFFFF;
    text-decoration:none;
    vertical-align: middle;
    width: 180px;
    border: 1px solid #00CCCC;
}
.subButton {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    font-size:11px;
    width:50px;
    text-align:center;
    border: 1px solid #CCCCCC;
    background-color: #00CCCC;
}
.writeLine {
    border-right-color: #0099FF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

.pro_txt {
    padding-left:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#00AAAA;
    font-size:12px; 
    font-weight: bold;
    font-weight: normal;
    text-decoration:none;
    padding-top:8px;
}               
.pro_txt a { 
    color:#666666; 
    font-weight: normal;
}               
.pro_txt a:hover {
    color:#00CCCC;  
    font-weight: normal;
}

.prod {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#00AAAA;
    font-size:12px; 
		color:#333333;
    padding-top:8px;
		text-align:justify;
		table-layout:auto;
}

.pc{
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:16px; 
		color:#0D1369; 
		text-align:left; 
		font-weight:bold; 
		padding-left:10px;
} 

.collapse {display:none}

.expand {display:inline}

.proimg{
 max-height:280px;
 max-width:280px;
}

.newslink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
		color:#000099;
    text-decoration: none;
}

.newslink:visited {
    color:#000099;;
    text-decoration: none;
}

.newslink:hover  {
    color: #000000;
    text-decoration: none;
}
-->