/* Browser reset styles to fix IE font size bugs 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size: 100%; font-family: inherit;}
*/




/* -------------------------------------- added or modifed styles ---------------------------------------- */

body, html {
	font: normal 12px Arial, sans-serif;
	color:#000;
	background-color: #eee;
	margin:0;
	padding:0;
	}

a {
	font-family: Arial, Sans;
	color:#116600;
	text-decoration:none;
}

a:hover {
	color:#22AA00;
}

.a_class {
	font-size:12px;
	color:#009A00;
	text-decoration:none;
}
.a_class:hover {
	text-decoration:underline;
}

.subtitle {
	font: normal 20px  Arial, sans-serif;
	color:#116600;
	z-index:2;
}

headerback {
	background-color: #116600;
	padding-right: 8px;
}

.headerbutton, .headerbutton a {
	font: normal 9px Arial, sans-serif;
	color: #ffffff;
	z-index: 2;
}
.headerbutton a:hover {
	text-decoration: underline;
}

.tabhead {
	font: italic 14px Arial, sans-serif;
	font-weight: bold;
	color:#ffffff;
	background: #ffffff url("../images/gradient.jpg") repeat-y bottom left;
	padding: 2px;
	margin-left: -0.5em;
	padding-left: 0.5em;
}
.tabhead a {
	color:#ffffff;
}
.tabhead a:hover {
	text-decoration: underline;
}

p {
	text-align: justify; 
	text-justify: auto;
	}

	/* -------------------------------------- styles used by the dynamic menus ---------------------------------------- */

	.glossymenu{
	text-align: left;
	margin: 5px 0;
	padding: 0;
	width: 185px; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	}
	
	.glossymenu a.menuitem{
	background: #116600 url("../images/glossyback.png") repeat-x bottom left;
	font: normal 12px Arial, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	}
	
	.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
	}
	
	.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}
	
	.glossymenu a.menuitem:hover{
	background-image: url("../images/glossyback2.png");
	}
	
	.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: #EEFFEE;
	}
	
	.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	.glossymenu div.submenu ul li{
	border-bottom: 1px solid #006400;
	}
	
	.glossymenu div.submenu ul li a{
	display: block;
	font: normal 11px Arial, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}
	
	.glossymenu div.submenu ul li a:hover{
	text-decoration:underline;
	}	

/* -------------------------------------- list styles ---------------------------------------- */

ol {
	list-style-type:circle;
}

ul.horizontal {
    display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	}
	
ul.horizontal li {
    text-align: left;
    float: left;
    list-style: none;
	}

ul.horizontal img{
    border: 0;
	}
	
ol.horizontal {
    margin-left: 4em;
    padding: 0;
    text-align: center;
	}
	
ol.horizontal li {
    text-align: left;
    float: left;
    padding: 1em;
	width: 12em;
	font-weight: bold;
	}

/* -------------------------------------- form styles ---------------------------------------- */
	
form {
	float:left;
	display:block;
	float:left;
	}
	
form div {
	width:46em; 
	text-align: justify; 
	text-justify: newspaper
	}

form label {
	width:15em; 
	float:left; 
	display:block; 
	margin-right:0.5em; 
	text-align:right; 
	margin-top:2px
	}
	
.submit input {
	margin-left:15.5em; 
	color:#FFFFFF; 
	background:#116000; 
	font-weight: bold
	}
	
.cancel input {
	margin-left:1em; 
	color:#FFFFFF; 
	background:#116000; 
	font-weight: bold
	}
	
fieldset {
	border:1px solid #000000; 
	text-align:left; 
	padding:8px; 
	margin-bottom:4px;
	}
	
legend {
	color:#FFFFFF; 
	background:#116000; 
	border:1px solid #000000; 
	letter-spacing:0;
	margin-bottom:4px;
	}
	
form img {
	vertical-align:top; 
	margin-top:4px;
	}
	
form p {
	width:44em
	}
	
form input {
	font: normal 12px Arial, sans-serif;
	}
	
form textarea {
	font: normal 12px Arial, sans-serif;
	}
	
div.alert {
	font-weight: bold; 
	margin-bottom: 8px; 
	padding-left: 20px; 
	background-image: url('../images/info.gif'); 
	background-repeat: no-repeat; 
	display:block
	}

.search {
	color:#FFFFFF; 
	background:#116000; 
	font-weight: bold; 
/*	position:absolute;  
	right:2px */
	}

