/*Author Name: Piotr Chamera, based on work of Hendrawan aka Kodokhunt - http://kodokhunt.blogsome.com - (layout) and Ian Main - e-lusion.com - (menu)
  */


/*---------------|||||||||||Global------------------------------------------------------*/
	
body 
{
  width: 100%;	
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #f0f3f5;
  }

p, ul, ol, table {
margin-left:15px;
}

p, li, td, th 
{ 
  color: #336699;
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  line-height: 1.6em;
  }

.note { 
  font-size: 10px;
 }

h1, h2, h3, h4 
{ 
  color: #003366;
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  line-height: 1.6em;
  }

h2 
{
  font-size: 20px;
  padding-left: 15px;
  padding-bottom: 0px;
  background: url('images/h_line.gif') repeat-x left bottom;
  }
	  
h2 em, h2 b
{
  font-style: normal;
  font-weight: normal;
  color: #ff9900;
  }
	  
h3 
{
  font-size: 14px;
  font-weight:bold;
}
	  
h4 {
  font-size: 11px;
  font-weight:bold;
}
	  
a 
{
  color: #6699cc;
  text-decoration: none;
  font-weight: bold;
  }

a:hover 
{
  color: #336699;
  font-weight: bold;
  text-decoration: underline;
  }

a img
{
  border: none;
}

em, i
{ 
  font-style: italic;
  }

strong, b
{ 
  font-weight: bold;
  }
	
hr 
{
  margin: 12px 0px;
  border: 0px none #336699;
  border-bottom: 1px dotted #336699;
  height: 0px;
  background: none;
}
	  
img 
{
  padding:5px;
  margin: 0px 0px 0px 0px;
  background-color: #fff;
  border: 1px solid #336699;
}

table 
{
  width: 723px;
  background-color: #fff;
  border-collapse: collapse;
  border: 1px solid #336699;
  }

table.naturalwidth
{
  width: auto;
}

th, td 
{
  padding:2px 4px;
  margin: 0px 0px 0px 0px;
  background-color: #fff;
  border: 1px solid #336699;
  }

th
{ 
  background-color: #f0f3f5;
 }

form 
{
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  font-size: 11px;
  text-align: right;
  }
		
input 
{
  background-color: #f0f3f5;
  color: #336699;
  border: 1px solid #336699;
  font-size: 11px;
  padding: 3px;
  }
		
form .button 
{
  margin-top: 5px;
  padding: 2px;
  background-color: #f0f3f5;
  color: #336699;
  border: 1px solid #336699;
  font-size: 11px;
  }
  
.box2-wrap
{ 
  float:left;
  width:370px; 
  border-right: 1px dotted #336699;
  margin: 0px;
  padding:0px;
  margin-bottom:10px;
}

.box-wrap
{ 
  float:left;
  width:360px; \* 246 *\
  margin: 0px;
  padding:0px;
  margin-bottom:10px;
}

.box-light, .box-dark
{ 
  padding: 5px 30px;
 }

.box-wrap h2
{ 
  margin-top: 2px;
}

.box-dark { 
  background-color: #f0f3f5;
 }

.box-light { 
background-color: #fff;
 }

.slide-box {
margin-top: 45px; 
margin-left: 30px; 
margin-bottom: 30px; 
float: left;
display:inline;
}

#slide {
width:170px;
height:170px;
}


/*---------------Container------------------------------------------------------*/

#container 
{
  width: 760px;
  margin: 0px auto;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: center;
  color: #336699;
  background-color: #fff;
  }
	  
/*---------------Header-------------------------------------------------------------------*/

#top 
{
  position: relative;
  clear: both;
  width: 760px;
  height: 83px;
  margin: 0px;
  padding: 0px;
  background:url(images/top_bg.png) no-repeat;
  }
	  
#header 
{
  width: 760px;
  height: 215px;
  clear: both;
  background:url(images/header.jpg) no-repeat;
  }
	  
#header p 
{ 
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  visibility: hidden;
  display: none;
  }
	  	
#header h1 
{
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  visibility: hidden;
  display: none;
  }
	  
#header a 
{
  color: #6DA6E2;
  text-decoration: none;
  }

#header a:hover 
{
  color: #999;
  }

#logo 
{ 
  position: absolute;
  left: 60px;
  bottom: 0px;
  padding: 0px;
  height: 75px;
  border: none;
  background: none;
 }

/*---------------Menu-------------------------------------------------------------------*/

/* Root = Horizontal, Secondary = Vertical */
ul#menu {
  position: relative;
  clear: both;
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  width: 760px;
  height: 35px;
  color: #003366;
  background: url(images/menu_bg.png) repeat-x left top;
\*  overflow: hidden; *\
}

