@charset "utf-8";
	
body
	{
	font: 62.50% Verdana, Arial, Helvetica, sans-serif;
	background: #000000; 
	margin: 0;						/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;				/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 100%;
	}

.body_class #container
	{
	/*width: 780px;					/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	width: 960px;					/* -----> custom  <----- */
	background: #FFFFFF;
	margin: 0 auto; 				/* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; 				/* this overrides the text-align: center on the body element. */
	}

.body_class #header
	{
	background: #FFFFFF;
	/*padding: 0 10px 0 20px;  		/* this padding matches the left alignment of the elements in the divs that appear beneath it.  
									If an image is used in the #header instead of text, you may want to remove the padding. */
	padding: 0 15px 0 15px;			/* padding (top, right, bottom, left) */
	}

.body_class #header h1
	{
	margin: 0; 						/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.
									If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	/*padding: 10px 0;				/* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding: 0 0;
	}

.body_class #main_1col
	{
	padding: 0 15px 15px 15px;		/* padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	}

.body_class #main_top
	{
	padding: 0 15px 0 15px; 		/* padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	}

.body_class #main_2col_L
	{
	float: left;					/* since this element is floated, a width must be given */
	width: 200px;					/* the actual width of this div (in standards-compliant browsers or standards mode in Internet Explorer) will include */
									/* the padding and border in addition to the width */
	background: #EBEBEB;			/* the background color will be displayed for the length of the content in the column, but no further */
	background: #FFFFFF; 
	padding: 0 15px 0 15px;			/* -----> padding (top, right, bottom, left) <----- */
	}

.body_class #main_2col_R 
	{
	margin: 0 0 0 240px;			/* the left margin on this div element creates the column down the left side of the page. */
									/* No matter how much content the #main_2col_left div contains, the column space will remain. */
									/* You can remove this margin if you want the #main_2col_right div's text to fill the #main_2col_left space */
									/* when the content in #main_2col_left ends. */
	padding: 0 20px 0 0;			/* remember that padding is the space inside the div box and margin is the space outside the div box */
	}

.body_class #footer
	{
	padding: 0 15px 0 15px;			/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	}

.body_class #footer p
	{
	margin: 0;						/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;				/* padding on this element will create space, just as the margin would have, without the margin collapse issue */
	}

