body
	{
		font-family: monospace;
		font-size: 9px;
		line-height: 11px;
		color: gray;
		background-image: url(../../tmpl/images/stripe.gif);
		/*background-repeat: no-repeat;*/
		margin: 20px; padding 20px;
	}
	
	a:link, a { color: black; text-decoration: none;}
	a:visited { color: black; }
	#columnG a:hover, #columnP a:hover { border-bottom: fuchsia;
		border-width: 0 0 1px 0;
		border-style: none none solid none;
		color: fuchsia;}

	input[type="text"] {padding: 3px;}

	ul
	{
		list-style: none;
		padding: 0;
		margin-top: 10px;
	}
	
	li {padding-top: 4px; margin: 0;}
	
	li li li {margin-left: 10px}
	
	img a:hover, img { border: none; display: block; margin: 10px 0 10px 0; }
	
	a.title, .title
	{
		color: purple;
		font-weight: bold;
		text-transform: uppercase;4
		border-color: purple;
		border-width: 0 0 1px 0;
		border-style: solid;
		
	}
	



	.kword {color: #663366; }
	
	a:hover.title
	{
		color: purple;
        	border-color: purple;

	}
	
	.black {background: black; 
	border-color: black;
		border-width: 3px 4px 2px 4px;
		border-style: solid;}
	.black a:hover, #column5 a:hover, #column6 a:hover {color: white !important;}
	.small {font-size: 9px;}
	
	.viewpoints, .archives, .weblogs, .resources, .what, .support, .workshops, .events, .threads, .news, .hosts, .gallery { padding: 5px 10px 10px 10px; background: white; border-color: gray;4
		border-width: 1px;
		border-style: solid;}
	.archives { }
	.weblogs { }
	.resources { width: 200px;}
	.what { }
	.support {	margin-left: 10px;	border-style: dashed; 
 }
	.hosts { margin-left: 10px; }
	.workshops { width: 200px;}
	.events { }
	.threads { }
	.news {margin-left: 10px; }
	.viewpoints	
	{
		width: 260px;
		border-color: purple;
		padding: 10px;
		margin: 0;
	}
	.viewpoints img {
	width: 240px;
		padding: 10px;
		background: white;
		margin-top: 10px;

		}
		
#column5 {position: absolute; margin: 60px 0 0 0; border-color: purple;
		border-width: 5px 6px 4px 6px;
		border-style: solid; background: purple; z-index: 110;
		color: white; font-weight: bold;
 }

 #columnG {position: absolute; margin-top: 83px; z-index: 100; padding: 15px; background: white; border-color: purple;
		border-width: 1px;
		border-style: solid;
	}

 #columnP, #columnQ, #columnR {width: 500px; background: white; border-color: purple;
		border-width: 1px;
		border-style: solid;
position: absolute; margin-top: 83px; z-index: 100;
	}


	#banner {width: 460px; margin-top: 120px; z-index: 1500}
	
	#address, #address2  {width: 700px; z-index: 1500; position: absolute; color: white !important; margin: 90px 0 0 10px;}
	#address  a, #address2  a, #address3  a, #column5 a {color: fuchsia; font-weight: bold;}
	#address2 {margin: 60px 0 0 10px;}
	
	#banner img {width: 455px; border-color: fuchsia;
		border-width: 1px;
		border-style: dashed; 
		padding: 3px;
		}
	
	#footer
	{
		
	}
	#page	
	{
		width: 740px;
		margin: 20px auto 20px auto;
		font-family: monospace; 
		font-size: 12px;
		line-height: 15px;
        letter-spacing: 0em;

	}

.view {font-size: 11px;}

#cnIndex {position: fixed; bottom: 20px; left: 20px; z-index: 500;}
#cnIndex a { color: fuchsia; }

.imageBox {display: block; float: left; padding: 10px; margin: 10px;}
#address3  {margin: 20px 0 0 0; display: block}


.name {font-weight: bold; text-transform: uppercase;}

.credit {color: silver;}

#nav {background: silver; padding: 5px 6px 6px 5px;}
#info {padding: 5px 15px 5px 15px;}

.phpf_barre_nav {margin: 0; padding: 3px 0 0 0;}

.ABC {font-weight: bold;}

.portrait {float: left; height: 100px; }
.portrait img {vertical-align: middle; display: inline; margin: 5px;}
#columnQ {padding: 5px 15px 5px 15px; width: 650px;}
#columnR {padding: 5px 15px 5px 15px;}

.about {font-weight: normal !important;}