*{ margin: 0; padding: 0; } 

body { font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; background:white; line-height: 1.6em;  background: #D0D4D4; color: #444; }

a {	color: #004F94;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: normal 1.8em "Trebuchet MS", Arial, Sans-Serif; }
sup { font-size: .3em; color: #DFCDA2; }
h2 { color: #004F94; font: bold 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
h3 { color: #808080; background: #D0D4D4; padding: 3px 10px; margin: 0 0 15px; }
h4 { color: #808080; }

#content { width: 960px; margin: 10px auto; background: #fff; padding: 10px; }

#maincontent { }
#maincontent ul li { margin: 0 0 0 15px;}

#logo {background: #fff url('../images/logo.gif') no-repeat; background-position: left center; margin-left: 5px; height: 75px; }

#header { background: #fff no-repeat; height: 252px; margin: 10px 0 10px; }
	#header p { margin: 30px 0 0; color: #D6E5EA; }
	#header h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
  #header h1 a { color: #fff; background: inherit; }
  #header h1 a:hover { color: #E4FFD3; background: inherit; }
	#slogan { padding: 40px 0 0 20px;  float: left; width: 400px; }

  #languageselection { float: right; width: 240px; text-align: right; margin: 10px 15px 0 0; }
  #languageselection ul{margin: 0; padding: 0; list-style-type: none; }
  #languageselection ul li{position: relative; display: inline; float: right; }
  #languageselection img { border: 0 solid; }
  
	#search { float: right; width: 240px; text-align: right; margin: 10px 15px 0 0; }
	#search a, #watch a { color: #fff; font-size: .8em; cursor: pointer; }

	#searchform { padding: 10px; background: #A1BDD2;  }
	#searchform p { margin: 0; }

/*** begin:menu ***/
  .menu{position: relative; font: normal 12px Verdana; background: #D0D4D4; width: 100%; z-index: 10;}
  .menu ul{margin: 0; padding: 0; list-style-type: none; }
  /*Top level list items*/
  .menu ul li{position: relative; display: inline; float: left; }
  /*Top level menu link items style*/
  .menu ul li a{ display: block; background: #D0D4D4; /*background of tabs (default state)*/ color: #808080; padding: 8px 10px; color: #2d2b2b; text-decoration: none; }
  .menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
  .menu ul li a:link, .menu ul li a:visited{color: #808080;}
  .menu ul li a:hover{background: #B2B6B6; /*tab link background during hover state*/ color: black; }
  .menu ul li a.current{background: #004F94; color: white; }
  /*1st sub level menu*/
  .menu ul li ul{position: absolute; left: 0; display: block; visibility: hidden; z-index: 10; }
  /*Sub level menu list items (undo style from Top level List Items)*/
  .menu ul li ul li{display: list-item; float: none; }
  /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  .menu ul li ul li ul{top: 0; }
  /* Sub level menu links style */
  .menu ul li ul li a{font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; }
  .menuz ul li ul li a:hover{/*sub menus hover style*/ background: #eff9ff; color: black; }
  /* ######### CSS classes applied to down and right arrow images  ######### */
  .downarrowclass{position: absolute; top: 12px; right: 7px; }
  .rightarrowclass{position: absolute; top: 6px; right: 5px; }
/*** end:menu ***/

.contenthead { float: inherit; width: 840px; margin: 0px 10px 30px 10px; }
.second { font-size: .9em;  float: left; width: 560px; margin: 0 30px 10px 10px; }
.third { font-size: .9em;  float: left; width: 280px; margin: 0 30px 10px 10px; }
.fourth { font-size: .9em;  float: left; width: 160px; margin: 0 30px 10px 10px; }
.last { float: right; margin: 0 10px 10px 0; }

.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }

.link_box { margin:0 0 20px 0; padding:10px; background-color:#fafbfc; color:#505050; line-height:1.1em; }
.link_box a { background: url('../images/link.png') no-repeat 0 0; padding: 0px 0 0px 18px;}

.doc_box { margin:0 0 20px 0; padding:10px; background-color:#fafbfc; color:#505050; line-height:1.1em; }
.doc_box a { background: no-repeat 0 0; padding: 0px 0 0px 18px; background-image: url('../images/doc.png') }
.doc_box a[href $='.pdf'] { background-image: url('../images/acrobat.png')}
.doc_box a[href $='.doc'] { background-image: url('../images/word.png')}
.doc_box a[href $='.xls'] { background-image: url('../images/excel.png')}
.doc_box a[href $='.ppt'] { background-image: url('../images/powerpoint.png')}

#breadcrumbs { height: 30px; margin: 0 auto; background: #fff; font-size: .9em;  margin: 10px 0; }

#prefooter { width: 944px; margin: 0 auto; background: #fff; padding: 15px 18px 1px; font-size: .9em;  }

#footer { width: 960px; margin: 15px auto; color: #808080; font-size: .9em; }
	#footer a { color: #444; }
	.right { float: right; text-align: right; font-size: 1em; }
		#footer .right a { margin: 0 0 0 2px; padding: 3px 10px; }
		#footer .right a:hover { background: #fff; color: #444; text-decoration: underline; }
		

/*** begin:slider ***/
#slider { width: 960px; /* important to be same as image width */ height: 251px; /* important to be same as image height */ position: relative; /* important */   overflow: hidden; /* important */ }
#sliderContent { width: 960px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ ; z-index: 0; }
.sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ }
.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=50); /* here you can set the opacity of box with text */
   -moz-opacity: 0.5; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.5; /* here you can set the opacity of box with text */
   opacity: 0.5; /* 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
   */
}

.bottom {	bottom: 0; left: 0; width: 310px !important; height: 235px; }
.clear { clear: both; } 
/*** end:slider ***/

/*** begin:requestcall form ***/ 
#requestcall h3 { color:#004F94; background-color:#E6E6E5; margin:0; padding:12px 10px 6px 10px; font-size:16px; width: 265px; }
#requestcall p { margin:0; padding:6px 0 0 0; }
#requestcall form { background-color:#E6E6E5; margin:0; padding:0; border-bottom:1px solid #fff; width: 285px;}
#requestcall fieldset { margin:0; padding:1px 0 0 10px; border:none; }
#requestcall fieldset p { float:left; padding-top:0.1px; }
#requestcall fieldset p#requestcall_fname, #requestcall fieldset p#requestcall_company, #requestcall fieldset p#requestcall_city { width:135px; clear:left; }
#requestcall fieldset p#requestcall_email { clear:left; width:262px; }
#requestcall fieldset p#requestcall_email input { width:262px; }
#requestcall fieldset p#requestcall_checkbox { clear:left; width:262px; }
#requestcall fieldset p#requestcall_checkbox input { width:20px;}
#requestcall fieldset p#requestcall_checkbox label { display:inline;}
#requestcall fieldset p#requestcall_comments { clear:left;width:262px; overflow:hidden; }
#requestcall fieldset p#requestcall_comments textarea { height:80px; width:262px; border:none !important; margin:0; overflow:auto; line-height:20px; min-height:20px; }
#requestcall fieldset input { font-size: 1.1em; width:125px; border:0px solid #000000; padding:3px 0; }
#requestcall fieldset input.error { border: 1px dotted red; }
#requestcall label { font-size: 0.8em; display:block; padding-bottom:3px; }
#requestcall select { width:125px; padding:2px 0 3px 0; }
#requestcall #lower_submit { margin:10; padding:0; height:40px; }
#requestcall #lower_submit #requestcall_submit { width:125px; position:relative; left:90px; float:left; }
#requestcall #lower_submit #requestcall_submit input { background:#004F94; width:125px; height:25px; color:#ffffff; border:0px solid #000000; text-align:center; font-size:14px; cursor:pointer; }
/*** end:requestcall form ***/

/*** begin:requestcall popup ***/
#popup { height: 100%; width: 100%; background: #000000; position: fixed; top: 0; left: 0; z-index: 100; }
#window { width: 290px; height: 355px; margin: 0 auto; border: 1px solid #000000; background: #E6E6E5; position: relative; z-index: 101; }
/*** end:requestcall popup ***/
