a.more{background:url(images/more_bg.jpg) no-repeat; width:87px; height:18px; color:#000000; text-align:center; display:block; text-decoration:none; margin-top:10px;} 
a.more:hover{background:url(images/more_bg.jpg) no-repeat; width:87px; height:18px; color:#000000; text-align:center; display:block;text-decoration:none; margin-top:10px;} /* CSS Document */

body{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363535; line-height:18px; background: url(images/top_bg_main.jpg) repeat-x #6d6d6d;}

h1,h2,h3,h4,h5,h6,ul,li,p,br,span,div,form,input,textarea{padding:0px; margin:0px;}

#main_bg{width:1004px; margin:0 auto;}

#main{width:1004px; float:left; background:url(images/_body_bg.jpg) repeat-y;}
#bottom{width:1004px; float:left; height:50px; background:url(images/_panel_bottom_bg.jpg) no-repeat left top;} 

/* top start */ 
#topbg{width:1004px; float:left; background: url(images/top_bg.jpg) no-repeat left top; height:425px;}
#topbg #logo{width:653px; float:left; height:101px;}
#topbg #logo img{display:block; position:relative; left:50px;  }

#topbg #topnav{width:351px; float: left; height:101px; background:url(images/top_nav_bg.jpg) no-repeat top left; }
#topbg #topnav ul{width:281px; float: left; height:35px; top:8px; left:20px;  padding:0px; margin:0px; display:block;  list-style-type:none; position:relative;}
#topbg #topnav ul li{padding:0px; margin:0px; display:block; float:left;}
#topbg #topnav ul li a{font-size:12px; font-weight:bold; color:#FFFFFF; padding-right:17px; line-height:24px; text-decoration:none; }
#topbg #topnav ul li a:hover{font-size:12px; font-weight:bold; color:#FFFFFF; padding-right:17px; line-height:24px; text-decoration:none; }

#topbg #topnav form{width:301px; float:left; position:relative; }

#topbg #nav{width:1004px; float:left; height:39px;}


#topbg #nav ul{width:800px; height:39px; position: relative;  z-index:30; display:block; list-style-type:none; left:147px;}




#topbg #haeder{width:1004px; height:285px; margin:0 auto;}
#topbg #haeder #left{ float:left; width:538px; height:285px;}
#topbg #haeder #left #swf{width:435px; height:230px; position: relative; left:89px; top:19px; background: url(images/header_bg.jpg) no-repeat; text-align:left; padding-left:15px; padding-top:20px; }
#topbg #haeder #right{ float: right; width:452px; height:285px;}
#topbg #haeder #right #art_gallery{ width:369px; height:240px; background:url(images/art_gallery_bg.jpg) no-repeat left top; position:relative; top:19px;}
#topbg #haeder #right #art_gallery #picture{ width:360px; height:200px; position:relative; padding:15px;}
.studentWork{float:left; width:110px; height:85px;}
#topbg #haeder #right #art_gallery h1{font-size:24px; font-weight:bold; color:#FFFFFF; line-height:35px; display:block; padding-left:10px;}

#topbg #haeder #right #art_gallery ul{list-style-type:none; display:block; padding-left:10px; padding-top:15px;}
#topbg #haeder #right #art_gallery ul li{float:left; display:block; padding:0px; margin:0px;}
#topbg #haeder #right #art_gallery ul li img{padding:0px; margin:0px; display:block;}
#topbg #haeder #right #art_gallery ul li a{padding:0px; margin:0px;}

/* top end */

/* content start */
#content_main{width:1004px; margin:0 auto; height:auto;}
#content{width:879px; position:relative; left:59px; height:auto;}
#content #top{width:879px; float:left;}



#content #top #left_panel{width:219px; float:left;}
#content #top #middle_panel{width:421px; float:left;}
#content #top #middle_panel h1{ font-size:18px; font-weight:bold; color:#dc7e05; width:380px; display: block; padding-bottom:10px;}
#content #top #middle_panel h2{ font-size:18px; font-weight:bold; color:#ffffff; width:380px; display: block; padding-bottom:10px;}
#content #top #middle_panel img.gray_border{ border:4px solid #4a4948; float:left;}  
#content #top #middle_panel img.white_border{ border:4px solid #ffffff; float:left;}
#content #top #middle_panel span.gray_text{width:295px; color:#2b2b2b; float:right; display:block;}
#content #top #middle_panel span.gray_text a{ color:#2b2b2b; text-decoration: none;}  
#content #top #middle_panel span.gray_text a:hover{ color:#2b2b2b; text-decoration:underline;}

#content #top #middle_panel span.white_text{width:295px; color:#ffffff; float:right; display:block;}
#content #top #middle_panel span.white_text a{ color:#ffffff; text-decoration: none;}  
#content #top #middle_panel span.white_text a:hover{ color:#ffffff; text-decoration:underline;}   


#content #top #middle_content{width:401px; position:relative; left:20px;}
#content #top #right_panel{width:219px; float: right;}
#content #top #right_panel #online_class{width:219px; float: left; height:174px; background:url(images/online_class.jpg) no-repeat  center  bottom;}
#content #top #right_panel #online_class span{ color:#ed1b2e; font-size:20px; font-weight:bold; width:147px; text-align:center; display:block; position:relative; left:35px; top:34px;} 
#content #top #right_panel #online_class span a{color:#ed1b2e; font-size:20px; font-weight:bold; text-decoration: none;}
#content #top #right_panel #online_class span a:hover{color:#ed1b2e; font-size:20px; font-weight:bold; text-decoration:none;}

.orange_panel_top{width:219px; float:left; background:url(images/nav_panel_top.jpg) no-repeat left top #e49203; }
.orange_panel_bottom{width:209px; padding-top:9px; padding-bottom:9px; padding-left:5px; padding-right:5px; float:left; background:url(images/nav_panel_bottom.jpg) no-repeat left bottom ;}

#content #top ul.subnav{ list-style-type:none; padding:0px; margin:0px;}
#content #top ul.subnav li{width:209px; height:24px;  padding-bottom:2px; padding-top:2px; margin:0px; display:block;}
#content #top ul.subnav li a{color:#ffffff; width:203px; line-height:24px; height:24px; display:
block; text-decoration:none; font-size:14px; padding-left:6px; }
#content #top ul.subnav li a:hover{ background: url(images/subnav_bg.jpg) no-repeat left; color:#ffffff; width:203px; line-height:24px; height:24px; display:block; padding-left:6px; font-size:14px; }


.small_panel_holder{width:401px; float:left; padding-bottom:10px;}
.gray_panel_top{width:401px; float:left; background:url(images/small_panel_top.jpg) no-repeat left top #f2f0ef;}
.gray_panel_bottom{width:385px; float:left; background:url(images/small_panel_bottom.jpg) no-repeat left bottom; padding:12px 8px 22px 8px; }

.gray_panel2_top{width:401px; float:left; background:url(images/small_panel2_top.jpg) no-repeat left top #64605e;}
.gray_panel2_bottom{width:385px; float:left; background:url(images/small_panel2_bottom.jpg) no-repeat left bottom; padding:12px 8px 22px 8px; }









/* content end */

/* content bottom start */
 

#content_bottom_main{width:1004px; float:left; padding-top:20px;}
#content_bottom{width:904px; position:relative; left:48px;}
#content_bottom #bottom_nav{ width:904px; float:left; height:33px; background:url(images/bottom_nav_bg.jpg) repeat-x;  }
ul.sub_domain{ list-style-type:none; position:relative; display:block; left:18px; width:900px; }
ul.sub_domain li{float:left; display:block;}
ul.sub_domain li a{font-weight:bold; text-decoration:none; padding-right:20px; padding-left:20px; color:#444444; line-height:33px;}

ul.sub_domain li a:hover{font-weight:bold; text-decoration:none; padding-right:10px; padding-left:10px;padding-right:20px; padding-left:20px; color:#444444; line-height:33px;}

#content_bottom #text{width:884px; float:left; padding-left:10px; padding-right:10px; padding-top:20px; background: #f4f5f6; padding-bottom:15px;}
#content_bottom #text h1{font-size:18px; font-weight:normal; color:#363535; line-height:35px;}

#content_bottom #footernav{ width:884px; float:left; padding-left:10px; padding-right:10px; padding-top:10px; }
ul.footernav{list-style-type:none;}
ul.footernav li{float:left; display:block;}
ul.footernav li a{padding-right:5px; padding-left:5px; color:#000000; text-decoration:none;}
ul.footernav li a:hover{padding-right:5px; padding-left:5px; color:#000000; text-decoration:none;}

#content_bottom #copyright{width:884px; float:left; padding-left:10px; padding-right:10px; padding-top:20px;  padding-bottom:15px;}
ul.footernav{list-style-type:none;}

span.copyright{display:block; float:left;}
span.copyright a{color:#1c1b1b; line-height:28px; text-decoration:none;}
span.copyright a:hover{color:#1c1b1b; line-height:28px; text-decoration:none;}
span.virtualifocom{display:block; float:right; line-height:28px;}
span.virtualifocom a{color:#1c1b1b; line-height:28px; text-decoration:none;}
span.virtualifocom a:hover{color:#1c1b1b; line-height:28px; text-decoration:none;}

 


/* content bottom end */


.hide{ display:none;}
.show{ display: block;}


#slideshow {
    position:relative;
    height:203px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0; font-size:0px;
}

#slideshow IMG.last-active {
    z-index:9;
}


#footer_box{width:890px; float:left}
#footer_box ul{width:890px; float:left; margin:0; padding:0}
#footer_box ul li{width:295px; float:left; margin:0; padding:0; list-style:none; height:250px }
#footer_box ul li h2{font-size:18px; text-align:left; height:35px;}
.arrowp{font-size:12px; text-align:left; width:250px; float:left; line-height:28px; background-image:url(images/arrow.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; margin-top:4px}
.arrowp a{ color:#000; text-decoration:none;}
.arrowp a:hover{color:#FF9900;}



.testimonial blockquote p:first-child {  text-indent: 30px;}

.testimonial blockquote p { background: url("images/quote-br.gif") no-repeat scroll right bottom transparent; padding: 5px 0 5px;}

.testimonial p { width:260px; color:#000; font-size: 12px; background-image:none }
#footer_box  ul li  img { border:8px solid #fff;}


.testimonial blockquote { background: url("images/quote-ul.gif") no-repeat scroll left top transparent;margin-top:5px;}
.testimonial {float: left; width: 260px; margin-left:-15px;}
blockquote {display: block; margin: 0em 16px;}
#marqueecontainer{
position: relative;
height:180px;
overflow: hidden;
padding: 2px;
padding-left: 4px; margin-bottom:10px
}

.map{width:280px; float:left; background-image: url(images/worldmap.gif); height:230px}
.more2{width:81px; float:right; background-image:url(images/more-bg1.png);  height:20px; padding:5px 3px 0 3px; text-align:center; text-decoration:none; color:#000; font-weight:bold; background-repeat:no-repeat; font-size:0px; margin-right:10px}