html *{ margin:0; padding: 0;}
html{ background: #c3d182 url(http://www.bauxtech.com/cec/images/template/main_bg.gif) repeat-x 0 0;}
html, body{ height: 100%;}
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;color:#474748;}
img{ border: none;}
p{line-height:17px;padding-bottom: 15px;}
li{list-style-type:disc;}
#content ul{list-style-position:outside;margin:0 0 20px 15px;padding-left:10px;}
#content li{margin-bottom:8px;margin-left:0;}
ul.blogs,ul.events{margin-left:15px !important;padding-left:0 !important;}
ul#subnav{list-style-position:outside !important;margin-left: 0 !important;padding-left:0 !important;text-indent:0 !important;}
ul#subnav li{margin-left: 15px !important;}
ul#subnav li ul{margin: 10px 0 0 0 !important;}
ul#subnav li ul li{margin-left: 7px !important;}
h1{margin:15px 0 20px 0;color:#8faf0c;font-weight:normal;font-size:26px;border-bottom:1px dashed #a8b75b;}
h2{font-weight:normal;font-size: 20px; color: #97b511;}
h3{font-weight:normal; font-size: 18px; color: #333333;}
h4{font-weight:normal; font-size: 16px; color: #333333;}
h5{font-weight:normal; font-size: 14px; color: #333333;}
h6{font-weight:normal; font-size: 12px; color: #333333;}

h3.left_side{margin-bottom:15px;color:#333333;border-bottom:1px dashed #333333;}
#section_title h2{border-bottom:1px dashed #a8b75b;margin-bottom:8px;}
#colR h3{font-size:16px;margin-bottom:15px;border-bottom:1px dashed #a8b75b;}

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
a:link, a:visited{ color: #ccc; text-decoration: none;}
a:hover { text-decoration: underline; }
#content a:link, #content a:visited{ color: #2895ce; text-decoration: underline;}
#content a:hover { text-decoration: none; }
/*///////////////// END LINKS ///////////////////////*/


/*///////////////// Clearing floats without extra markup ///////////////////////*/
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/*/////////////////  End Clearing floats without extra markup  ///////////////////////*/


/*///////////////// LAYOUT ///////////////////////*/
#page-wrapper{ width: 852px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;}
#header{height: 102px; width:852px;background: url(http://www.bauxtech.com/cec/images/template/header_bg.jpg) no-repeat 0 0;position:relative;}
#section_title{z-index: 0 !important; z-index: 2;position:relative;margin-bottom:15px;}
#subpage_title{height:207px;width:852px;margin:0;}
#homepage_title{height:281px;width:852px;margin:0;}
#title_image{position:absolute;top:15px;left:15px;z-index:0}
#homepage_image{position:absolute;top:18px;left:18px;}
#title_section{position:absolute;top:20px;right:25px;width:220px;}
#content{z-index: 0 !important; z-index: -2;width: 822px; min-height:375px;_height:475px;margin:0 0 30px 0;background:#fff;padding:15px;-moz-border-radius:20px;-webkit-border-radius:20px;}
#content_bg{background:url(http://www.bauxtech.com/cec/images/template/content_bg.gif) repeat-y;}
#search_bg{background:url(http://www.bauxtech.com/cec/images/template/search_bg.gif) repeat-y;}

#colL{width:141px;float:left;}
#colL_padding{padding:15px 10px 0 0;}
#colL input[type=text]{width:131px;height:20px;border:1px solid #999171;background:#fff;color:#666}
#colL ul{margin-left:20px}
#colL li{margin-bottom:10px}
#colM{width:508px;float:left;}
#colM_padding{padding:0 20px 0 15px;}
#colR{width:200px;float:left;}
#colR_padding{padding:15px}

#content_bg #colL{width:167px;}
#content_bg #colL_padding{padding-left:10px}
#content_bg #colM{width:493px}
#content_bg #colR{width:162px;}
#content_bg #colR_padding{padding:15px 5px 0 15px;}

#search_bg #colM{width:660px}
#search_bg #colM_padding{padding:0 20px 0 0;}
#search_bg #colR{width:162px;}
#search_bg #colR_padding{padding:15px 5px 0 15px;}

/*/////////////////END LAYOUT ///////////////////////*/

blockquote p.text{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 20px; color:#6c6b6b; width: 99%; background: url(http://www.bauxtech.com/cec/images/template/quotes.gif) top left no-repeat; padding-top: 10px; padding-bottom: 5px; text-indent: 15px;}
blockquote p.text:first-letter{ font-size: 19px; font-weight: bold; padding-right: 1px; font-style: italic;}
blockquote p.name{text-align: right; font-weight: bold; color:#6c6b6b;}

/*///////////////// SEARCH ///////////////////////*/
#search{position:absolute;bottom:0;right:30px;width:172px;height:30px;background:#fff;line-height:35px;padding-left:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;}
#search input{ position:absolute;top:5px;left:5px;width: 127px; height:15px;padding:3px;background: #cbdd72; border: 1px solid #709405; color: #6e851f;}
#search .btn{ position:absolute;top:6px;left:145px;width: 28px;  height: 21px; background: url(http://www.bauxtech.com/cec/images/template/search_btn.gif) no-repeat 0 0; border: none; cursor: pointer;}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/


/*///////////////// NAVIGATION ///////////////////////*/

#navigation{ margin-top:2px;height: 39px; background: url(http://www.bauxtech.com/cec/images/template/divider.gif) no-repeat top left; padding-left: 2px;}
#navigation ul{ }	
#navigation ul li{ display: inline; font-size: 12px; text-transform: uppercase; }
#navigation ul li a{ float: left; padding: 0 24px; display: block; line-height: 39px; background: url(http://www.bauxtech.com/cec/images/template/divider.gif) no-repeat top right; color: #d2eb5b;}
#navigation ul li a:hover{ background-color: #607f04; text-decoration: none;}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
        z-index:1000;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu li ul{
	padding:0 !important;
	margin:.8em 0 0 0 !important;
}
.sf-menu li li{
	background:	#6f9305;
	text-transform: none !important;
	border-bottom:1px solid #c3d182;
	display:block;
}
.sf-menu li ul li a{
	line-height:18px !important;
	display:block;
        width:13em;
        background-image:none !important;
	padding: 5px 14px 5px 10px !important;
} 
.sf-menu li ul li a:hover{
	background:	#607f04;
	background-image:none !important;
	height:auto !important;
	width:13em;
	display:block;
	padding: 5px 14px 5px 10px !important;
}
.sf-menu li ul li ul{
	margin:0 !important;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*///////////////// END NAVIGATION ///////////////////////*/

#about p.more-button{ height: 24px; padding: 0; }
#about p.more-button a{  background: url(http://www.bauxtech.com/cec/images/template/read_more.gif) no-repeat top left; padding: 5px 35px 4px 35px; line-height: 24px; color: #d2eb5b;}


/*///////////////// FOOTER NAVIGATION ///////////////////////*/
#footer{height:auto;padding:20px 0;background:#769a05;border-top:5px solid #9cb814;}
#footer-wrapper{width:975px;margin:0 auto;}
#footer_sitemap{float:left;background:#688704;border:1px dashed #9cb814;}
#footer_social{float:left;margin-left:40px;}
#footer_social h2{margin:0 0 20px 0;color:#688704;border-bottom:1px dashed #9cb814;}
ul#social{margin:0 0 0 15px;padding:0;font-size:16px;}
ul#social li{margin:0 0 8px 0;}
ul#social li a{width:150px;padding:.25em 0 .25em .375em;display:block;color:#fff;background:#688704;text-decoration:none;margin-bottom:5px;margin}
ul#social li a:hover{background:#769a05;}
ul#sitemap{font-size:13px !important;margin:20px;}
ul#sitemap li{float:left;list-style: none;padding-right:15px;margin-bottom:10px;display:block;}
ul#sitemap li ul{margin:5px 0 0 0;padding:0;}
ul#sitemap li ul li{width:120px;clear:both;display:block;margin:2px 0 2px 0;font-weight:normal;font-size:11px !important}
ul#sitemap li ul li ul li{display:none;}
/*///////////////// END FOOTER NAVIGATION ///////////////////////*/


/*///////////////// FORMS ///////////////////////*/
input[type=text], textarea{width:100%;}
textarea{height:100px;}
select{width:99%;}
input[type=checkbox], input[type=radio]{margin:0 8px 0 3px}
label{margin-right:15px;}
input, textarea, select{outline:0 none;}
#colR input{padding:4px;background: #cbdd72; border: 1px solid #709405;color:#6e851f;}
#colR input[type=text]{width:130px;}
/*///////////////// END FORMS ///////////////////////*/

/* Easy Slider */

	#slider ul, #slider li,{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		width:817px;
		height:246px;
		overflow:hidden; 
		}	
	#prevBtn{ 
		display:block;
		width:56px;
		height:56px;
		position:absolute;
		left:-35px;
		top:93px;
		z-index:3;
		}	
	#nextBtn{
display:block;
		width:56px;
		height:56px;
		position:absolute;
		top:93px;
		z-index:3;
		right:-35px;
		}														
	#prevBtn a{  
		display:block;
		position:relative;
		width:56px;
		height:56px;
		background:url(http://www.bauxtech.com/cec/images/template/scrollLeft.png) no-repeat 0 0;	
		}	
	#nextBtn a{
display:block;
		position:relative;
		width:56px;
		height:56px;
		background:url(http://www.bauxtech.com/cec/images/template/scrollRight.png) no-repeat 0 0;	
		}