/* Home page CSS */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-pushpull.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* body {background-color: #c8cdd8;}	  */	
body {background: url(Pictorial/DSCN9709_5.jpg);}	
 
#logo {position: relative; top: 8px; margin-left: 3.6%;margin-top: 0%;}	
#company_name {position: relative; top: 0%; text-align: right; margin-right: 4.9%; margin-top: -3.6%; margin-bottom: 15px;}

.main_container {position: relative; margin: 0 auto; width: 1280px; background-color: #dbe4ed; font-color: #fff;}



/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$ MAIN DROPLINE MENU: $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

.menu_container {width: 990px; height: 110px; padding-top: 0px; background: url(Pictorial/blue_chart7.png); position: relative; margin: auto; margin-top: 5px;} 	
.menu {margin: 0 auto; margin-right: 20px; position: relative; overflow: hidden; z-index: 30; width: 940px; height: 100px;} 
.menu {list-style: none;}	
.menu ul {position: absolute; padding: 0; margin: 0; list-style: none; left: 0; bottom:0;}	
.menu div {position: absolute; left: 20px; height: 0; width: 965px;}
.menu li {float: left; margin-top: 10px;}	
.menu li.right {float: right;}   
.menu li.right ul {left: auto; right: 0px;}
.menu li.right ul li { float: right;}	

.menu a {position :relative; display: block; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; padding: 0 10px; text-decoration: none; outline: 0;}
.menu a.mainLine {z-index: 6; margin-bottom: 120px; text-decoration: none;}

.menu ul a {height: 24px;top: 24px; line-height: 32px; text-decoration: none;} 
.menu ul a.right  {height: 24px; top: 24px; float: right; font-size: 17px; line-height: 32px;} 
.menu ul a.indent {padding: 0 0px;} 
.menu ul a.indent1 {padding: 0 -20px;}
.menu ul a.indent2 {padding: 0 40px;}   
.menu ul a.indent3 {padding: 0 60px;} 
.menu ul a.indent4 {padding: 0 30px;}

.menu a.mainLine {color: #fff8b8;} 						/* $$$$$$ COMMENT: Mainline font color 		        $$$$$$$$$$$$ */
.menu ul a {color: #ffffe7; font-size: 1.2em;}					/* $$$$$$ COMMENT: Bottomline font color                $$$$$$$$$$$$ */
.menu a.mainLine:hover {margin-bottom: 0px; color:#00ff60; font-size: 1.4em;} 	/* $$$$$$ COMMENT: Mainline hover color when cursor on mainline $$$$ */ 
.menu li:hover > a {color:#ffe0a0; font-size: 1.4em;}				/* $$$$$$ COMMENT: Mainline hover color when cursor on bottomline $$ */
.menu ul a:hover {padding-bottom: 120px; color:#faf400;}			/* $$$$$$ COMMENT: Bottomline hovercolor when cursor on bottomline $ */

	
/* %%%%%%%%%%%%%%% end of main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* OLD VERSION OF MENU: */

/*.menu a.mainLine {color: #ffe8b8;} 	*/			/* $$$$$$ COMMENT: Mainline font color 		        $$$$$$$$$$$$ */
/*.menu ul a {color: #f7d0c7;}		*/			/* $$$$$$ COMMENT: Bottomline font color                $$$$$$$$$$$$ */
/*.menu a.mainLine:hover {margin-bottom: 0px; color:#ffffcc;}*/	/* $$$$$$ COMMENT: Mainline hover color when cursor on mainline $$$$ */ 
/*.menu li:hover > a {color:#ffe0a0;}	*/			/* $$$$$$ COMMENT: Mainline hover color when cursor on bottomline $$ */
/*.menu ul a:hover {padding-bottom: 120px; color:#faf400;}*/	/* $$$$$$ COMMENT: Bottomline hovercolor when cursor on bottomline $ */	

/* end of main menu */



/* Text formatting: */

h2 {font-family: "Arial"; color: #000000; text-align: center; font-size: 1.7em; /*background-color: #dbc4bb; */
/*margin: 0px; margin-right: 10em;*/ margin-bottom: 50px;  padding: 0em; border-style: solid; border-width: 0px; 
border-left-width: 0px; border-right-width: 0px; border-color: #82a0d0; width: 86%; position: relative;
line-height: 130%;}

h6 {font-family: "Arial"; color: #404020; text-align: center; font-size: 1.0em; background-color: #cbcbdb; margin: 1.0em; /*margin-right: 20em;
	margin-left: 15em; */ padding: 0em; border-style: solid; border-width: 2px; border-left-width: 2px; border-right-width: 2px;
	border-color: #2200f0; width: 20%; float: left;}

h5 {font-family: "Arial"; color: #404020; text-align: center; font-size: 1.0em; background-color: #cbcbab; margin: 10px; /*margin-right: 20em;*/
	margin-left: 15em;  padding: 0em; border-style: solid; border-width: 2px; border-left-width: 2px; border-right-width: 2px;
	border-color: #2200f0; width: 20%; position: relative;}	 
	
h7 {font-family: "Arial"; color: #202020; font-style: italic; font-weight: bold; text-align: left; font-size: 1.6em; background-color: #cbdfef; 
	margin: 20px; /*margin-right: 20em;*/
	margin-left: 0em;  padding: 0.1em; border-style: solid; border-width: 0px; border-left-width: 0px; border-right-width: 0px;
	border-color: #2200f0; width: 20%; position: relative; line-height: 160%;}	 
	
h10 {font-family: "Arial"; color: #404020; text-align: center; font-size: 1.5em; /*background-color: #cbcbab; *//*margin: 0px; margin-right: 20em;*/
	margin-bottom: 50px;  padding: 0em; border-style: solid; border-width: 0px; border-left-width: 0px; border-right-width: 0px;
	border-color: #2200f0; width: 20%; position: relative;}
h1 {font-family: Arial, Helvetica, sans serif; font-size: 16px; font-style: normal;}

strong {  font-family: Sans-serif; font-size: 1.15em; font-weight: bold; font-style: italic; color: #406ac8;}



#foot {text-align: right; margin-right: 4%;font-size: 9pt;}


/* #columns .column {position: relative; width: 42.2%; padding: 1.4%; border: solid 1px #fff; margin-top:2%; background-color: #ffffff; font-family: Sans-serif; font-size: 12pt; line-height: 140%;} */
#columns .column {position: relative; padding: 1.4%; border: solid 1px #fff; margin-top:2.4%; background-color: #fbfbff; font-family: Sans-serif; font-size: 12pt; line-height: 140%;}  

#columns .left {float: left; margin-left: 3.8%; margin-right: 1.5%; width: 46%}

#columns .right {float: left; position: relative; margin-right: 2%; margin-left: 1.5%; width: 38%}	


#columns .column {height: 900px; } 
 
	
#col .col {position: relative; width: 89%; padding: 1.4%; border: solid 1px #888; margin-top:2%; background-color: #f7f0ff;
	font-family: Sans-serif; font-size: 11pt;}
#col .left {float:left; margin-left: 3.9%; width: 89%; padding: 1.4%; border: solid 1px #888; margin-top:2%; background-color: #f7f0ff;
	font-family: Sans-serif; font-size: 11pt;}
#col .left-ESB {float:left; margin-left: 3.9%; width: 89%; height: 1000px; padding: 1.4%; border: solid 1px #888; margin-top:2%; background-color: #f7f0ff;
	font-family: Sans-serif; font-size: 11pt; background: url(Pictorial/100_0712_2.jpg);}
#col .left-tower {float:left; margin-left: 3.9%; width: 89%; height: 1000px; padding: 1.4%; border: solid 1px #888; margin-top:2%; background-color: #f7f0ff;
	font-family: Sans-serif; font-size: 11pt; background: url(Pictorial/100_2478_4.jpg);}

/*#col .left {/*margin: auto;*/}*/

#col .right {float: left; position: relative; margin-right: 2%; margin-left: 1%;}	 
    	
#inlineImgLeft	{position: relative; margin-right: 10px; float: left;}	
#inlineImgRight	{position: relative; margin-left: 10px; float: right;}


/* Menu table on Home page: */

#mainpoints	{font-size: 14pt; font-family: Arial, Helvetica, sans serif; font-color: #f0efff; font-weight: bold; position: relative; }
 
a:link {color: #6a80c4; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #404090; text-decoration: underline; }
a:hover {color: #b060b0; text-decoration: none; } 
	

.paper-list li {font-size: 1em; /*margin: 1em; */}