/***Misc Tags***/



* {

  margin: 0px;

  margin: 0 auto;

  padding: 0px;

}



body {

  margin: 0 auto;

  text-align: center;

  background: #ffffff ;

  font-family: Arial, Verdana, sans-serif;

  font-size: 13pt;

  color: #fff;

}



a img {

  border: 0px;

}



a {

  text-decoration: none;

}



input, textarea {

  background: #f4f4f4;

  font-family: Verdana, Arial, sans-serif;

  font-size: 0.7em;

  padding: 3px;

  color: #150185;

  border: 1px solid #5A5A5A;

}



.front {

  font-family: lucida, 'Lucida Grande', verdana, arial, sans-serif;

  font-size: 15pt;

  width: 240px;  

}

.button {

background: #000000 ;

  font-family: lucida, 'Lucida Grande', verdana, arial, sans-serif;

  font-size: 11pt;

  color: #ffffff;

  width: 100px;  

}





/**** Span class's *****/



.hidden {

  text-indent: -9000px;

}



.br {

  clear: both;

}



.pink {

  color: #A0A0A0;

}



.small {

  font-size: x-small;

}



.large {

  font-size: xx-large;

}



.right {

  float: right;

}



.left {

  float: left;

}



.center {

  margin: 0 auto;

  text-align: center;

}



/**** Site Container ****/



#container {

  width: 728px;

}



/***Header***/



#logo {

  float: left;

}



#logo h1 {

  margin-top: 30px;

  margin-left: 10px;

  font-size: 1.6em;

  letter-spacing: -0.1em;

}



#search {

  margin-top: 30px;

  float: right;

}



#search button {

  margin-left: 5px;

  padding: 0 2px 2px 2px;

}



/***left Side Bar***/



#navlist {

  float: left;

  width: 170px;

  margin-top: 30px;

  margin-left: 5px;

}



#navlist ul {

  list-style: none;

}



#navlist li a{

  display: block;

  height: 25px;

  width: 100px;

  padding: 9px;

  margin: 5px;

  background: inherit;

  border-right: 4px solid #444;

  color: #999;

  text-transform: lowercase;

  font-size: 0.9em;

}



#navlist li a:hover {

  color: #ffffff;

  background: #333;

  border-right: 4px solid #A0A0A0;

}



#navlist li .active {

  color: #999;

  background: #333;

  border-right: 4px solid #444;

}



/***Content***/



#content {

  float: right;

  width: 728px;

  margin-top: 30px;

  margin-left: 2px;

}



#content a {

  color:#0000C4;

  font-weight: bold;

}



#content a:hover {

  color: #FF8000;

  

  font-weight: bold;

}



#content p, td {

  line-height: 1.4em;

  font-size: 0.7em;

  margin-bottom: 20px;

  color: #000000;

}



#content h3 {

  text-indent: 20px;

  color: #000000;

  letter-spacing: -0.1em;

  margin-bottom: 4px;

}







#content .code{

  color: #444;

  background: #000000;

  border: 1px solid #ccc;

  padding: 1px;

  padding-left: 25px;

  font-family: "courier new", helvetica, "times new roman", monospace;

  font-size: 0.8em;

  width: 470px;

  margin: 2px auto;

  white-space: nowrap;

  overflow: auto;

}



#content  code {

  color: #000000;

  font-family: "courier new", helvetica, "times new roman", monospace;

  background-color: #333;

  font-size: 1.2em;

}



#content blockquote {

  color: #999;

  font-style: italic;

  text-align: center;

  width: 300px;

  margin: 10px auto;

}



/***Footer***/



#footer {

  text-align: center;

  color: #666;

  margin-top: 30px;

  font-size: 0.9em;
  font-style: Arial;
}



#footer p {

  color: #666;

}



#footer a {

  color: #B7770D;

}



#footer a:hover {

  color: #FF7300;

}



#floatBoxBg{display:none;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;}
.floatBox{border:#666 5px solid;width:300px;position:absolute;top:50px;left:40%;}
.floatBox .title{height:23px;padding:7px 10px 0;background:#333;color:#fff;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{padding:20px 15px;background:#fff;}