body {
	background-color : #333;
	margin : 0px;
	text-align : center;
	line-height : 20px;
}

body, td, th, tr {
	font-family : Tahoma, Verdana;
	font-size : 11px;
	color : #666;
}

td, th, tr {
	line-height : 17px;
}

a, a:link, a:visited, a:hover {
	color : #315E88
}

a:hover {
	text-decoration : none;
}

.wrapper {
	width : 810px;
	margin : 0 auto;
	border-left : 3px solid #ededed;
	border-right : 3px solid #ededed;
	text-align : left;
	background : #fff;
}

.upperhead {
	width : 100%;
	background : url(../images/w3/top.jpg) repeat-x top;
	height : 22px;
}

.banner {
	text-indent : 60px;
	background : url(../images/w3/banner.jpg) repeat-x top;
	height : 120px;
	padding-top : 64px;
	width : 100%;
}

.underbanner {
	width : 100%;
	background : #F8F8F8;
	border-top : 1px solid #ededed;
	border-bottom : 1px solid #ededed;
	height : 22px;
}

.underbanner2, .underbanner3, .pagenav {
	width : 97%;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 2%;
	text-align : left;
	font-size : 11px;
	background : #F8F8F8;
	border : 1px solid #ededed;
}

.pagenav {
	text-align : right;	
	padding-right : 10px;
}

.article {
	text-align : justify;
	padding-top : 5px;
	padding-bottom : 10px;
	padding-right : 5px;
	border-bottom : 1px solid #ededed;
	margin-bottom : 20px;
	line-height : 17px;
}

.pagenav a:link, .pagenav a:visited, .underbanner a, .underbanner a:visited {
	color : #666;
}

.underbanner3 a:link, .underbanner3 a:visited {
	text-decoration : none;
}

.input {
	outline : none;
	border : 1px solid #D4D4D4;
	padding-left : 2px;
	font-family : Tahoma, Verdana;
	font-size : 11px;
	color : #666666;
	padding-top : 4px;
	height : 17px;
}

.select, .option {
	font-family : Tahoma, Verdana;
	font-size : 11px;
	color : #666666;
}

.button {
	background : url(../images/w3/button.jpg) top left no-repeat #00488C;
	border : 1px solid #05396A;
	height : 21px;
	width: 80px;
	font-size : 10px;
	font-weight : normal;
	color : #FFF;
	font-family : Tahoma, Verdana;
	text-align : center;
}

.content {
	width : 100%;
	padding-top : 10px;
}

.leftcolumn {
	width : 244px;
	height: 600px;
	float : left;
	padding-left : 9px;
	padding-right : 11px;
}

.clear {
	width : 100%;
	height : 1px;
	margin : 0 0 -1px;
	clear : both;
}

.rightcolumn {
	width : 525px;
	float : right;
	padding-right : 10px;
}

#navvy {
	width : 244px;
	font-size : 12px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-family : Tahoma, Verdana;
}

ul#navvylist {
	text-align : left;
	list-style : none;
	margin : 0px;
	padding : 0px;
	width : 244px;
}

ul#navvylist li {
	width : 244px;
	display : block;
	margin : 0px;
	padding : 0px;
}

ul#navvylist li a {
	display : block;
	margin : 0px;
	width : 194px;
	padding-top : 6px;
	padding-bottom : 7px;
	padding-left : 40px;
	padding-right : 10px;
	color : #315E88;
	text-decoration : none;
	background : url(../images/w3/menu_link.jpg) no-repeat left top;
}

#navvy>ul#navvylist li a {
	width : auto;
}

ul#navvylist li a:hover, ul#navvylist li#active a:hover {
	color : #315E88;
	width : 174px;
	padding-left : 60px;
	background : url(../images/w3/menu_hover.jpg) no-repeat left top;
}

.box {
	text-align : justify;
	width : 222px;
	background : #E2EBF4 url(../images/w3/box.jpg) bottom right no-repeat;
	border : 1px solid #A5CAEF;
	padding : 10px;
	color : #315E88;
	font-size : 11px;
	margin-top : 20px;
	margin-bottom : 10px;
	line-height : 17px;
}

.codebox {
	font-family: "Lucida Console", "Courier New";
	background-color: #EEE;
	padding: 7px;
	border: dashed 1px #666;
	display: block;
	text-align: left;
	width: 97%;
}

.codeboxtitle {
	font-family: Tahoma, Verdana;
	font-weight: bold;
}

.keyword {
	font-family : "Lucida Console", "Courier New";
	font-size : 12px;
}

.keyword2 {
	color : #007700;
}

.string {
	color: #DD0000;
}

.int {
	color: #AD0000;
}

.comment {
	color: #FF8000;
}

hr {
	border : none;
	border-top : dashed 1px #666;
	height : 1px;
	margin-bottom : 5px;
}

h2 {
	font-size : 18px;
	color : #6A6A6A;
	font-weight : normal;
	margin : 0;
	width : 92%;
	padding-bottom : 5px;
	padding-top : 3px;
	text-decoration : none;
}

h3 {
	font-size : 14px;
	color : #6A6A6A;
	font-weight : normal;
	margin : 0;
	width : 92%;
	padding-bottom : 5px;
	padding-top : 3px;
	text-decoration : none;
}

h2 a, h2 a:link, h2 a:visited {
	font-size : 18px;
	color : #6A6A6A;
	font-weight : normal;
	text-decoration : none;
}

h2 a:hover {
	font-size : 18px;
	color : #333;
	font-weight : normal;
	text-decoration : underline;
}

img {
	border : 0px;
}

img.logo {
	margin-top : 4px;
}

div.astats {
	visibility: hidden;
}

.footer {
	padding-top : 5px;
	padding-bottom : 7px;
	margin-top : 20px;
	background : #F8F8F8;
	border-top : 2px solid #ededed;
	text-align : center;
}

.footer a:link, .footer a, .footer a:visited {
	color : #666;
}

.hint {
	background-color : #FFFFE1;
	border: dashed 1px red;
	padding: 10px;
	margin : 15px auto;
	width : 480px; 
}

.social_links {
	margin-top : 20px;
	margin-bottom : 10px;
	text-align: center;
}

.social_links a {
	margin-right: 20px;
	outline: none;
}