/** Main **/
html{ background-color:#c2d0eb; }
p{ padding: 8px 0px; font-size:12px;}
body{ font-size: 12px; color: #333333; line-height:24px;}
a{ text-decoration: none; color: #515a9d;}
a:hover { color: #729dd0; text-decoration: none;}
h1{ background-image:url(../images/logo.png); background-repeat:no-repeat; font-size:22px; height:109px; left:36px; overflow:hidden; position:absolute; text-indent:-350px; top:24px; width:208px;}
h5 {
font-size:14px;
font-weight:bold;
line-height:18px;
padding-bottom:10px;
}
.content { position:absolute; top:32px; }
.selected { color:#729dd0; font-weight:bold; }
.imgleft { float:left; padding:0 20px 20px 0; }
.biginfo { font-size:14px; font-weight:bold; margin:10px 0px 20px 0px;}
.biginfo a{ color:#729dd0;}
/** End Main **/
/** Structure **/
#doc{ font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; width:998px; color: #484747; margin-top:30px; position:relative; clear:both; overflow:hidden; }
#hd{ height:418px; position: relative; font-size:12px; background-image:url(../images/shadow-top.png); width:998px;}
#hd .topright{ background-image:url(../images/GraphicFeature.png); position:absolute; top:0px; right:16px; display:block; width:282px; height:158px;}
#hd .email{ position:absolute; top:110px; right:511px; color:#749dd1; font-size:13px; }
#hd .email a{ color:#333333; }
#hd .email a:hover { color:#515a9d; }
#hd .slogan{ position:absolute; top:66px; left:296px; font-size:22px; font-weight:bold; background-image:url(../images/impressions-of-color.png); background-repeat:no-repeat; width:345px; height:24px;}
#hd .telephone{ position:absolute; top:110px; left:505px; font-size:13px; color:#749dd1; }
#hd .telephone b{ font-weight:bold; font-size:14px; color: #333333; }
#hd .newsletter{ background-image:url(../images/newsletter_icon.gif); background-repeat:no-repeat; background-position:1px -2px; position:absolute; top:14px; left:548px; padding:4px 0px 4px 26px; }
#hd .newsletter a{ color:#333333; }
#hd .newsletter a:hover{ color:#515a9d; }
#hd .socialmedia{ position:absolute; top:18px; left:356px; }
#hd .socialmedia td{ vertical-align:middle; }
#hd .ftp{ background-image:url("../images/ftp_icon.gif"); background-position:-2px 0; background-repeat:no-repeat; padding:4px 0 4px 29px; position:absolute; right:92px; top:14px; color:#333; }
#hd .ftp a{ color:#333333; }
#hd .ftp a:hover{ color:#515a9d; }
#hd .banner1{ position:absolute; top:162px; right:23px; background-color:#666666; width:920px; height:209px; }
#hd .banner1 p{ font-size:29px; position:absolute; top:40px; right:30px; text-align:right; line-height:40px; }
#hd .banner{ position:absolute; top:189px; right:39px; background-color:#666666; width:920px; height:209px; }
#hd .banner p{ font-size:29px; position:absolute; top:40px; right:30px; text-align:right; line-height:40px; }
#hd .searchForm { height:18px; border:1px solid #666666; width:144px; position:absolute; top:1px; right:40px; font-size:11px; padding:0 0 2px 6px;}
#hd span{ position:absolute; top:20px; right:24px; font-size:12px; text-align:right;}
#bd{ background-image:url(../images/shadow-mid.png); background-repeat:repeat-y; clear:both; }
#bd .line{ border-bottom:2px solid #5863a1; margin:0px 39px 0px 38px; }
#bd span { /*color:#729dd0; */}
.yui-g{ padding:0 18px 0 38px; overflow: hidden; }
.required { color:#ff0000!important; }
/** Structure **/
/** Nav **/
#nav{ background-image:url(../images/nav.png); height:38px; width:920px; position:absolute; top:158px; left:39px; display:block; margin-bottom:4px; }
#nav li {
display:inline-block;
float:left;
padding:4px 18px;
}
/** End Nav **/
/** maincontent column **/
#maincontentcolumn{ /*padding:10px;*/ padding:0 150px 10px 0; width:900px; display:block; position:relative; }
#maincontentcolumn a{ /*font-weight:bold;*/ }
#maincontentcolumn a:hover{ /*font-weight:bold;*/ color:#729DD0; }
#maincontentcolumn p{ font-size:12px; line-height:20px; padding:0 150px 20px 0; }
#maincontentcolumn span{ /*padding-right:150px;*/ color:#729DD0; line-height:18px; }
#maincontentcolumn h2{ font-size:18px; font-weight:bold; color:#729dd0; padding-bottom:10px; }
#maincontentcolumn h3{ font-size:15px; font-weight:bold; color:#729DD0; margin-top:10px; margin-bottom:5px; }
/** maincontent column **/
/** contact us column **/
#maincolumn{ padding:10px; background-color:#e6eaf6; width:900px; display:block; position:relative; }
#maincolumn a{ font-weight:bold; }
#maincolumn a:hover{ font-weight:bold; color:#729dd0; }
#maincolumn .email{ margin:10px 0px; width:289px; border:1px solid #5863a1; height:20px; }
#maincolumn .re-email{ margin:10px 0px; width:283px; border:1px solid #5863a1; height:20px; }
#maincolumn .bigtextarea{ margin:10px 0px; width:269px; border:1px solid #5863a1; height:265px; }
#maincolumn .jobtextarea{ margin:10px 0px; width:573px; border:1px solid #5863a1; height:150px; }
#maincolumn .posttextarea{ margin:10px 0px; width:263px; border:1px solid #5863a1; height:100px; }
#maincolumn .medtextarea{ margin:10px 0px; width:156px; border:1px solid #5863a1; height:80px; }
#maincolumn .textbox{ margin:10px 0px; width:176px; border:1px solid #5863a1; height:20px; vertical-align:middle; }
#maincolumn textarea {padding:10px;}
#maincolumn select{ margin:10px 0px; width:176px; }
#maincolumn td{ padding-right:20px; }
#maincolumn h2{ font-size:18px; font-weight:bold; color:#729dd0; padding-bottom:10px; }
#maincolumn h3{ font-size:15px; font-weight:bold; color:#729DD0; padding-bottom:4px; }
#maincolumn h4{ font-size:15px; font-weight:bold; }
#maincolumn p{ font-size:14px; line-height:20px; padding-bottom:20px;}
#maincolumn span{ color:#729DD0;font-weight:bold; }
#maincolumn .addressbox{ width:215px; height:185px; border-bottom:1px solid #729DD0; float:left; margin:0px 10px 10px 0px; position:relative; }
#maincolumn .address{ width:205px; height:70px; margin:0px 10px 10px 0px; position:absolute; top:50px; left:0px; }
#maincolumn .telfax{ margin:0px 10px 10px 0px; position:absolute; top:124px; left:0px; }
#maincolumn .emailcontact{ margin:0px 10px 10px 0px; position:absolute; top:139px; left:0px; font-weight:bold; }
#maincolumn .website{ position:absolute; top:154px; left:0px; font-weight:bold;}
/** Contact us column **/
#map { display:block; display:block; float:right; width:610px; height:496px;}
/** findusleft column **/
#findus{ padding:10px; background-color:#e6eaf6; width:900px; display:block; position:relative; }
#findus a{ font-weight:bold; }
#findus a:hover{ font-weight:bold; color:#729dd0; }
#findus .email{ margin:10px 0px; width:289px; border:1px solid #5863a1; height:20px; }
#findus h2{ font-size:18px; font-weight:bold; color:#729dd0; }
#findus h3{ font-size:15px; font-weight:bold; color:#729DD0; padding:10px 0px 6px 0px; }
#findus h4{ font-size:13px; font-weight:bold; color:#729DD0; }
#findus p{ font-size:12px; line-height:20px; padding-bottom:20px; width:270px;}
#findus span{ color:#729DD0; }
#findus .addressbox{ width:215px; height:185px; border-bottom:1px solid #729DD0; float:left; margin:0px 10px 10px 0px; position:relative; }
#findus .address{ width:205px; height:70px; margin:0px 10px 10px 0px; position:absolute; top:50px; left:0px; }
#findus .telfax{ margin:0px 10px 10px 0px; position:absolute; top:124px; left:0px; }
#findus .emailcontact{ margin:0px 10px 10px 0px; position:absolute; top:139px; left:0px; font-weight:bold; }
#findus .website{ position:absolute; top:154px; left:0px; font-weight:bold;}
#findus iframe{ position:absolute; top:10px; right:10px; border:1px solid #5863A1; }
/** findusleft column **/
/** findusmap column **/
#findusmap{ width:630px; background-color:#e6eaf6; display:block; position:relative; }
/** findusmap column **/
/** Left column **/
#leftcolumn{ width:605px; display:block; position:relative; padding-right:20px;}
#leftcolumn h2{ font-size:18px; font-weight:bold; padding-bottom:10px; color:#729dd0; }
#leftcolumn p{ font-size:14px; line-height:20px; padding-bottom:20px;}
#leftcolumn a{ /*font-weight:bold;*/ color:#515A9D }
#leftcolumn a:hover{ /*font-weight:bold;*/ color:#729dd0; }
/** End Left column **/
/** Right column **/
#rightcol {width:315px; position:relative; display:block; }
#rightcol a{ font-weight:bold; }
#rightcol a:hover{ font-weight:bold; color:#729dd0; }
#rightcol .next {float:right; }
#rightcol .nav-controls {float:right; display:block; padding:10px 20px 0 0; }
#rightcol .prev { position:absolute;left:0px; bottom:0px; }
#controls { width:314px; }
/** END Right column **/
/** About Left column **/
#aboutleftcolumn{ width:220px; display:block; position:relative; }
#aboutleftcolumn h2{ font-size:16px; color:#729dd0; }
#aboutleftcolumn p{ font-size:14px; line-height:20px; padding-bottom:20px;}
#aboutleftcolumn li{ padding-bottom:10px;}
#aboutleftcolumn a{ font-weight:normal; }
#aboutleftcolumn a:hover{ font-weight:bold; color:#729dd0; }
#aboutleftcolumn .submenu{ padding-top:10px; padding-left:20px;}
#aboutleftcolumn .subsubmenu{ padding-top:10px; padding-left:20px;}
#aboutleftcolumn .selected{ font-weight:bold;}
/** End About Left column **/
/** About middle column **/
#midcolumn{ width:385px; display:block; position:relative; float:left; padding-right:20px;}
#midcolumn a{ /*font-weight:bold;*/ }
#midcolumn a:hover{ /*font-weight:bold;*/ color:#729dd0; }
#midcolumn .bluelink a{ color:#729dd0; }
#midcolumn .bluelink a:hover{ text-decoration:underline!important; }
#midcolumn h2{ font-size:18px; font-weight:bold; padding-bottom:10px; color:#729dd0; line-height:24px;}
#midcolumn h3{ font-size:15px; font-weight:bold; color:#729dd0;}
#midcolumn h4{ font-size:16px; font-weight:bold;}
#midcolumn p{ font-size:14px; line-height:20px; padding-bottom:10px;}
#midcolumn ul{ padding-left:20px; font-size:13px; font-weight:bold; }
#midcolumn li{ list-style-type:disc; padding-bottom:2px; }
#midcolumn b{ height:1px; width:385px; display:block; background-color:#729dd0; margin:15px 0px; }
/** End About middle column **/
/** About middle column **/
#span2right{ width:681px; display:block; position:relative; float:left; padding-right:20px; }
#span2right h3{ font-size:15px; font-weight:bold; color:#729dd0;}
#span2right p{ font-size:14px; line-height:20px; padding-bottom:10px; }
#span2right b{ height:1px; width:700px; display:block; background-color:#729dd0; margin:15px 0px; }
#span2right ul{ padding-left:20px; }
#span2right li{ list-style-type:disc; padding-bottom:2px; }
#span2right a{ font-weight:bold; }
#span2right a:hover{ font-weight:bold; color:#729dd0; }
/** End About middle column **/
/** About Right column **/
#aboutrightcol {width:295px; position:relative; display:block; padding-right:20px; }
#aboutrightcol a{ font-weight:bold; }
#aboutrightcol a:hover{ font-weight:bold; color:#729dd0; }
#aboutrightcol .right {float:right; }
#aboutrightcol .backnextlinks {float:right; display:block; padding:10px 20px 0 0; }
#aboutrightcol .left { position:absolute;left:0px; bottom:0px; }
#aboutrightcol .news h4{ position:absolute; top:6px; left:90px; width:180px; color:#515A9D;}
#aboutrightcol .news p{ position:absolute; top:20px; left:90px; font-size:10px; line-height:12px; width:168px;}
#aboutrightcol .news a{ position:absolute; top:72px; left:90px; color:#729DD0; }
#aboutrightcol .news a:hover{ text-decoration:none!important;color:#515a9d;}
#aboutrightcol .news img{ width:80px; height:80px; padding:10px 10px 10px 0px; }
#aboutrightcol .news{ border-top:dotted 1px #999999; display:block; position:relative; }
#aboutrightcol .latestnews{ padding:15px 15px 5px 15px; display:block; margin-top:20px; position:relative; border:1px solid #999999; }
#aboutrightcol h3 { font-size:14px; padding-bottom:5px;}
/** END About Right column **/
/** Left column2 **/
#leftcolumn2{ width:290px; }
#leftcolumn2 a{ font-weight:bold; }
#leftcolumn2 a:hover{ font-weight:bold; color:#729dd0; }
#leftcolumn2 .latestnews{ padding:15px 15px 5px 15px; display:block; margin-top:20px; position:relative; border:1px solid #999999; }
#leftcolumn2 .news h4{ position:absolute; top:6px; left:90px; width:174px; color:#515a9d;}
#leftcolumn2 .news p{ position:absolute; top:20px; left:90px; font-size:10px; line-height:12px; width:168px;}
#leftcolumn2 .news a{ position:absolute; top:72px; left:90px; color:#729dd0; }
#leftcolumn2 .news a:hover{ color:#515a9d; }
#leftcolumn2 .news img{ width:80px; height:80px; padding:10px 10px 10px 0px; }
#leftcolumn2 .news{ border-top:dotted 1px #999999; display:block; position:relative; }
#leftcolumn2 .credentials{ display:block; width:290px; height:80px; position:relative; }
#leftcolumn2 .credentials span{ clear:both; position:absolute; bottom:50px; left:0px; font-size:10px; font-weight:bold; color:#333333; }
#leftcolumn2 .credentials a{ clear:both; position:absolute; bottom:0px; left:0px; }
#leftcolumn2 h2{ font-size:16px; padding-bottom:10px; color:#729dd0;}
#leftcolumn2 h3{ font-size:14px; padding-bottom:5px; }
#leftcolumn2 p{ font-size:14px; line-height:20px; padding-bottom:20px;}
/** End Left column **/
/** homemid **/
#homemid {margin-top:20px; width:296px; display:block; margin-right:20px; }
#homemid h2{ font-size:18px; font-weight:bold; color:#729dd0; padding:10px 0 10px 0; }
#homemid b{ font-size:12px; font-weight:bold; color:#333333; width:200px;}
#homemid a{ /*font-size:12px; font-weight:bold; color:#515A9D;*/ }
#homemid p{ font-size:14px; padding-bottom:20px; line-height:20px;}
#homemid a:hover{ /*font-weight:bold;*/ color:#729dd0; }
/** END homemid **/
/** homeright **/
#homeright {margin-top:20px; width:295px; margin-right:20px; display:block; }
#homeright h2{ color:#729DD0; font-size:18px; font-weight:bold; padding:10px 0 10px 0; }
#homeright b{ font-size:12px; font-weight:bold; position:absolute; top:160px; left:54px; color:#333333; width:200px;}
#homeright a{ /*font-size:12px; font-weight:bold; position:absolute;*/ top:9px; left:8px; /*color:#333333;*/ }
#homeright p{ font-size:14px; padding-bottom:20px; line-height:20px;}
#homeright a:hover{ /*font-weight:bold;*/ color:#729dd0; }
/** END homeright **/
/** groupmember **/
#groupmember {margin-top:20px; width:295px; margin-right:20px; display:block; }
#groupmember b{ font-size:12px; font-weight:bold; color:#333333; width:200px;}
#groupmember p{ font-size:11px; display:block; float:right; color:#333333;}
#groupmember a{font-size:11px; font-weight:bold; color:#333333; }
#groupmember a:hover{ font-weight:bold; color:#515a9d; }
#groupmember img{ float:right; }
/** END groupmember **/
/** main area homepage **/
#mainbottom { display:block; height:212px; left:0; position:absolute; top:386px; width:772px; }
/** End main area homepage **/
/** Footer **/
#ft{ width:998px; height:70px; margin:0 auto; position: relative; clear:both; font-size:10px; background-image:url(../images/shadow-bottom.png); background-repeat:no-repeat; }
#ft .right{ float:right; padding:30px 40px 0 0; }
#ft .siteby{ position:absolute; top:50px; right:40px; color:#333333;}
#ft .siteby a{ color:#333333;}
#ft .siteby a:hover{ color:#5863A1;}
#ft li{ float:left; padding:0px 12px; font-size:11px; }
#ft ul { padding:20px; }
#ft .selected { font-weight:bold; color:#515a9d;}
#ft a {color:#333333;}
#ft a:hover {color:#515a9d;}
#ftdata{ height:100px; position: relative; font-size:12px;width:1500px; margin-left:35px;}
/** End Footer **/
div.controls { position:absolute; bottom:1px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; text-indent:-200px; overflow:hidden; }
div.nav-controls { float: right; }
ul.thumbs { clear: both; margin: 0; padding: 0;}
ul.thumbs li { float: none; padding: 0; margin: 0; list-style: none;}
img.thumb { padding: 0; display: inline; border: none!important;}
ul.thumbs li.selected img.thumb { color: #000; font-weight: bold; }
img.thumb:focus { outline: none;}
ul.thumbs img { border: none!important; display: block; position:absolute; top:1px;}
#carousel { height:226px; width:304px; position:relative;}
#gallery { position:absolute; top:0px; left:-4px;}
/******************************************************/
.center-image{ width:300px; text-align:center;}
.center-image td{ vertical-align:middle; height:200px;}
/****************************************************/
/* popup css*/
#TB_overlay {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:100;
}
.TB_overlayBG {
background-color:#000000;
opacity:0.75;
filter: alpha(opacity=75);
}
#TB_window {
background:none repeat scroll 0 0 #E6EAF6;
border:4px solid #5863A1;
color:#333333;
display:none;
left:50%;
position:fixed;
text-align:left;
top:50%;
z-index:102;
font:12px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
overflow:hidden;
}
#TB_ajaxContent.TB_modal {
padding:15px 15px 15px 50px;
}
#TB_ajaxContent {
clear:both;
line-height:1.4em;
overflow:auto;
padding:2px 15px 15px;
text-align:left;
}
#TB_ajaxContent p {
padding:5px 0;
}
.textbox {
border:1px solid #5863A1;
height:20px;
margin:10px 0;
vertical-align:middle;
width:289px;
}
/************************************/
.listing {
font-size:12px;
font-weight:bold;
float:left;
width:250px;
}
.listing li {
padding-bottom:5px;
}
.listing a {
font-size:13px;
}
.list {
font-weight:normal !important;
margin-left:10px;
}
.list a {
font-weight:bold!important;
color:#666666;
font-size:13px;
}
.list02 {
font-weight:normal !important;
margin-left:15px !important;
}
.list02 a {
font-weight:normal!important;
color:#777777;
font-size:12px;
}
body#footer_pages h2,
body#footer_pages h3,
body#footer_pages h4,
body#footer_pages h5{ color:#484747 !important;
}
#maincolumn h3{ color:#729DD0 !important;;}
/* plant list tabular structure*/
#table3col ul {
padding-bottom:20px;
}
#maincontentcolumn li {
padding-bottom:10px;
}
#table3col li {
font-weight:normal;
}
hr{ background-color:#729DD0; height:1px; margin-bottom:15px; margin-top:10px; border:1px;}
/*Slide Show*/
#slideshow { height:226px; width:304px; position:relative; display:block; float:left;}
#slideshow .image-wrapper{height:226px; width:304px; display:block; float:left; }
#slideshow .image-wrapper .current{height:226px; width:304px; display:block; float:left;}
div.controls { position:absolute; bottom:1px;z-index:1; }
div.controls a { padding: 5px; color:#818285; }
div.ss-controls { float: left; text-indent:-200px; overflow:hidden; }
div.nav-controls { float: right; }
ul.thumbs { clear: both; margin: 0; padding: 0;}
ul.thumbs li { float: none; padding: 0; margin: 0; list-style: none;}
img.thumb { padding: 0; display: inline; border: none!important;}
ul.thumbs li.selected img.thumb { color: #000; font-weight: bold; }
img.thumb:focus { outline: none; }
ul.thumbs img { border: none!important; display: block; position:absolute; top:1px;}
#carousel { height:226px; width:304px; position:relative;}
#gallery { position:absolute; top:0px; left:-4px;}
/* Backend CSS */
.No-Style{ color:#000000!important;font-family:Verdana,Arial,Helvetica,sans-serif!important;font-size:10px!important; font-weight:normal!important;}
.Bold{ font-weight:bold!important;}
.Light-Blue{ color:#729DD0;}
/***********solution for bullets and number open**********/
.yui-u ul{ margin-left:15px; padding:0px;}
.yui-u ul li{ list-style:disc;}
.yui-u ol{ margin-left:15px; padding-left:8px;}
.yui-u ol li{ list-style:decimal!important;}
ul.thumbs{ list-style:none;}
.submenu li{ margin-left:0px; list-style:none !important;}
#aboutleftcolumn ul{ list-style:none; margin-left:0px;}
#midcolumn ol {padding-left:8px;}
#midcolumn ol li{ list-style:decimal !important; margin-left:18px !important;}
.thumbs li{list-style:none !important;}
#aboutleftcolumn li{ list-style:none;}
/***********solution for bullets and number close**********/