@charset "utf-8";
/* CSS Document */

* { 
 margin: 0; 
 padding: 0; 
} 

html, body { 
 text-align: center;
 width: auto !important;      /* for modern browsers */
 width: 100%;                /* for IE5.x and IE6   */
 min-width: 700px;            /* for modern browsers */
 height: 100%;
 background: #333333;
 font: 12px "Arial", Verdana, san-serif; 
 line-height: 120%;
 color: #333333; 
 margin-left: auto;
 margin-right: auto;
} 

#container {
   min-height: 100%;
   margin-bottom: -50px;
   position: relative;
}

#wrapper {
  background: #ffffff url(../images/interface/gradient_slice_1x679.jpg) repeat-x; 
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


#head-bar {
	width: 100%;
	height: 88px;
	background:url(../images/interface/headbar_slice_1x88.jpg) repeat-x;
	
}

#head-bar-content {
	width: 700px;
	height: 88px;
	margin-left: auto;
    margin-right: auto;
}

#logo {
	float:left;
	margin-top:10px;
}

#header-contact {
	float:right;
	margin-top:28px;
	margin-right: 10px;
	text-align:right;
	font: 15px "Arial", Verdana, san-serif;
	color:#CCCCCC;
	
}

#header-contact a, a:visited { 
 font: 11px "Arial", Verdana, san-serif; 
 color: #bec0a3;
 font-style: none;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
} 

#header-contact a:hover {
 font: 11px "Arial", Verdana, san-serif; 
  color: #bec0a3;
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
}  






#page-wrapper {
  text-align: center;
  width: 700px;
  background-color:#ffffff;
  margin-left: auto;
  margin-right: auto;
  height: auto !important;      /* for modern browsers */
  height: 600px;                /* for IE5.x and IE6   */
  min-height: 600px;            /* for modern browsers */
}

#top-space {
  text-align: center;
  width: 700px;
  height: 290px;
  background-color:#333333;
  margin-left: auto;
  margin-right: auto;
}

#mid-line {
	background: #333333;
    width: 700px;
	height: 8px;
    padding: 0;
    margin-top: 0;
	margin-left: auto;
    margin-right: auto;
}


#content-cols {
  background:#ffffff;	
  text-align: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  }


#left-col {
	background:#ffffff;	
    width: 128px;
    padding: 0;
    margin-top: 0;
	float:left
	
}

#menu-box {
	background:#333333;	
    width: 128px;
    margin-top: 0px;
	padding-bottom:25px;
	
}

#menu {
	background:#333333;	
	width: 128px;
    padding: 0px;
    text-align:right;
	
		
}

#menu a, a:visited { 
 font: 12px "Arial", Verdana, san-serif; 
 color: #ffffff; 
 font-style: none;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
 padding-right:14px;
} 

#menu a:hover {
 font: 12px "Arial", Verdana, san-serif; 
 color: #ffffff; 
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
 padding-right:14px;
}  

#sublinks {
	background-color:#bec0a3;
	
	
}


#sublinks a, a:visited { 
 font: 11px "Arial", Verdana, san-serif; 
 color: #333333; 
 font-style: none;
 font-weight: none;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
 } 

#sublinks a:hover {
 font: 11px "Arial", Verdana, san-serif; 
 color: #333333; 
 font-style: italic;
 font-weight: none;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
} 



#right-col {
	background:#ffffff;	
    width: 572px;
    padding: 0;
    margin-top: 0;
	float:left;
	margin-left:128;
	
}

#title-area {
	background:#bec0a3;	
    width: 572px;
	height: 55px;
    padding: 0;
    margin-top: 0;
}

#titles {
	float:left;
	margin-left:15px;
	margin-top:20px;
}

h1 { 
 font: 15px "Arial", Verdana, san-serif;
 font-weight: bold;
 color: #333333; 
 text-align: left;
 } 
 
 h2 { 
 font: 14px "Arial", Verdana, san-serif;
 font-weight: bold;
 color: #333333; 
 text-align: left;
 } 


#sub-cols {
  background:#ffffff;	
  text-align: center;
  width: 572px;
  margin-left: 128;
  }


#left-sub-col {
	background:#ffffff;	
    width: 402px;
    padding: 0;
    margin-top: 0;
	float:left;
	}


#content-area {
	background:#ffffff;	
    width: 377px;
    padding: 0;
    margin-top: 15px;
	margin-left: 15px;
	margin-right: 10px;
	text-align:left;	
	line-height: 120%;
	
}

.ul
{
list-style-type: square;
padding: 0px;
margin-left: 25px;
}

.ol
{
padding: 0px;
margin-left: 25px;
}


.btn {
 color: #868e00;
 font-weight: bold;
 background: #ffffff; 
 border: 2px solid #868e00;
 padding: 2px;
 cursor: hand;

}

.btn2 {
 color: #666666;
 background: #ffffff; 
 border: 2px solid #999999;
 padding: 2px;
 cursor: hand;

}



#content-area a, a:visited { 
 font: 12px "Arial", Verdana, san-serif; 
 color: #868e00; 
 font-style: none;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
} 

#content-area a:hover {
 font: 12px "Arial", Verdana, san-serif; 
 color: #868e00; 
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
}  


#select-lang a, a:visited { 
 font: 12px "Arial", Verdana, san-serif; 
 color: #868e00; 
 font-style: none;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
} 

#select-lang a:hover {
 font: 12px "Arial", Verdana, san-serif; 
 color: #868e00; 
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
}  




#right-sub-col {
	background:#ffffff;	
    width: 170px;
    padding: 0;
    margin-top: 0;
	float:left;
	margin-left:530;
	
}

#right-sub-col a, a:visited { 
 font: 12px "Arial", Verdana, san-serif; 
 color: #868e00; 
 font-style: none;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
} 

#right-sub-col a:hover {
 font: 12px "Arial", Verdana, san-serif; 
 color: #868e00; 
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
}  

img.side {
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.clearfooter {
   height: 50px;
   clear: both;
}

#foot-bar {
   height: 50px !important;      /* for modern browsers */
   height: 50px;                /* for IE5.x and IE6   */
   min-height: 50px;            /* for modern browsers */
   width:100%;
   background:#333333;
   position: relative;
}

#foot-bar-content {
	width: 700px;
	height: 50px;
	margin-top: 25px;
	margin-left: auto;
    margin-right: auto;
	font: 11px "Arial", Verdana, san-serif;
	color:#FFFFFF;
}

#foot-bar-content a, a:visited { 
 font: 11px "Arial", Verdana, san-serif; 
 color: #ffffff; 
 font-style: none;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
} 

#foot-bar-content a:hover {
 font: 11px "Arial", Verdana, san-serif; 
 color: #ffffff; 
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 visibility: visible;
 line-height: 150%;
}