ul#menu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 35px;
  text-align: center;
  border-right: 1px dotted #a77b26;
}

ul#menu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  width: 120px;
  top: 35px;
  left: 0;
}

ul#menu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  border-right: 0px none;
  border-top: 1px solid #fff;
}

/* Root Menu */
ul#menu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  text-decoration: none;
/*  height: auto !important; 
  height: 100%; *//*For IE*/
  background-color: #da901f;
  background: url(images/menu_item.png) 0px 0px repeat-x;
  width: 120px;
  padding: 8px 5px 8px 5px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #003366;
  }

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
  background-color: #da901f;
  background: url(images/menu_item.png) 0px -49px;
}

/* 2nd Menu */
ul#menu2 {
  width: 120px;
}

ul#menu li li a {
  width:120px;
  text-align: center;
}

ul#menu li:hover li a,
ul#menu li.iehover li a {
  float: none;
  background-color: #da901f;
  background: url(images/menu_item.png) 0px 0px;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
  background-color: #da901f;
  background: url(images/menu_item.png) 0px -49px;
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
  background: #EEE;
}

/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
  background: #CCC;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
  background: #EEE;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
}

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}


/* ---------------- top menu ---------------------------------------------------- */

#topmenu
{
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 0;
  margin-left: auto;
  padding: 0;
  list-style: none;
  clear: both;
  }
	
#topmenu li 
{
  float: right;
  display: block;
  width: 86px;
  height: 29px;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  }

#topmenu li a 
{
  height: 25px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  height: 25px;
  text-decoration: none;
  padding: 5px 3px 5px 3px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}	
	
#topmenu li a:link, #topmenu li a:visited 
{
  color: #336699;
  display: block;
  background: url(images/topmenu_off.png) no-repeat left top;
}
	
#topmenu li a:hover 
{
  color: #003366;
  background: url(images/topmenu_on.png) no-repeat left top;
  }
	
#topmenu li a:active 
{
  color: #003366;
  background: url(images/topmenu_on.png) no-repeat left top;
  }
	    
/* --------------- Content ------------------------------------------------*/

#content-wrap 
{
  width: 760px;
  margin: 0px;
  background: url('images/menu_shadow.png') repeat-x left top;
  background-color: #fff;
  }
		
#content 
{
  margin: 0px;
  padding: 10px;
  font-family: Verdana, Arial, Helvetica, sansserif, serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: left;
  color: #336699;
  background-color: #fff;
  background: url('images/menu_shadow.png') repeat-x left top;
  }

/* ---------------Sidebar------------------------------------------*/

#sidebar 
{
  float:right;
  width: 200px;
  padding: 15px 0px;
  margin: 0px;
  }
		
#sidebar2 
{
  }
		
#sidebar p 
{
  padding-bottom: 10px;
  }
	  
#sidebar p.item 
{
  font-size: 14px;
  font-weight: normal;
  color: #003366;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  }
	  
#sidebar p.item img 
{
  padding-right: 10px;
  vertical-align: -10px;
  }
	  
#sidebar p.item a
{
  font-weight: normal;
  }
	  
#sidebar h2 
{
  color: #003366;
  font-size: 16px;
  padding-left:15px;
  background:url(images/arrow.gif)no-repeat bottom left;
  font-weight:bold;
  border-bottom: 1px solid #ddd;
  font-family: Georgia, Times New Roman, Times, serif;
  }
	  
#sidebar img.thumb 
{
  padding:5px;
  margin: 18px 0px 10px -1px;
  background-color: #fff;
  border: 1px solid #aaa;
  /* width: 180px;
  height: 160px; */
  }
	  
/*---------------Footer-----------------------------------------------*/

#footer-wrap
{
  clear: both;
  margin: 0px;
  padding: 0px;
  background-color: #d8e5db;
  background-image: url(images/footer_bg.png);
  background-repeat: repeat-x;
  background-position: top left;
}

#footer 
{
  padding: 5px 10px 5px 10px;
  font-size:10px;
  text-align: center;
  }
		
#bottom-wrap
{
  clear: both;
  margin: 0px;
  padding: 0px;
  background: url(images/footer_shadow.png) repeat-x top left;
}

#bottom 
{
  margin: 0px;
  padding: 10px 10px 5px 10px;
  font-size:10px;
  text-align: center;
  }
		
#footer p, #bottom p
{
  color: #336699;
  margin: 8px 0px 0px 0px;
  text-align: center;
  }
		
#footer p a, #bottom p a
{
  color: #6699cc;
  font-weight:100;
  border-bottom: 1px dotted #6699cc;
  }
		
#footer p a:hover, #bottom p a:hover 
{
  color: #336699;
  text-decoration: none;
  border-bottom: 0px dotted #336699;
  }