html { padding: 0; margin: 0; }

body {
	font-size: 62.5%;font-family:Arial, Helvetica, sans-serif;padding: 0; margin: 0;
}

img {border:0;}
hr {border:4px double Black}
address {font-style:normal}

a {color: #F37421;text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {display:none;font: bold 36px/100% Arial, Helvetica, sans-serif;}
h2.h2header {text-transform:uppercase;font-weight:bold;padding:5px;background-color:#F37421;text-align:center;color:black;font-size:1.5em;margin:0px 0px 10px 0px;}
#accordion .ui-accordion-content a {color: #F37421;text-decoration: none;}
#accordion .ui-accordion-content a:hover {text-decoration: underline;}

#header div.siteHeader {float:left;padding-top:5px;}
#header div.siteRegister {float:right;padding-top:5px;border:0px solid #F37421;margin-bottom:5px;}
#header div.advertHeader {width:100%;text-align:center;}

#flashpan {display:none;}

.section_header {
	margin:0px;
	background-color: #DDDBDB;
	border-bottom:5px solid #F37421;
	padding:5px;
	font-size:2.5em;
	color:#F37421;
}
h3.section_header {
	font-size:1.5em;
}
.section_header .section_header_smtext {
	display:block;
	font-weight:normal;
	font-size:40%;
	color:black;
}
.content-p {
	margin:0px;
	padding:5px;
	background-color:white;
	color:black;
}
.sme_tables {
	background-color:white;
	border-collapse: separate;
	text-align: left; 
	width: 100%;
	margin: 10px 0px;
}
.sme_tables th{
	/*background-color: #535353;*/
	background-color: black;
	/*color:#92DB2F;*/
	color:rgb(243, 77, 6);
	font-weight:bold;
	text-align:left;
	/*border-bottom:3px solid #F37421;*/
	font-size:1.2em;
	width:33%;
	margin:2px;
}
.sme_tables tbody td{
	border:1px solid #B1B1B1;
	/*background-color:#535353;
	color:white;*/
	background-color:white;
	color:black;
}
.sme_tables tfoot td{
	/*border:1px solid #92DB2F;
	background-color:#92DB2F;*/
	border:2px solid rgb(243, 77, 6);
	color:rgb(243, 77, 6);
	font-weight:bold;
	text-align:center;
}
.sme_tables tfoot td a{
	/*color:rgb(46, 138, 202);*/
	color:rgb(243, 77, 6);
	text-decoration:underline;
}

.procurement_tables { 
	border-collapse: collapse;
	text-align: left; 
	width: 98%;
	margin: 10px 5px;
} 
.procurement_tables {
	background: #fff;
	border: 5px solid #6c7f45;
}
.procurement_tables th {
	width:25%;
}
.procurement_tables td, .procurement_tables th { 
	padding: 3px 10px; 
}
.procurement_tables thead th {
	background-color:#a7c172; 
	color:black; 
	font-size: 15px;
	font-weight: bold; 
	border-left: 5px solid #6c7f45;
	height: 40px;
	text-align: center;
} 
.procurement_tables thead th:first-child { 
	border: none; 
}
.procurement_tables tbody td { 
	color: #6e7e4c; 
	border-left: 5px solid #6c7f45;
	font-weight: normal; 
}
.procurement_tables tbody .alt td { 
	background: #E1EEf4; 
	color: #00557F; 
}
.procurement_tables tbody td:first-child { 
	/*border-left: none; */
}
.procurement_tables tbody tr:last-child td { 
	border-bottom: none; 
}
.procurement_tables tfoot td div { 
	/*border-right: 1px solid #6c7f45;*/
	background: #e8efda;
} 
.procurement_tables tfoot td { 
	padding: 0;
	text-align: center;
	border-right: 5px solid #6c7f45;
	/*font-size: 12px*/
} 
.procurement_tables tfoot td div{ 
	padding: 2px; 
}
.procurement_tables tfoot a { 
	text-decoration: none;
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: black;
	font-size: 15px;
	font-weight: bold;
	border: 5px solid #d6e3bc;
	background-color:white;
	/*-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');*/
	/*background-color:#006699;*/ 
}
.procurement_tables tfoot a:hover { 
	background-color:transparent;
}
.procurement_tables thead th.th_blank {
	background-color:transparent;
	width:1px;
}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

#tabs {   
    width: 100%;  
    background: black;  
    font-weight: bold;  
    position: relative; 
}
#tabs ul {  
    padding: 0;  
    margin: 0 auto;  
    height: 30px;  
}
#tabs li {  
    display: inline;  
    float: left; 
	padding-left:5px;
border-right:1px solid #f9a068;
}
#tabs li.active-tab {  
    background-color:#f9a068; 
}
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}
#tabs a {  
    color: white;  
    display: inline-block;  
