/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
}

body {
margin:5px auto 0px auto;
height:auto;
font: 400 0.7em verdana, arial, sans-serif;
background-color: #e5f2f5;
color: #909090;
background-image: url('../images/back.gif');
background-repeat: repeat-x;
}

p{
font-size:1.1em;
line-height:1.5em;
margin:5px 5px 10px 5px;
color:#002200;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

img { 
behavior: url(iepngfix.htc);
}

#wrapper{
margin:0 auto 0 auto;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}

#content{
background-color: #FFFFFF;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
padding: 10px;
overflow: hidden;
text-align: center;
}

/* header */
#header {
position: relative;
height: 50px;
width: 800px;
margin: 0 auto;
background-color: #FFFFFF;
margin: 0;
overflow: hidden;
}

#header .logo{
padding: 10px;
float: left;
}

#header .banner{
float: right;
padding: 15px;
margin: 22px 0px;
}

#header .headimg {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 1.5em 1em 0 0 !important;
  margin: 1.5em 0.5em 0 0;
  padding: 0;
  float: center;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  padding: 0 1.5em 0 4px;
  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #3B5D77;
  text-decoration: none;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #B0B0B0;
}


#country ul {
margin: 0;
padding: 0;
float: center;
}

#country ul li {
display: inline;
list-style: none;
padding: 0 10px;
}
#country2 ul li {
display: inline;
list-style: none;
padding: 0 10px;
width: 62px;
}

.countrylink{
display: inline;
width: 62px;
height: 80px;
text-decoration: none; 
padding: 0px;
margin: 0px;
overflow: hidden;
}



/* content */
#c-left{
width: 196px;
padding: 2px;
}

#c-left table{
padding: 0 0 20px 0;
margin: 0 0 20px 0;
border-collapse: collapse;
}

#c-left table a{
font-size: 1.2em;
font-weight: bold;
padding-left: 4px;
border-left: 3px solid #D3D3D3;
}

#c-left #active_menu{
display: block;
padding: 2px;
width: 160px;
background-color: #BCBCBC;
color: #F4F4F4;
}

#c-right{
width: 576px;
padding: 2px;
}


/* width */
.width{
width: 800px;
}

.left{
float: left;
}

.right{
float: right;
}

/* Footer */

.foot-div {
height:80px;
}

.foot-font {
font-size:.8em;
color:#330000;
text-align:center;
padding:1em 0 1em 0;
}

.foot-font a{
color:#002200;
font-weight:bold;
}