/*-----------------------------------------------------------
Description: Undersea Defence Technology Asia 2010
Author: Soren Aarlev
Author URI: www.aspevents.net
-----------------------------------------------------------*/



/* RESET
-----------------------------------------------------------*/
a img{border:none;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div,img {margin:0; padding:0;}
/*-----------------------------------------------------------*/



/* WEBSITE HTML/BODY
-------------------------------------------------------------*/
html {border:0; margin:0; padding:0; font-size:16px;} 
body { margin:0; padding:48px 0 48px 0; font: 0.6em  Verdana, Arial, Sans-serif; text-align:center; color:#666;  background:url(../g/2010/template/bg_site.gif) #1f8fce repeat-x top; } 
a:link {color:#2eabe2; text-decoration:underline; font-weight:bold;} /* unvisited link */
a:visited {color:#2eabe2; text-decoration:none; font-weight:bold;} /* visited link */
a:hover {color:#542989; text-decoration:none; font-weight:bold;} /* mouse over link */
a:active {color:#2eabe2; text-decoration:none; font-weight:bold;} /* selected link */
/*-----------------------------------------------------------*/



/* STRUCTURE
-----------------------------------------------------------*/
/*Wrappers*/
#PageBody_DIV{width:960px; margin:0 auto; position:relative;}

/*Header*/
#header {width:960px; height:163px;}

/*Content (and base font formatting)*/
#content {background-color:#d2e1e9; width:960px; text-align:left; padding-top:20px; font:1.3em/1.5em Arial, Verdana, Sans-serif;}
#content ul {margin-left:1.4em; padding:0;} /* To line up Bullet Points*/

/*Columns*/
#column-left {float:left; width:499px; padding-left:20px;}
#column-middle {float:left; width:190px; padding-left:20px;}
#column-right {float:left; width:191px; padding-left:20px;}  

/*Search*/
#search {width:145px; height:27px; float:left; margin-top:9px;}
#searchfield { float:left; width:121px; height:27px;_width:115px;}
#searchfield input {height:21px;  width:121px; _width:115px;border:none; font:1.2em Arial, Sans-serif; color:#8a8a8a;  padding:4px 0 0 6px; background:none; text-align:left;} /*style the input form*/
#search form {margin-bottom:0;} /* Remove default bottom margin on forms*/
#searchbutton {float:right; width:24px; height:24px; border:none;}
/*---------------------------------------------------------*/



/* NAVIGATION
-----------------------------------------------------------*/
/*Main Menu*/
#menu {width:960px; height:42px;  background:url(../g/2010/template/bg_menu.jpg) no-repeat; _margin-top:-2px;}
.menu1{ z-index:999; position:relative;  float:left; width:755px; height:39px; padding-left:30px;}
.menu1 li{list-style:none; float:left; position:relative; z-index:100;  min-height:24px;}
.menu1 ul{margin:0; padding:0; }
.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:0px; top:41px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{background-color:transparent; display:block;}
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; background:url(../g/2010/template/menu_on.jpg) repeat-x bottom;/*main menu Background on hover*/}
.menu1 ul li a {text-align:center; display:block;  font: bold 1.5em Helvetica, Arial, Sans-serif; letter-spacing:-1px; color:#fff; text-decoration:none; padding:12px 7px 14px 7px;}
.menu1 ul li a:visited {color:#fff;} /*Otherwise IE6 displays visited state as hover */
.menu1 ul li a:hover{text-align:center; display:block; font: bold 1.5em Helvetica, Arial, Sans-serif; letter-spacing:-1px; color:#fff; text-decoration:none; padding:12px 7px 14px 7px; }
.menu1 ul li a:active {color:#fff;} /*Otherwise IE6 displays active state as hover */

/*Sub Menu*/
.menu1 ul ul{margin:0; padding:0; }
.menu1 ul ul li{list-style:none; position:absolute; width:150px;}
.menu1 ul ul li a{ background-color:#333; color:#fff; font: 1.2em Arial, Sans-serif; _font:0.90em Arial, Sans-serif; letter-spacing:0; /*border-bottom:1px solid #2c2b2c; */padding:6px 13px; text-align:left;}
.menu1 ul ul li a:visited {font-weight:normal;} /*Otherwise IE6 displays visited state as bold*/
.menu1 ul ul li a:hover{font: 1.2em Arial, Sans-serif; _font:0.90em Arial, Sans-serif; color:#2aabe2;background-color:#333; background-image:none; letter-spacing:0; padding:0; padding:6px 13px; text-align:left;}
.menu1 ul ul li a:active {font-weight:normal;} /*Otherwise IE6 displays active state as bold*/
.menu1 ul ul li:hover {background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul li:hover ul li{background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul ul {visibility:hidden;position:absolute;height:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;}	
/*---------------------------------------------------------*/



/* HEADINGS
-----------------------------------------------------------*/
/*Page Titles*/
h1 {font:2.4em/42px Helvetica, Arial, Sans-serif; color:#0973ba; letter-spacing:-1px;  height:42px; background:url(../g/2010/template/bg_pagetitle.gif) no-repeat; padding-left:14px; margin-bottom:20px;} 

/*Sheet Titles*/
h2 {font:bold 1.4em Arial, Sans-serif; color:#542989; padding:10px 0 0 10px;}
h2.title-welcomesheet {font:bold 1.4em Arial, Sans-serif; color:#542989; margin:0; padding:0;}

/*Strap Titles*/
h3 {font:bold 1em Arial, Verdana, Sans-serif; color:#666; padding-left:10px;} 

/*Panel Titles*/
h4 {font:bold 1.2em/31px Arial, Sans-serif; color:#fff;  height:31px; padding-left:10px; background:url(../g/2010/template/panel_powerbars_t.jpg) no-repeat; }
h4.homepagepanel {font:bold 1.2em/31px Arial, Sans-serif; color:#fff;  height:31px; margin:0; padding-left:10px; background:url(../g/2010/template/panel_homepage_t.jpg) no-repeat; }  
/*---------------------------------------------------------*/



/* SHEETS
-----------------------------------------------------------*/
/*Welcome Sheet*/
.welcomesheet {width:267px; height:208px; background:url(../g/2010/template/bg_welcomesheet.jpg) no-repeat; padding:20px 20px 0 212px; margin-bottom:20px;}

/*Bordered Sheet (Default)*/
.sheet_1border {margin-bottom:20px;background-color:#fff; position:relative;}
.sheetbody_1border { background-color:#fff; padding:10px;}
.leftsheet {float:left; width:269px;}
.rightsheet {float:left; width:270px; margin-left:15px; }
.t { width:100%; background:transparent url(../g/2010/template/sheet_t.gif) repeat-x top;}
.b {background:transparent url(../g/2010/template/sheet_b.gif) repeat-x bottom;}
.l {background:transparent url(../g/2010/template/sheet_l.gif) repeat-y left;}
.r {background:transparent url(../g/2010/template/sheet_r.gif) repeat-y right;}
.bl {background:transparent url(../g/2010/template/sheet_bl.gif) no-repeat scroll 0 100%; }
.br {background:transparent url(../g/2010/template/sheet_br.gif) no-repeat scroll 100% 100%;}
.tl {background:transparent url(../g/2010/template/sheet_tl.gif) no-repeat scroll 0 0; }
.tr {background:transparent url(../g/2010/template/sheet_tr.gif) no-repeat scroll 100% 0; padding:10px;}
.bg {background-color:#fff;}
.clear_all{margin:0; padding:0; line-height:0px;}
/*---------------------------------------------------------*/



/* PANELS
-----------------------------------------------------------*/
/* Graphical Panels in Powerbars */
.panelbody {background-color:#fff; padding:10px 10px 0 10px;}
.panelbody P {margin:0; padding:0;}
.panelbottom {height:20px; background:url(../g/2010/template/panel_powerbars_b.jpg) no-repeat; margin-bottom:20px;}

/* Graphical Panels on Homepage */
.panel_2_left {float:left; width:237px;}
.panelbody2_left {background-color:#fff; padding:10px 10px 0 10px;}
.panelbody2_left P {margin:0; padding:0;}
.panelbottom2_left {height:20px; background:url(../g/2010/template/panel_homepage_b.jpg) no-repeat; }

.panel_2_right {float:left; width:237px; margin-left:24px;}
.panelbody2_right {background-color:#fff; padding:10px 10px 0 10px;}
.panelbody2_right P {margin:0; padding:0;}
.panelbottom2_right {height:20px; background:url(../g/2010/template/panel_homepage_b.jpg) no-repeat; }
/*---------------------------------------------------------*/



/* FOOTER
-----------------------------------------------------------*/
ul#footer {width:920px; height:90px; margin:0; padding:0; text-align:left; background:url(../g/2010/template/bg_footer.jpg) no-repeat; padding-left:40px;} 
ul#footer li {list-style:none; display:inline;  color:#fff;  padding:0 2px 0 2px; margin:0;  font:1em Arial, Verdana, Sans-serif;}
ul#footer li a{color:#fff;  text-decoration:none; padding:0;  font:1em/90px Verdana, Sans-serif;}
ul#footer li a:visited{color:#fff; text-decoration:none; padding:0;}
ul#footer li a:hover{color:#542989; text-decoration:none; padding:0;}
ul#footer li a:active{color:#fff; text-decoration:none; padding:0;}
/*---------------------------------------------------------*/



/* EZONE
-----------------------------------------------------------*/
.ez_header {font:bold 1.5em Arial, Sans-serif; color:#fff;}
.ez_po_header {font:bold 1.3em Arial, Sans-serif; color:#fff;}
/*---------------------------------------------------------*/