/*

----
	EAGLE CSS - styles.css											  
	May 2009													
----
*/

/*
-----
	 HTML / BODY
-----
*/

html {min-height: 100%;	height: auto;}

body 
{
	background:#ece5dc;
	font-family: tahoma, verdana, sans-serif;
	font-size: 62.5%;
	margin: 20px 0 20px 0;
	padding: 0;
	
}
/*
-----
 TITLES AND TEXT
														
-----
*/

h1 {color: #83633c; padding: 14px 0 0 25px; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 19px; float: left;
	
}

h2 {color: #fff; padding: 14px 0 0 25px; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 19px; float: left;}

h3 {background: #F2F2F2; color: #747678; padding: 0 0 0 13px; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 1.75em; float: left; }
h4 {background: #F2F2F2; color: #747678; padding: 3px; margin: 0 0 0 0 ; font-size: 1.1em; font-weight: bold;
}

p {font-size: 1.2em; line-height: 1.4em; color: #747678; }

a {color: #83633c; margin: 0; padding: 0; outline: none;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #83633c; text-decoration: underline;}
a.active {color: #83633c;}

#info-block .headline { font-size: 2.4em; padding-top: 10px; margin-bottom: 5px; margin-top: 0; font-weight: bold; color: #613a0b;}

#info-block p { margin-top: 10px;
	font-size: 1.6em;
	line-height: 1.3em;
}

.efacs-e8 {
	 color: #787878;
}
.efacs-red {
	 color: #FF0000;
}
#core  .introtext { font-size: 1.2em; padding: 2px 3px 2px 3px;  font-weight: bold;
}
#core  .introduction { font-size: 1.2em; padding: 2px 0 2px 3px;  font-weight: bold;
}
#core  .highlight {
background: #f9e2b5;
border-bottom: 1px solid #fdae13;
margin: 0px;
padding: 5px;
	color: #000;
}
#core .first { margin-left: 9px; }
#core .last { padding: 0; margin: 0; border: none; }
#core  h2 { background: url(../images/home-panel.gif) no-repeat; width: 220px; padding: 5px 0px 5px 10px; font-size: 1.2em; margin-bottom: 5px; }
#core  p { font-size: 1.2em; padding: 2px 3px 2px 3px; display: block; clear: both; }
#core p.news {padding: 0 3px 10px 3px; margin: -10px 0 0 0;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#core p.morenews {padding: 0 3px 10px 3px; margin: 10px 0 0 0 ;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#core  h2 a { color: #ffffff; float: left; }
#core  h2 a:hover { text-decoration: none; }
#core .post_small { margin-left: 10px; margin-right: 10px; width: 200px; padding-bottom: 15px; padding-left: 0; }
#core .post_small p { width: 173px; }
#core .post_small img { margin-top: 2px; }



#core .rule { height: 1px; width: 730px; }
/*
----
EVENTS
-----
*/



.eventcontainer {
 border-top: 1px dotted #bf8842;
 border-bottom: 1px dotted #bf8842;
	float: left;
	padding: 8px 0px 4px 0;
	width:580px;
	margin: 10px 0 10px 0;
	}
.eventphoto {
	float: left;
	width: 150px;
	padding: 0px;	
	margin: 0px;
	}
.eventtext {
	float: right;
	width: 420px;
	padding: 0px;	
	margin: 0px;
}


.eventphoto h1{
	border: 0;
	margin: 0;
	color: #613a0b;
	font-size: 1.8em;}
.eventphoto p {
	font-size: 11px;
}
.eventtext h1{
	border: 0;
	margin: 0;
	background-color: #fff;
	color: #fff;
	}
.eventtext p {
	font-size: 11px;
}



/*
---
 INFO DAYS
----
*/
#infodays {width: 200px;
}

#infodays ul {
	margin: 0px;
	padding: 0px;
	line-height: 1.9em;
	white-space: nowrap;
	font-weight: bold;
}
#infodays li {
	list-style-type: square;
	list-style-position: inside;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	float: left;
	border-bottom: 1px dotted #c0c0c0;
}
#infodays ul li a {
	display:block;
	width: 200px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	color: #83633c;
	margin: 0px;
}

#infodays ul li a:hover {text-decoration: underline;
} 






#erp-wrapper { 
 margin: 0 auto;
 width: 900px; border: 1px solid #bf8842;
	background: #fff;
padding: 0;}
#erp-header {
 width: 860px;
 float: none;
 padding: 0;
 height: 108px;
 margin: 0 20px 0 20px; 
 background: #fff url(../images/exel-erp-logo.gif) no-repeat 770px top; 
}
#logo {float: left; width: 0; margin: 10px 20px 0 10px; padding: 0;}


/*
-----
for core navigation styling see mobile-navigation.css
-----
*/

#navigation {
 float: none;
 width: 860px;
 padding: 5px 0 5px 0;
 margin: 0 20px 6px 20px; 
 background: url(../images/home-panel.gif) repeat-x;}


/*
-----
 structure
-----
 */
#info-block {
 float: left;
 width: 838px;
 padding: 0 0 0 20px;
 margin: 0px 0px 10px 20px;
 border: 1px solid #613a0b; 
}

#flash { float: right; width: 425px; margin: 0; padding: 0}
#content { 
 float: left;
 margin: 0;
 padding: 0;
 width: 403px;
}

#leftcolumn { 
 margin: 0px 10px 5px 10px;
 padding: 10px;
 width: 328px;
 float: left;
}

#leftcolumn h2{ background: url(../images/home-panel.gif) repeat-x; width: 100%; padding: 5px 0px 5px 10px; font-size: 1.2em; margin-bottom: 5px; }


#doublecolumn { 
 margin: 0px 10px 5px 10px;
 padding: 10px;
 width: 587px;
 float: left;
}

#doublecolumn h2{ background: url(../images/home-panel.gif) repeat-x; width: 100%; padding: 5px 0px 5px 10px; font-size: 1.2em; margin-bottom: 5px; }
#doublecolumn h1{  border-bottom: 1px solid #bf8842; 
; width: 100%; padding: 5px 0px 5px 3px; font-size: 1.4em; margin-bottom: 5px; }



#middlecolumn { 
 float: left;
 margin: 0px 10px 5px 0px;
 padding: 10px;
 width: 230px;
 border-left: 1px solid #bf8842; 
}
#middlecolumn h2{ background: url(../images/home-panel.gif) repeat-x; width: 100%; padding: 5px 0px 5px 10px; font-size: 1.2em; margin-bottom: 5px; }



#rightcolumn { 
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 230px;
 float: left;
 border-left: 1px solid #bf8842; 
}

#rightcolumn h2{ background: url(../images/home-panel.gif) repeat-x; width: 100%; padding: 5px 0px 5px 10px; font-size: 1.2em; margin-bottom: 5px; }



#erp-footer { 
 width: 860px;
 clear: both;
 border-top: 1px solid #bf8842;
 margin: 10px 20px 10px 20px; height: 3em; color: #c7c7c7;
font-size: 1em;
}


#erp-footer .left {float: left; margin: 10px 0 0 10px; padding:  0; width: 200px;}
#erp-footer .right{float: right; margin: 10px 10px 0 0; padding: 0;}
#erp-footer a {  color: #c7c7c7;}
#erp-footer a:hover { color: #c7c7c7;
	text-decoration: underline;
}
.clear {
 clear: both;	
}

.imageleft {
	float: left;
	margin: 0 10px 0px 0;
}
.imageright {
	float: right;
	margin: 0 0px 0 10px;
}