/* 
    Document   : main.css
    Created on : Apr 29, 2009, 2:54:46 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
  border:0;
  padding:0;
  margin:0;
  background: url(../images/background.png) repeat-x #f2f7fc;
  font-family: Gulim;
  font-size:12px;
  line-height:20px;
}


#full {
position:absolute;
top:0;
  width:916px;
}

#hjm_overlay {
  position:relative;
  overflow:hidden;
  background: url(../images/hjm_overlay.png) no-repeat;
  width: 127px;
  height: 284px;
  top:0px;
	left:-65px;
	z-index:1000;
  padding: 355px 0 0 13px;
}

a
{color:#000066;}



p
{
margin-bottom:20px;
}


#overlay {
  position:relative;
  overflow: hidden;
  background: url(../images/main_overlay.png) no-repeat;
  width: 408px;
  height: 155px;
  z-index:1000;
	top:200px;
	left:480px;
}


.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

#blendme
{
  width: 910px;
  height: 603px;
	z-index:-11;
	top:10px;
	left:10px;
	overflow:hidden;
}

#blendme img
{
  width: 910px;
  height: 603px;
}


#wrapper {
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:916px;

}

#header{
  display:block;
  margin:0;
  margin-top:20px;
  padding:0;
  border:0;
  height:60px;
  width:363px;
  overflow:hidden;
}

#navigation{
  margin:10px 0 10px 0;
  border:0;
  padding:0;
  overflow:hidden;
}

ul#navlist {
  margin-left:0;
  padding-left:0;
  margin-top:0;
  margin-bottom:0;
  white-space:nowrap;
}

#navlist li {
  float:left;
	margin-left:2px;
  padding:0;
  display:block;
  list-style-type:none;
  float:left;
  overflow:hidden;
}

#navlist a {
  display:block;
  positon:relative;
  float:left;
  width:151px;
	height:28px;
  vertical-align:middle;
	overflow:hidden;
}

#navlist a span{
visibility:hidden;overflow:hidden;
}

#menu1
{
background-image: url(../images/menu1.gif);
z-index:1;
}

#menu2
{
background-image: url(../images/menu2.gif);
z-index:1;
}

#menu3
{
background-image: url(../images/menu3.gif);
z-index:1;
}


#menu4
{
background-image: url(../images/menu4.gif);
z-index:1;
}

#menu5
{
background-image: url(../images/menu5.gif);
z-index:1;
}

#menu6
{
background-image: url(../images/menu6.gif);
z-index:1;
}


#navlist #first{
  margin-left:0;
}

#navlist a:link, #navlist a:visited {
  background-color:#e7f5ff;
  color: #0588cb;
  text-decoration:none;
  text-align:center;
	font-size:13px;
	font-family:Dotum;	height:28px;
	overflow:hidden;
}

#navlist a:hover, #navlist .active a:visited, #navlist .active a:link {
  color: #e7f5ff;
  text-decoration:none;
  background-color: #0588cb;
	background-position:0 -28px;	height:28px;	overflow:hidden;
}

#main {
  padding:0;
  width:910px;
  border: #0588cb solid 3px;
  overflow:hidden;
	background: #e9f3fa;	
}

#left {
  width: 300px;
  float:left;
  margin:0;
  padding:0;
  border:0;
	background: #e9f3fa;
}

#topleft {
  margin-top:25px;
  float:left;
  background: url(../images/grape.png) no-repeat;
  width:265px;
  height:212px;
}

#bottomleft {
  overflow:hidden;
  width: 226px;
  height: 186px;
  padding-bottom: 40px;
  margin-left: 40px;
}

#bottomleftb {
  overflow:hidden;
  width: 226px;
  height: 111px;
  margin-left: 40px;
  margin-top: 4px;	
}


#content {
  color: #0588cb;
  margin:0;
  border:0;
  padding: 40px;
  background: #fff;  
	width: 520px;
	min-height:550px;
	float:right;
	overflow:hidden;
}

h2 {
  font-size:15px;
  color:#006396;
  padding-bottom:5px;
  padding-top:15px;	
  font-family: Dotum;	
}

h1 {
  margin-top:0px;
  padding-bottom:20px;	
  font-size:25px;
  color:#9a0051;
	font-family:Dotum;
  font-weight:bold;
	line-height:30px;
}


h1 span
{
visibility:hidden;
}



#title1{background: url(../images/titre1.gif) no-repeat;}
#title2{background: url(../images/titre2.gif) no-repeat;}
#title3{background: url(../images/titre3.gif) no-repeat;}
#title4{background: url(../images/titre4.gif) no-repeat;}
#title5{background: url(../images/titre5.gif) no-repeat;}
#title6{background: url(../images/titre6.gif) no-repeat;}

#content ul {
  padding-top: 15px;
  padding-bottom: 5px;
  background-color: #d7ebf6;
  list-style-position:inside;
  margin-left:0em;
  padding-left:1em;
  padding-right:1em;
  margin-bottom:30px;
}

#content li {
  margin-bottom:15px;
}

#content blockquote {
 color:#9a0051;
 font-family:Dotum;
 font-weight:bold;
 font-size:14px;
 margin:0;
 padding:0;
}

.left_1 {
  background: url(../images/left_1.jpg) no-repeat 5px 0px;
}

.left_2 {
  background: url(../images/left_2.jpg) no-repeat 5px 0px;
}

.left_3 {
  background: url(../images/left_3.jpg) no-repeat 5px 0px;
}

.left_4 {
  background: url(../images/left_4.jpg) no-repeat 5px 0px;
}

.left_5 {
  background: url(../images/left_5.jpg) no-repeat 5px 0px;
}

.small {
  font-size:11px;
}

#next {
  width:910px;
  height: 603px;
  z-index:-11;
}



.clear {
  clear:both;
  display:block;
  height: 1px;
  overflow:hidden;
  margin:0;
  padding:0;
}

#copyright {
  font-size:11px;
  color:#0588cb;
  float:left;
  margin-top: 10px;
  margin-bottom: 15px;
}

#footerlogo {
  float:right;
  margin-top:5px;
}
img.float
{
float:left;
margin:5px 20px 10px 0;
}