#hd  {height:100px;background: url("/header_background.png") repeat-y;background-position: 50px 100px; margin:0px;}

   #custom-doc { width:73.92em;*width:72.14em;min-width:961px; margin:auto; text-align:left; background-color: white;border:1px solid #9e9e9e;border-top: 0px;border-bottom:0px; }
   #custom-doc p {font-size:14px}
     #topnav a { color: #FF7443; font-weight: bold; background:transparent; text-decoration:none; }
     a { color: #5E6B5D; font-weight: bold; background:transparent; text-decoration:none; }
     a:focus,
   a:hover,
  a:active{ text-decoration:underline; background-color: transparent; }
  #ft a {font-weight: normal; text-decoration: underline; color:#182e7a;}
  #ft a:hover {color:black; text-decoration: underline; }

  a.more  {text-decoration: underline;}
  
  #content a {font-weight: normal; text-decoration: underline; color:#182e7a;}
  #content a:hover {color:black; text-decoration: underline; }
  
  
  #intro_notify {border:1px solid #99A5FF; margin-top:0.1em; margin-bottom:0.1em; background-color: #CAD7DA;padding:0.1em 0.1em; background: url("/header_background.png") repeat-y;background-position: -200px 10px;}
  #intro_notify td{border:0px}
  #intro_notify table{margin:0px;padding:0px}
  #intro_notify h1{margin: 0em; padding: 0.1em; border:0px;margin-bottom:0px}
  h1 {margin-top: 0.5em;}
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }
  #topnav {float:right; margin-top: -9em;}
  #title {float:right; margin-top: -4em;margin-left:23.2em;font-size:138%;color: #5E6B5D;width:260px  }
  #bd {clear:both}
#intro_services{width:370px}
  
  #nav, #nav ul { /* all lists */
float: left;
	list-style: none;
	line-height: 1;
	/*background: #278A9C;*/
	padding: 0;

	border: solid white;
	border-width: 0px ;
	margin: 0 1px;
}

* {font-family: Tahoma, Helvetica, Arial, sans-serif;}
#ft {background-color: #FCE2BF;text-align:center;color:#5E6B5D;padding:0.2em}

 #topnav a { color: #FF7443; font-weight: bold; background:transparent; text-decoration:none; }
#hd {padding: 15px;}

h1, h2 {color: #5E6B5D;color:#333333; border-bottom: 1px solid #5E6B5D;width: 20em; padding: 0.5em}
h3 {color:#333333}
h4 {border-bottom: 1px solid #5E6B5D;background-color:#278A9C;color:white ; font-weight:500;padding: 0.3em }

.yui-u {padding:1em; padding-top:0em}
.logos{margin-right: 1em;} 
#nav {padding:2px;}
input {margin:0.2em 0em}

/******************* CSS MENU START HERE *************************/
.menu {width:100%; height:22px; font-size:0.85em; position:relative; z-index:100;border:0px solid #000;background: url("/background_menu.png") }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:108px;position:relative;list-style-type:none;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:108px; height:22px; border:0px solid #000; border-width:0px 0px 0px 0px; background: url("/background_menu.png"); padding-left:10px; line-height:22px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:108px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#3c95a6 ;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#3c95a6 ;}
.menu ul ul :hover > a.drop {background:#3c95a6;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#3c95a6;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:22px;t\op:22px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1.2em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* menu color scheme */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#0C5B4C;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#0C5B4C;}

/*.menu ul ul a, .menu ul ul a:visited {background:#ccd2ff; color:#000; }*/

/* aseim custom changes */
#ft {background:#cccccc ;}
#topnav a {color:#5E6B5D;}
#quick li a {color: #5E6B5D;}
#quick li {list-style-type:square}

.quick li {list-style-type:none;margin-left:-15px}
.quick a {
	list-style-type:none;
background: url("/arrowbullet.gif") no-repeat top left; /*custom bullet list image*/
padding-left: 15px;
}

.quick-links {	background-color: #CAD7DA;
				margin-bottom: 1em;
				font-size:13px;
				}
.quick-links p{font-size:11px !important;}

.quick-links h4{background: url("/background_menu_bigger.png");
				padding:7px;padding-left:1em;
				font-weight: bold;
				border:1px solid black;}
				
.quick-links div{padding:0.4em;
					}
					
/* product index box */					
#box-table-a{		font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
					font-size:12px;
					width:680px;
					text-align:left;
					border-collapse:collapse;
					/*border-bottom:4px solid #aabcfe;*/
					border-bottom: 4px solid #0C5B4C;
					margin:20px;}

#box-table-a th{	font-size:13px;
					font-weight:normal;
					/*background:#b9c9fe;*/
					background:#11826D;
					border:0px;
					/*border-top:4px solid #aabcfe;*/
					border-top:4px solid #0C5B4C;
					border-bottom:1px solid #fff;
					/*color:#039;*/
					color: white;
					padding:8px;}
#box-table-a img{padding:2px;border:1px solid #11826D}
#box-table-a td{	/*background:#e8edff; */
					background: #CCD2FF;
					border:0px;
					border-bottom:1px solid #fff;
					/*color:#669;*/
					color: #0C5B4C;
					border-top:1px solid transparent;
					padding:8px;}
					
#box-table-a tr:hover td{background:#d0dafd;
						/*color:#339;*/}

a.pdf {
	background: url(/images/pdf.png) no-repeat;
	padding-left: 20px;
}
a.zip {
	background: url(/images/zip.png) no-repeat;
	padding-left: 20px;
}

.list_files li{list-style-type:none;list-style: none;}

#gallery li {list-style-type:none;list-style: none;display: inline;}
#gallery img{
	padding: 2px;
	border: 1px solid #ccc;
}
p {color: #333333}
.lightbox img{border: 1px solid #ccc;}

#s3slider {
   width: 300px; /* important to be same as image width */
   height: 240px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
          padding:0px !important;
}

#s3sliderContent {
   width: 300px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   margin-top: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span a{
    color:white;
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 9px Arial, Helvetica, sans-serif;
   width: 276px;
   height:50px;
   padding:5px 15px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}