/*

----
	Exel CSS - styles.css											  
	Sept 2009													
----
*/

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

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

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

h1 {color: #094FA3; 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: #bed3ea; 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; }
#doublecolumn td {font-size: 1.2em; line-height: 1.4em; color: #5f6061; margin: 0; padding:6px;}
#doublecolumn table { margin:0; padding:0; border: 0;}

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

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

#info-block p { margin-top: 10px;
	font-size: 1.4em;
	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 p.erplisting {border-bottom: 1px dotted #c0c0c0; padding: 5px; 
margin: 0 0 0 0;}

#core #middlecolumn  h3 { font-size: 1.2em; padding: 2px 3px 2px 3px; display: block; clear: both; width: 100%; background: none;}

#core #middlecolumn  p { border-bottom: 1px dotted #c0c0c0; }

#core #rightcolumn  h3 { font-size: 1.2em; padding: 2px 3px 2px 3px; display: block; clear: both; width: 100%; background: none;}

#core #rightcolumn  p { border-bottom: 1px dotted #c0c0c0; }

#core #homerightcolumn  h3 { font-size: 1.2em; padding: 2px 3px 2px 3px; display: block; clear: both; width: 100%; background: none;}

#core #homerightcolumn  p { border-bottom: 1px dotted #c0c0c0; }

#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 #a1a0a0;
 border-bottom: 1px dotted #a1a0a0;
	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: #4274ad;
	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: 240px;
}
#rightcolumn #infodays h2 {width: 231px;
}

#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;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	color: #4274ad;
	margin: 0px;
}

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

#infodays p {border-bottom: 1px dotted #c0c0c0; padding: 5px; 
margin: 0 0 0 0;}




#erp-wrapper { 
 margin: 0 auto;
 width: 900px; border: 1px solid #a1a0a0;
	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: 16px 20px 0 0px; 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 #134085; 
}

#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: 415px;
 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; }

#leftcolumn h2 a{ 
	text-decoration: underline;
}


#portalcolumn { 
 margin: 0px 10px 5px 10px;
 padding: 10px;
 width: 587px;
 float: left;
}
#portalcolumn 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{  font-size: 1.2em; line-height: 1.4em; color: #3272bf; border-bottom: 0 solid #a1a0a0; background-image: none; 
	width: 100%;
	padding: 0;
}
#doublecolumn h3{  font-size: 1.2em; line-height: 1.4em; color: #083a73; border-bottom: 0 solid #a1a0a0; background-image: none; 
	width: 100%;
	padding: 3px;
	margin: 0 0 3px 0;
}
#doublecolumn h4{ background: url(images/home-panel.gif) repeat-x; width: 100%; padding: 5px 0px 5px 10px; font-size: 1.2em; margin-bottom: 5px; }

#doublecolumn img {
	padding: 6px;
	margin-top: 12px;
	margin-right: 4px;
	margin-bottom: 4px;
	background:#e5e5e5;
border: 1px solid #a1a0a0;
}


#doublecolumn h1{  border-bottom: 1px solid #a1a0a0; 
; width: 100%; padding: 5px 0px 5px 3px; font-size: 1.4em; margin-bottom: 0; }

#doublecolumn ul li {
	font-size: 1.2em; line-height: 1.4em; color: #747678;
list-style: circle outside;}

#middlecolumn { 
 float: left;
 margin: 0px 10px 5px 0px;
 padding: 10px;
 width: 186px;
 border-left: 1px solid #134085; 
}
#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 #134085; 
}

#homerightcolumn { 
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 186px;
 float: left;
 border-left: 1px solid #134085; 
}

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


/* HOMEPAGE EVENTS CALENDAR */

#rightcolumn table{
    float: left;
    clear: both;
    width: 100%;
}

#rightcolumn td{
    text-align: center;
}

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


#erp-footer .left {float: left; margin: 10px 0 0 0; padding:  0; width: 200px;}
#erp-footer .right{float: right; margin: 10px 0 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;
}

.thumb {
	margin: 0 10px 0px 0;
}


/* ----- TXP contact form styling ----- */

.zemContactForm fieldset {
	border: none;
	border-bottom: 1px solid #0760a3;
	padding-bottom: 1em;
	padding-left: 0;
	}

.zemContactForm legend { color: #083a73;
font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;  font-weight: bold;	padding: 3px;	margin: 0 0 3px 0;width: 100%;
background: #ffffcc; }

.zemContactForm label {
	float: left;
	width: 100px;
	margin: 0.3em 10px 0 0.3em;
	text-align: right;
	font: 1.2em/1.45em Verdana, Arial, Helvetica, sans-serif;
	color: #747678;
	}

.zemContactForm label.zemCheckbox {
	float: none;
	}

.zemContactForm input.zemCheckbox {
	margin: 0 5px 0 70px;
	}


.zemContactForm input,
.zemContactForm select { margin-bottom: 0.5em; }

.zemContactForm br { clear: left; }

.zemContactForm .zemSubmit { margin: 0.5em 0 0 70px; }

.zemThanks {	
	font-weight: bold;
	}
	

.recent_articles br { 	border-bottom: 1px dotted #dcdcdc;

}

.smd_cal_event a { color: #c00e12; 	font-weight: bold;
 }

/* moo styling for reveal */
.stretcher {
padding:0px;
margin: 0px;
float:left;
}
.innerStretcher {
padding:0 3px 6px 3px;
}
.innerStretcher img {
border:3px solid #518ac3;
}
.innerStretcher ul {
margin:6px;
}
.innerStretcher li {
}
							.innerStretcher ul ul {
margin:5px 5px 10px;
list-style-type:none;
font-size:90%;
}
/* social network bookmarks */
.bookmarkholder {
	width: 32px;
	float: left;
	margin: 0 9px 0 3px;
}