.float_R							/* this class can be used to float an element right in your page. */
	{								/* The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}

.float_L							/* this class can be used to float an element left in your page */
	{
	float: left;
	margin-right: 8px;
	}

.clearfloat							/* this class should be placed on a div or break element and should be the final element before the close of a container. */
	{								/* That should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/* <------------------------------- Font Sizes -------------------------------------------------------------> */

.f09		{font-size: 0.9em}
.f10		{font-size: 1.0em}		/* fontsize="1" 10px 7.5pt  */
.f11		{font-size: 1.1em}
.f12		{font-size: 1.2em}
.f13		{font-size: 1.3em}		/* fontsize="2" 13px 10pt   */
.f14		{font-size: 1.4em}
.f15		{font-size: 1.5em}
.f16		{font-size: 1.6em}		/* fontsize="3" 16px 12pt   */
.f17		{font-size: 1.7em}
.f18		{font-size: 1.8em}		/* fontsize="4" 18px 13.5pt */
.f19		{font-size: 1.9em}
.f20		{font-size: 2.0em}

/* <------------------------------- blog calendar ----------------------------------------------------------> */

.blog_cal_cntr
	{
	vertical-align: middle;
	text-align: center;
	}

.blog_cal							/* set blog calendar body cell size and alignment */
	{
	vertical-align: middle;
	text-align: center;
	height: 19px;
	width: 22px;
	}

.blog_cal_1							/* red box for date == today */
	{
	display: block;
	padding: 1px 0 2px 0;			/* padding ... top, right, bottom, left ... */
	border:2px solid #FF0000;
	}

.blog_cal_2							/* blue box for date has associated blog item, but date <> today  */
	{
	display:block;
	padding: 1px 0 2px 0;
	border:2px solid #0000FF;
	}

/* <-------------------------------- other blog -------------------------------------------------------------> */

.blog_header_L
	{
	background: #99CCFF;
	padding: 2px;
	}

.blog_header_R
	{
	text-align: center;
	padding: 5px 5px 5px 5px;
	background: #FFFFFF ;
	border: 1px dotted #CCCCCC;
	font-weight: bold;
	}

.blog_page_nav
	{
	color: #CCCCCC;
	}

.blog_item_close
	{
	padding: 5px 5px 5px 5px;
	border:1px dotted #CCCCCC;
	background-color: #F7F7FF;
	}

.blog_search
	{
	background-color: #FFFF00;
	font-weight: bold;
	}

.blog_warning
	{
	font-style: italic;
	color: #777777 ;
	}

.blog_box
	{
	padding: 5px 5px 5px 5px;
	border:1px dotted #CCCCCC;
	background-color: #F7F7FF;
	}

.blog_comm_box
	{
	padding: 5px 5px 5px 0;			/* padding ... top, right, bottom, left ... */
	}	

.blog_comm_list
	{
	border:1px dotted #CCCCCC;
	}

.blog_listmenu_yes_no
	{
	color: #FF0000;
	font-weight: bold;
	}
	
.blog_unposted_red_box
	{
	text-align: center;
	color: #FF0000; 
	}

.blog_user_text_box
	{
	border:1px solid #6699CC;
	padding: 2px 10px 2px 2px;
	}
	
.blog_form
	{
	padding: 2px 0 3px 0;
	}

/* <--------------------------------------------------------------------------------------------------------> */

.feedback_box
	{
	padding: 5px 5px 5px 5px;
	border:1px dotted #CCCCCC;
	background-color: #F7F7FF;
	}

/* <--------------------------------------------------------------------------------------------------------> */

.header_site_name a:link		{color: #000000}
.header_site_name a:visited		{color: #000000}
.header_site_name a:hover		{color: #000000}
.header_site_name a:active		{color: #000000}

.header_site_name				{font-size: 32px;
								font-weight: 700}

.main a:link 					{color: #0000CC}		
.main a:visited					{color: #660066}							/* <--- rgb(102,000,102)*/
.main a:hover					{color: #CC0000;
								text-decoration: underline ! important}
.main a:active 					{color: #CC0000}							/* <--- rgb(204,000,000)*/

.nav_bar						{font-size: 10px}
.nav_bar a:link 				{color: #0000CC}		
.nav_bar a:visited				{color: #0000CC}
.nav_bar a:hover				{color: #CC0000; text-decoration: underline ! important}
.nav_bar a:active 				{color: #0000CC}
								
div.hr							{background: #CC0000 url(../image.gif) top center no-repeat;
								height: 2px}

div.hr hr						{display: none}

ul
	{
	margin-top: .1em;			/* list top margin normalization for non IE browsers (Firefox & Safari) */
/*	margin-bottom: .1em; */
	}
	
li
	{
	}

.ul_indent_2em				
	{
	margin-left: 2em;
	padding-left: 0;
	}
	
.ul_indent_12em
	{
	margin-left: 1.2em;
	padding-left: 0;
	}	

/* <--------------------------------------------------------------------------------------------------------> */

.going
	{
	background-color: #00FF00;
	}

.gone
	{
	background-color: #FF0000;
	}	

/*  <---------------------------------- Un-verified CSS --------------------------------------->  */

td					{border-color: rgb(102,102,102)}

h1					{color: #000000}
h2					{color: rgb(0,0,0)} 
h3					{color: rgb(204,51,0)}
h4					{color: rgb(255,255,153)}
h5					{color: rgb(255,255,0)}
h6					{color: rgb(0,0,0)}

hr					
{
	color: #666666;					/* aka rgb(102,102,102); */
	height: 2px;
/*	margin-top: .5em;				/* line margin normalization for non IE browsers (Firefox & Safari) */
/*	margin-bottom: .5em;			/* line margin normalization for non IE browsers (Firefox & Safari) */
}

.hr_1px
	{
	color: #666666;					/* aka rgb(102,102,102); */
	height: 1px;
	}	
			 
table				{
	border-color: #9DACBF
}
.table_line 		{border-style: solid; border-collapse: collapse}

.textarea
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

img					{border-style: solid; 
                    border-width: 1pt;
                    border-color: rgb(0,0,0)}

.Nikonian a:link 	{color: #FF9900}
.Nikonian a:visited	{color: #FF9900}
.Nikonian a:hover	{color: #FF9900; text-decoration: underline ! important}
.Nikonian a:active 	{color: #FF9900}