span.bg {
	background-image: url('../images/enter.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 80% 80%;
	}


/* -------------------------------------- table styles ---------------------------------------- */

	.supplist
		{
		background-color: #005000;
		color: #ffffff;
		border-collapse: collapse;
		border-spacing: 1px;
		width: 47em;
		padding: 1px;
		text-align: left;
		}

	.supplist th
		{
		background-color: #003000;
		padding: 0px;
		font: 12px Arial, sans-serif;
		border: 1px solid #888888;
		}

	.supplist a
		{
		color: #ffffff;
		}

	.supplist img
		{
		border: none;
		}

	.supplist td
		{
		border: 1px groove #888888;
		padding: 1px;
		white-space: nowrap;
		}
		
	.supplist tr
		{
		border-bottom: 1px groove #888888;
		}
	
	.wip
		{
		border-bottom: 1px groove #888888;
		color: #ddffff;
		}
		
	.complete
		{
		border-bottom: 1px groove #888888;
		color: #ddffdd;
		}

	.cancelled
		{
		border-bottom: 1px groove #888888;
		color: #ffc0c0;
		}
		
	.supplist tr:hover
		{
		background-color: #004000;
		color: #fff;
		}
	
/* -------------------------------------- original styles ---------------------------------------- */

.link {
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#116600;
	text-decoration:none;
}

.link:hover {
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#22bb00;
	text-decoration:underline;
}


/* Font Classes & Styles */
ul {
	list-style-type:none;
    padding-left:10px;
	margin-left:0px;
}
li {
	/* background-image:url(bullet.gif); */
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
.title_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-indent:4px;
	line-height:2.5;
}
.job_title {
	font-family: Arial, Sans;
	font-size:12px;
	color:#009A00;
}
.text-box {
	width:98%;
	border:1px solid #7FA2B7;
	font-size:8pt;
	font-family: Arial, Sans;
}
.drp-box {
	font-family: Arial, Sans;
	font-size:8pt;
}
.button-quote {
	border:0;
	width:117px;
	height:23px;
	background-image:url(button-submit.png);
	position:relative;
	left:-6px;
}
hr {
  border : 0;
  height : 20px;
  background : url(hr.png) 50% 0 no-repeat;
  margin-left:-1px;
  margin-bottom:5px;
  margin-top:-15px;
  z-index:1;
}
/* --- IE hack --- */
* HTML hr,
*:first-child+html hr {
  display : list-item;
  list-style-image : url(hr.png);
  list-style-position : inside;
  border : 1px solid #fff;
  width : 0;
  height : 0;
  margin-bottom : -2px;
  z-index:0;
}
/* --- end hack --- */
.hr-home {
  border : 0;
  height : 20px;
  /* background : url(hr-home.png) 50% 0 no-repeat; */
  margin-left:-1px;
  margin-bottom:5px;
  margin-top:-15px;
  z-index:1;
}
/* --- IE hack --- */
* HTML .hr-home,
*:first-child+html .hr-home {
  display : list-item;
  /* list-style-image:url(hr-home.png); */
  list-style-position : inside;
  border : 1px solid #fff;
  width : 0;
  height : 0;
  margin-bottom : -2px;
  z-index:0;
}
/* --- end hack --- */

/* Font Classes & Styles - End */

/* Top Left Image */
#top_left {
	width:192px;
	height:183px;
	position:absolute;
	left:0px;
	top:0px;
}

/* Navigation CSS Start */
.main_menu {
	background-image:url(mainbkg.jpg);
	background-repeat:no-repeat;
	width:229px;
	height:30px;
	line-height:2.7;
	text-indent:-10px;
	margin-left:3px;
	padding-left:20px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
.sub_menu {
	width:249px;
	background-image:url(subbkg.jpg);
	background-repeat:no-repeat;
	line-height:2.3;
	text-indent:10px;
	display: block;
	cursor:pointer;
	margin-left:3px;
	height: 28px;
	padding-top: 2px;
	padding-left: 7px;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.quotation-image {
	position:relative;
	top:-60px;
}
/* Navigation CSS End */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
}
#container {
	width: 742px;
	margin-right: auto;
	margin-left: auto; 	
	background: #FFFFFF;
	position:relative;
}
#left-frame {
	width:249px;
	height:auto;
	float:left;
}
#title {
	width:484px;
	height:30px;
	background-color:#009000;
}
#right-container-news {
	width:485px;
	float:right;
	position:relative;
	left:-2px;
	line-height:1.4;
	clear:both;
}
#footer {
	width:742px;
	height:30px;
	background-image:url(footer.png);
	color:#646464;
	font-size:8pt;
	line-height:33px;
	text-indent:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-2px;
}
h1 {
	color:#409040; 
	font-size:9px; 
	margin:0 0; 
	font-weight:normal;
}
h2 {
	font-size:9px;
	margin:0 0;
	font-weight:bold;
}
.homedetail h1 {
	font-size:12px; 
	color:#000000; 
	font-weight:bold;
}
.homedetail h2 {
	font-size:12px;
}
div.homedetail {
	width:100%; 
	height:0px; 
	z-index:2;
	position:relative;
	top:-12px;
}
.bottom {
	height:0px
}
.bottom_big {
	height:1200px; 
}


/* -------------------------------------- end added styles ---------------------------------------- */