font-size:small;
    text-align: center;  
    text-decoration: none;  
    line-height: 30px;  
    padding-right:10px;  
}
#tabs li a {  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	color:#F37421;
}  
#tabs a:hover {color:#F37421;}
#tabs li:hover {background-color:#F2F2F2;}
tabs li:last-child a {  
    border-right: 0;  
}
#tabs li.active-tab a{  
color:black;
}

.ad-RH-SLOT1, .ad-RH-SLOT2, .ad-RH-SLOT3 {padding-bottom:10px;text-align:center;}
.ad-FOOTER-SLOT1, .ad-FOOTER-SLOT2, .ad-FOOTER-SLOT3 {padding-right:10px}
.table-button{display:block;text-align:center;border:1px solid #B4B4B4;background-color:#ADADAD;margin-bottom:5px;color:black}
.table-button i{margin-top:1px;}
.button-delete {margin-bottom:20px;}
.button-delete:hover {background-color:red;}
.button-edit:hover, .button-view:hover {background-color:#93DB2F;}
td {vertical-align:top;}


.contact-module {
	width:30%;
	float:left;
	margin:5px;
	border:1px solid black;
	border-top:none;
	border-bottom:none;
	padding: 10px;
}
.contact-module h4 {
	padding:0 0 5px 0;
	margin:0;
	color:#F37421;
	font-size: 1.1em;
	font-weight:bold;
}
.contact-module ul {
margin:0;
padding-left:18px;
}
.contact-module ul li a{
color:#F37421;
}
.mod-right {text-align:right;float:right;}
.footerlinks {display:block;color:#F37421;padding:4px 0 4px 0;margin-bottom:4px;}
.footerlinks img{float:left;padding-right:7px;}

/* BANNER SEARCHBOX */
.banner-search {float:right;margin-bottom:10px;}
.banner-search input.bannersearchbox {
width: 254px;
margin: 0;
padding: 0 10px 0 10px;
border: none;
cursor: text;
display: block;
float: left;
vertical-align: middle;
height: 30px;
line-height: 30px;
border:1px solid #F37421;
}
.banner-search input.bannersearchbutton {
height: 32px;0
margin: 0;
border:1px solid #F37421;
border-left:none;
padding: 0 5px 0 5px;
cursor: pointer;
display: block;
float: left;
background-color:#F37421;
}
.banner-search input.bannersearchbutton:hover {background-color:#F9A068;}

/* ABOUT US TABLE */
#core-service-table td {border:10px solid #D6D6D6; padding:50px}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	padding: 5px;
	width: 98%; 
	font-size: small;
}
#header {}
#tabs_boundary {margin-bottom: 5px;clear:both}
#content {
	width: 69%;
	float: left;
	padding: 0;
	margin-right:5px;
}

#middle {
	width: 30%;
	float: left;
	/*margin: 0px 0px 5px 5px;*/
}

#sidebar {
		clear: both;
		width: auto;
		float: none;
}
#footer {
	clear: both;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1024px or less 
@media screen and (max-width: 1024px) {
.image-container {height:200px;}
}*/

/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		
	}
	
	#header div.siteHeader {float:none;}
	#header div.advertHeader {float:none;margin:10px 0px 0px 0px;}
	#header div.siteRegister {float:none;text-align:center;margin:10px 0px 0px 0px;}
	
	#content {
		width: 69%;
		clear:both
	}
	#middle {
		width: 29%;
		/*margin: 0px 0px 5px 0px;*/
		float: right;
	}
	
	#sidebar {
		clear: both;
		width: auto;
		float: none;
	}

	#header {
		/*padding: 1% 4%;*/
	}
	.contact-module {
		clear:left;
		width:93%;
	}
}

/* for 800px or less*/
@media screen and (max-width: 800px) {
	
	#pagewrap {
		/*width: 94%;*/
	}
	#content {
		width: 69%;
	}
	#middle {
		width: 29%;
		margin: 0px 0px 5px 0px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		width: auto;
		float: none;
	}
	
	.contact-module {
		clear:left;
		width:93%;
	}
#core-service-table td {border:10px solid #D6D6D6; padding:20px}
.banner-search {float:left;margin-bottom:10px;margin-top:10px;}
}


/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}
	#header div.siteRegister {float:left;}
	.article-channel-headline h2 {padding:5px 0px 0px 0px;}
	.contact-module {
		clear:left;
		width:93%;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		display: none;
	}

.mod-right {text-align:left;float:left;}

}

/* border & guideline (you can ignore these) */

#header, #content, #middle, #sidebar {
	margin-bottom: 5px;
}

#pagewrap {
	border: solid 1px #ccc;
}
#header img,  #content img, #middle img, #sidebar img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
#header {margin-bottom:25px;}

#content, #middle, #sidebar{background-color:#F2F2F2}
#sidebar{text-align:center}
#footer {background-color:black;color:#F37421}
#footer-inner, #sidebar-inner,  #middle-inner {
	border:2px solid white;
	padding:5px;
}




