﻿/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.block{display:block;clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */

a:visited

{

	color:#6699ff;

	font-weight:bold;

	text-decoration:none;

}

a:link

{

	color:#6699ff;

	font-weight:bold;

	text-decoration:none;

}

a:active

{

	color:#6699ff;

	text-decoration:underline;

}

a:hover

{

	color:#6699ff;

	text-decoration:underline;

}

a.footer:visited

{

	color:#333399;

	font-weight:bold;

	text-decoration:none;

}

a.footer:link

{

	color:#333399;

	font-weight:bold;

	text-decoration:none;

}

a.footer:active

{

	color:#333399;

	font-weight:bold;

	text-decoration:underline;

}

a.footer:hover

{

	color:#333399;

	font-weight:bold;

	text-decoration:underline;

}

body

{

	background-color:#999933;

	color:#cccccc;

	font-family:arial,sans-serif;

	margin:0px;

	padding:0px;

}

#bgb

{

	display:block;

	margin:0px auto;

	width:716px;

	height:15px;

}

#bgt

{

	display:block;

	margin:0px auto;

	width:716px;

	height:15px;

}

#container

{

	background-image:url('bgm.png');

	font-size:small;

	margin:0px auto;

	padding:0px 19px;

	width:678px;

}

#navigation

{

	margin:8px auto;

	text-align:center;

	width:780px;

	height:30px;

}

#navigation a

{

	margin:0px 4px;

}

#navigation a img

{

	border-width:0px;

	width:120px;

	height:30px;

}

#preloads img

{

	visibility:hidden;

	display:none;

}

#preloads

{

	visibility:hidden;

	display:none;

}

#head

{

	margin-bottom:16px;

	text-align:center;

}

#head #addrr

{

	color:#cccc99;

	float:left;

	text-align:left;

	width:165px;

}

#head #addrl

{

	color:#cccc99;

	float:left;

	text-align:left;

	width:165px;

}

#head #addrr

{

	float:right;

	text-align:right;

}

#head #addrr div

{

	font-weight:bold;

	font-size:x-small;

}

#head #addrl div

{

	font-weight:bold;

	font-size:x-small;

}

#head h1

{

	display:inline;

	font-size:1px;

	margin:0px;

	padding:0px;

}

#head h1 img

{

	width:160px;

	height:120px;

}

#content

{

	clear:both;

	text-align:center;

}

h2

{

	display:block;

	font-size:x-large;

	margin:0px;

	padding:0px;

}

#dmenu .col2

{

	float:left;

	width:339px;

}

#lmenu .col2

{

	float:left;

	width:339px;

}

#dmenu .col1

{

	float:left;

	width:339px;

}

#lmenu .col1

{

	float:left;

	width:339px;

}

.s

{

	border:2px ridge #cccccc;

	margin:8px auto;

	text-align:left;

	width:300px;

}

.s h3

{

	background-color:#cccccc;

	color:#000000;

	display:block;

	font-size:large;

	margin:0px;

	padding:4px;

}

.s h3 .d

{

	display:block;

	font-weight:normal;

	font-size:x-small;

	margin:0px 16px;

}

.s div

{

	font-weight:bold;

	margin:8px 16px;

}

.s div div

{

	font-weight:normal;

	font-size:x-small;

	margin:0px 16px;

}

#foot

{

	font-weight:bold;

	font-size:small;

	margin:8px auto;

	text-align:center;

	width:780px;

	height:30px;

}

#foot a

{

	color:#333399;

}

#foot div

{

	font-style:italic;

	font-size:x-small;

}

#mph #photoholder

{

	border:4px double #999933;

	clear:both;

	overflow:hidden;

	padding:0px;

	margin:16px auto;

	width:320px;

	height:240px;

}

#mph #photoholder div

{

	border-width:0px;

	padding:0px;

	margin:0px;

	margin-left:-160px;

}

#mph #photoholder>div

{

	margin-left:0px;

}

#photoholder

{

	border-width:0px;

	overflow:hidden;

	padding:0px;

	margin:0px;

	position:relative;

	width:240px;

	height:180px;

}

#photoholder div

{

	border-width:0px;

	padding:0px;

	margin:0px;

}

.article

{

	border-bottom:12px double #cccccc;

	padding:8px;

}

.article .title

{

	font-size:x-large;

}

.article .stitle

{

	font-size:large;

}

.article .writer

{

	font-weight:bold;

}

.article .writer div

{

	font-weight:normal;

}

.article .source

{

	text-align:right;

	font-weight:bold;

}
#feature {
	padding: 5px;
	margin: 10px auto;
	border: 1px solid #CCCCCC;
	background: #333333;
	width:85%;
	clear:both;
}
#feature h2 {
	color:#fff;
}
#feature p {
	font-size:14px;
}
.smalltext {
	font-size:xx-small;
}

/* percentage based grid */
		
		/* 
			class name .cols used for column containers
			class name .col used for individual columns
		*/
		
		.cols{margin-bottom:1.5em;overflow:hidden;} /* main column container class */
		.col, .col2, .col3, .col4, .col5{
			float:left;
			display:inline;	
			margin-left:2%;
			}		
		.col{width:49%;} /* 2 equal width columns - default */
		.cols3 .col{width:32%;} /* 3 equal width columns */
		.cols4 .col{width:23.5%;} /* 4 equal width columns */
		.cols5 .col{width:18.4%;} /* 5 equal width columns */
		.cols6 .col{width:15%;} /* 6 equal width columns */
		
		/* double width columns */
		.cols3 .col2{width:66%;} 
		.cols4 .col2{width:49%;} 
		.cols5 .col2{width:38.8%;} 
		.cols6 .col2{width:32%;} 
		
		/* triple width columns */
		.cols4 .col3{width:74.5%;} 
		.cols5 .col3{width:59.2%;} 
		.cols6 .col3{width:49%;} 
		
		/* quadruple width columns */
		.cols5 .col4{width:79.6%;} 
		.cols6 .col4{width:66%;} 
		
		/* quintuple width columns */
		.cols6 .col5{width:83%;} 	
		
	/* percentage based grid */
