/* main document */

body, td, div {font-family: arial; font-size: 11px; color: #928c8c; padding: 0; line-height:16px; word-spacing: 2px}

A, A:link, A:active, A:visited {text-decoration: none; color: #25a71b; font-size: 11px; margin: 0 2 0 2; border-bottom: 1px dashed #f0dc68}

A:hover {color: #d49353; border-bottom: 2px solid #d8d6d6;}


blockquote {border: 1px solid #999999; border-left: 9px solid #9c2620; margin: 0px 60px 0px 60px; padding: 7px 15px 7px 15px}

@font-face {
    font-family: Impact;
    font-style:  normal;
    font-weight: normal;
    src: url(IMPACT1.eot);
  }


/*banner*/

#head1 {background: url(images/l_1.jpg) no-repeat left bottom; height: 129px; width: 736px}
#head2 {background: url(images/l_2.jpg) no-repeat left; height: 117px; width: 736px}
#head3 {background: url(images/l_3.jpg) no-repeat left; height: 100px; width: 736px}
#foot {background: url(images/footer.gif) no-repeat left; height: 202px; width: 736px; font-size:10px}

/* the content header */
	
				 
h1  {font-family: Impact;
	font-size: 20px;
	letter-spacing: 2px;
	color: #666666;
	padding-left: 50px;
	line-height: 31px;
	background: url(images/header1.gif) no-repeat}


h2 {font-family: Impact;
	font-size: 20px;
	letter-spacing: 2px;
	padding-left: 50px;
	line-height: 35px;
    color: #666666;
    background: url(images/header2.gif) no-repeat}
	
h3 {font-family: Impact;
	font-size: 20px;
	letter-spacing: 2px;
	padding-left: 50px;
	line-height: 32px;
    color: #666666;
    background: url(images/header3.gif) no-repeat}

/* the navigation */

		  
.navi { letter-spacing: 2px; 
		color: #ffffff; 
		font-size: 11px;
		text-align: center;
		font-family: arial;
		line-height: 21px;
		background-color:#9c2620;
		border-bottom: 3px solid #5e5b5b}
		
.menu {  font-size: 2px;
		 line-height: 4px;
		 background-color: #FFFFFF;}

.menu A{ letter-spacing: 1px; 
         color:#FFFFFF; 
		 font-size: 11px;
         font-variant: normal;
		 text-align: left;
		 padding-left: 10px;
		 line-height: 18px;
		 border-left: 13px solid #eedd3d;
		 display: block;
		 border-bottom: none;
		 background-color: #b4b9bf}

.menu A:hover  {background-color:#999999;
 				color: #ffffff; 
				font-size:11px; 
				letter-spacing: 1px; 
				line-height: 18px;
				text-decoration: none;
				border-bottom: none;
				border-left: 13px solid #f59d20}


/* miscellaneous */	
.style1 {color: #6b72cf}
.style2 {color: #0f76aa}
.style3 {color: #d75766}
.style4 {color: #eed075}
.style5 {color: #38ae5a}
.style6 {color: #d3bc36}
.style7 {color: #FFFFFF}
.style8 {color: #e7ba05}
.style9 {color: #ef9318}
.style10 {font-size: 11px; font-weight: bold;}
.style11 {
	color: #507c97;
	font-weight: bold;
}
.style12 {color: #ec5633}
.style26 {color: #507c97}
.style27 {
	font-family: Impact;
	font-size: 18px;
}
.style28 {color: #CC6600}

.bottom {color: #e00500; line-height:10px; font-size:10px}
.bottom A {color: #ff7900}

#updates {font-family: impact; font-size: 18px; float: right; margin: 5px 5px 5px 5px; padding:5px 5px 5px 5px; border: 1px dashed #999999}
#updates2 {font-family: impact; font-size: 18px; float: left; margin: 5px 5px 5px 5px; padding:5px 5px 5px 5px; border: 1px dashed #999999}
/* footer links */
#footer {font-size: 10px; line-height: 12px}


/* code sort */
.codesort li {
	display: inline;
	text-align: center;
	padding: 5px 30px 5px 30px;
	}