/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; width: 998px; margin:32px 0 0; padding:0;}
div, ul, h1, h2, h3, li, {margin:0; padding:0;}
/* CENTRE PANEL for name logo*/
#centrepanel {width:348px; height: 107px; position: absolute; left: 55px; top: 60px; margin: 0 0 0 -5px; background: url(images/SC_logo_348x107.JPG) no-repeat;}

/* TOP PANEL*/
#topPanel{width:762px; height:373px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:267px; height:118px; z-index:1; padding:0; position:absolute; margin:0 0 0 5px;}
#topPanel img.right{width:575px;height:45px; z-index:2; padding:0; position:absolute; top:60px; left:260px; margin:0 0 0 21px;}

/* MENU PANEL*/
#topPanel ul{display:block; width:432px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; /*border-bottom:1px solid #AEAEAE;*/}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* end of TOP PANEL*/

#content {
 position: absolute;
 top: 190px;
 left: 150px;
 text-align: left;
 float: right;
 padding: 5px 10px 5px 0px;
}
#content h2{ background:#fff; display:block; width:750px; height:50px; margin:0; font:24px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:10px 0 0 60px; color:#993399;
}
#content h3{background:#fff; display:block; width:250px; height:34px; margin:34px 0 4px 5px; font:20px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 10px; color:#c0c0c0;
}
ul.thumbnails {
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none;
  }
ul.thumbnails a {
display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
  width:  160px;
  margin-right: 10px;
  margin-bottom: 10px;
  }
  ul.thumbnails a:hover {
  border-color: #ccc;
  background-color: #eee;
  }
 ul.thumbnails li {
  display: inline;
  margin: 0;
  padding: 0;
  }

#content.ul.flowers {width:600px; position:absolute; top: 50px; left:150px;}
#content ul.flowers li{float:left; font:12px/12px "Trebuchet MS", Arial, Verdana, sans-serif; }
#content ul.flowers li a{padding:0 10px 10px 10px; color:#ccc;  text-decoration:none;}
#content ul.flowers li a:hover{text-decoration:underline;}


  /*----FOOTER PANEL----*/
#footermainPan{height:144px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; position:relative; margin:0 auto;  color:#fff; font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:30px 0 0;}

#footerPan{width:778px; position:relative; margin:0 auto;}

#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:556px;}
#footerPan.ul{width:546px; position:absolute; top:-10px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background: url(images/footermenubg.gif) 0 0 repeat-x #3B3B3B; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:80px; left:10px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:300px; background: url(images/copyrightbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; position:absolute; top:23px; left:10px;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;}
#footerPanhtml a{width:65px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #3B3B3C; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#3B3B3C; text-decoration:none;}