/***Misc Tags***/



* {

  margin: 0px;

  padding: 0px;

}



body {

  background: #FFF url(header.png) repeat-x;
  font-family: Verdana, Arial, sans-serif;

  font-size: 16px;

  color: #fff;

}



a img {

  border: 0px;

}



a {

  text-decoration: none;

}



input, textarea {
  background: #ECEFF5;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.7em;
  padding: 3px;
  color: #627AAD;
  border: 1px solid  #CAD2E3;

}

input:hover, textarea:hover {
	box-shadow:4px 4px 4px #E4E4E4;
    -moz-box-shadow:4px 4px 4px #E4E4E4;
    -webkit-box-shadow:4px 4px 4px #E4E4E4;
}

.front {

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

  font-size: 20px;

  width: 240px;

  

  

}



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



.hidden {

  text-indent: -9000px;

}



.br {

  clear: both;

}



.pink {

  color: #D01A71;

}



.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: 700px;

  margin-left:auto;

  margin-right:auto;

}



/***Header***/



#logo {

  float: left;

}



#logo h1 {

  margin-top: 8px;

  margin-left: 0px;

  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;
  width: 100px;
  padding: 6px;
  margin: 1px;
  background: inherit;
  border-right: 4px solid  #CCC;
  color: #999;
  text-transform: lowercase;
  font-size: 0.9em;

}



#navlist li a:hover {
  color: #fff;
  background: #627AAD;
  border-right: 4px solid  #3B5998;

}



#navlist li .active {

  color: #627AAD;
  background:#ECEFF5 ;
  border-right: 4px solid #627AAD;

}



/***Content***/



#content {

  float: left;

  width: 510px;

  margin-top: -10px;

  margin-left: 2px;

}

.rightcol{
	float: right;
	margin-top:0px;
}


#content a {

  color:#3D81EE;

  font-weight: bold;

}



#content a:hover {

  color: #fff;

  background: #627AAD;

  font-weight: bold;

}



#content p, td {

  line-height: 1.4em;

  font-size: 0.7em;

  margin-bottom: 20px;

  color: #999999;

}



#content h3 {

  text-indent: 0px;

  color: #627AAD;

  letter-spacing: -0.1em;

  margin-bottom: 4px;

}



#content h3:hover {

  color: #627AAD;

}



#content .code{

  color: #444;

  background: #F4f4f4;

  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: #fff;

  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: 10px;

  font-size: 0.7em;

}



#footer p {

  color: #666;

}



#footer a {

  color: #8A9EBF;

}



#footer a:hover {

  color: #f4f4f4;

}

.footerboarder {
background:#EBEEF3; 
width:100%; 
height:18px; 
margin-left:auto; 
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
padding-top:3px;
color:#A8B7D0;
font-size: 8pt;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
}

.footerboarder   a {

  color: #8A9EBF;

}

.footerboarder  a:hover {

  color: #999;

}