/************************
 *	PAGE RELATED	*
 ***********************/

/* Center the whole site, and acts like a container for the content. */
.site_container
{
	margin: 0px auto;
	text-align: left;
	width: 690px; /*670*/
	overflow: auto; /* fix clear:both*/
}

body
{
	background-color: white;
	color: white;
	text-align: center;
	font-family: sans-serif;
	font-size: 12px;
}

a
{
	color: #416ca0;
	text-decoration: none;
}

/************************
 *	MENU RELATED	*
 ***********************/
.menu_container
{
	background: transparent;
	/*position: relative; *//* absolute / relative */
	height: 46px; /* Perhaps move this attribute? */ 
	
}

.menu_container a
{
	color: #979797;
}

.menu_container a:hover
{
	color: #eaeaea;
}

.menu_left
{
	background-image: url("../img/menu_left.gif");
	background-repeat: no-repeat; /* no-repeat, repeate-x, repeat-y */
	width: 14px;
	height: 46px;
	float: left;
}

/* Here is where the content, menu-elements goes. */
.menu_content 
{
	width: 662px; /*642*/
	background-image: url("../img/menu_middle.gif");
	background-repeat: repeat-x;
	height: 46px;
	float: left;
	padding-top: 10px;
	font-size: 20px;
	text-align: right; /* center, left, right */
}

.menu_right
{
	width: 14px;
	height: 46px;
	background-image: url("../img/menu_right.gif");
	background-repeat: no-repeat; 
	float: left;
}

/*
menu_element a:hover
{
	active: #5f7dff;
	color: #5f7dff;
}
	*/

.menu_element
{
	color: #979797;
	float: right;
	margin-left: 8px;
}
/*
.menu_element_active
{
	color: #eaeaea;
	float: right;
	margin-left: 8px;
}
*/


/************************
 *	LOGO RELATED	*
 ***********************/
.logo
{
	z-index: 2;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.logo img
{
	padding-bottom: 0px;
	margin-bottom: 0px
}


/************************
 *	PAGE RELATED	*
 ***********************/
.page
{
	/*border: 50px double;*/
	color: #434343;
	padding-left: 10px;
	padding-right: 10px;

}

.page h1
{
	/*font-family: serif;*/
	font-size: 19px; 
	font-weight: 900;
	color: #86af2f;
	margin-bottom: 2px;
	/*color: #729428; */
}

.page h2
{
	font-size: 15px; 
	font-weight: 900;
	/*color: #86af2f;*/
	color: #729428;
	margin-bottom: 2px;
}

.page h3
{
	font-size: 12px; 
	font-weight: 900;
	/*color: #86af2f;*/
	color: #5c7820;
	margin-bottom: 2px;
}

.page b
{
	color: #659108;
}

.page_blackbold
{
    color: black;
}

.page a
{
	color: #5f7dff;
	text-decoration: none;
}

.page_quotesign
{
	font-size: 29px; 
	color: #769a29;
}
.page_quote
{
    font-family: serif;
    padding-left: 10px;
    padding-top: 0px;
    padding-right: 30px;
}
.page_quotecontent
{
	color: #434343;
	font-weight: 500;
}

.page_box
{
	/*background-color: #c8d1bf;*/
	background-color: #e8e8e8; /*d1c7bf, */
	border: 1px dashed #76816c;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

.page_content
{
	padding-left: 5px;
}

.page_widget_wide
{
	width: 70%;
	float: left;
	position: relative;
	display: block;
}

.page_widget_narrow
{
	float: right;
	/*width: 30%; */
	position: relative;
	display: block;
}

.page_widget_full
{
    width: 95%;
    display: block;
}

.page_foot
{
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	font-size: 11px;
	text-align: center;
	color: #434343;
	display: block;
	clear: both;
}

.employee_info
{
	display:none;
	visibility: hidden;
}

.page_add
{
	text-align: right;
	color: #434343;
	font-size: 8px;
}

.error_input
{
    background: white;
    border: 2px solid #FF0000;
}

strong
{
    color: red;
}