﻿/*
-site------------------------------------------------------------------------------
| -main-container---------------------------------------------------------------- |                                                                                 
| | -header-container---------------------------------------------------------- | |
| | | -header-logo-------------------------------- -header-menu-------------- | | |
| | | |                                          | |                        | | | |
| | | -------------------------------------------- -------------------------- | | |
| | --------------------------------------------------------------------------- | |
| | -contents-container-------------------------------------------------------- | |
| | | -body-container-------------------------------------------------------- | | |
| | | | -body-left----- -body-center---------------------- -body-right----- | | | |
| | | | |             | | -body-center-navigator-------- | |              | | | | |
| | | | |             | | |                            | | |              | | | | |
| | | | |             | | ------------------------------ | |              | | | | |
| | | | --------------- ---------------------------------- ---------------- | | | |
| | | ----------------------------------------------------------------------- | | |
| | --------------------------------------------------------------------------- | |
| | -footer-------------------------------------------------------------------- | |
| | |                                                                         | | |
| | --------------------------------------------------------------------------- | |
| ------------------------------------------------------------------------------- |
-----------------------------------------------------------------------------------
*/

#div
{
	font-family: Arial;	
}

.site
{
	font-family: Arial;
	font-size:12px;	
	margin: 0 auto;	
    width: 100%;
    height:100%;
	top: 10px;
	overflow:auto;
	background-color: #707070;
	background-image: url('images/background.png');		
	background-repeat: repeat-x;	
}

.main-container
{
    border-style:solid;
    border-width:0px;
    border-color:#303339;	
	width:100%;
	min-width:900px;
	min-height:250px;
	margin: 0 auto;	
}

.header-container
{
	width:100%;
	height: 80px;
	min-height:80px;
	min-width:900px;
	border-bottom:dotted 1px #000000;
}

.header-menu	
{
	float:right;
	text-align: right;
	margin-top: 50px;
	margin-right: 20px;
}

.header-logo
{
    width:20%;	
    max-width:20%;
    min-width:20px;
    float:left;
    margin-top: 10px;
    margin-left: 10px;
}

.contents-container
{	
	width: 100%;	
	margin-top: 20px;
}

.body-container
{
	width:100%;			
	display:block;
	clear:both;	
}

.body-center
{
    margin-right:15px;
    margin-left:210px;
    min-width:465px;
	display:block;
}

.body-center-whole
{
    margin-right:15px;
    margin-left:10px;
    min-width:465px;
	display:block;
}

.body-center-navigator
{                          
    height:45px;    
}

.body-left
{
	width: 200px;		
	float:left;			
}

.footer
{	
	color: White;
	width: 100%;
	height: 20px;		
	font-size:10px;	
	text-align:right;	
	position:absolute;		
}

.footer .innove 
{
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
}

.footer .innove:hover
{
	text-decoration: none;
	color: Black;
}

.mya-menu { 
	text-decoration: none; 
	color: #bed36a;
	font-weight: bold;
}	

a 
{
	text-decoration: none;
	outline-style:none;
	outline-width:0;
}
a:hover 
{
	text-decoration: none;
	outline-style:none;
	outline-width:0;
}
a:active
{
	text-decoration: none;
	outline-style:none;
	outline-width:0;
}

.cleaner 
{
	clear: both;
}

.new_item
{
    margin-bottom:20px;
}

