body{
  margin: 0px;
  font-family: 'Verdana', 'Arial', 'Trebuchet MS';
  font-size: 11px;
  background: #000000 url('images/back.gif') top repeat-x;
}

a, a:link{
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #000000;
	font-weight: bold;
}

a:visited{
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #CC0000;
	font-weight: bold;
}

a:active{
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #000000;
	font-weight: bold;
}

a:hover{
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #CC0000;
	font-weight: bold;
}


h1{
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000000;
	margin-bottom: 2px;
}
#loog {
margin-top:20px;
font-size:10px;
color:#838383;
font-weight:normal;
}
#loog a{
font-size:10px;
color:#838383;
font-weight:normal;
}
#loog a:hover{
font-size:10px;
color:#999999;
font-weight:normal;
}


#hog {
font-size:10px;
font-weight:normal;
color:#838383;
}
#hog td div a{
color:#838383;
font-size:10px;
font-weight:normal;
}
#hog td div a:hover{
font-size:10px;
color:#999999;
}

h2{
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	font-weight: normal;
	margin-top: -1px;
}
h2.n{
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000000;
	font-weight:bold;
	margin-bottom: 2px;
	margin-top: -1px;
}

h3{
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #000000;
	margin-bottom: 2px;
	font-weight: bold;
}

h4{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	margin-bottom: 2px;
	font-weight: bold;
	line-height: 15px;
	background-color: #E8E8E8;
	padding: 5px;
}


h5{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 1px;
}
blockquote {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
	padding-left: 7px;
	border-left-width: 1px;
	padding-right: 7px;
}
strong {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

h6{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 2px;
}


/* ~~ COLORS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bur{
  color:#651f8b;
}
.yel{
  color:#f2ae1b;
}
.red{
  color:#dd3f32;
}
.grn{
  color:#007788;
}
/* ~~ FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form{
  margin: 0px;
  padding: 0px;
}

input.searchInput{
  border: 1px solid #ccc;
  margin: -5px 5px 10px 5px;
  height: 20px;
  float: left;
}
input.searchBtn{
	float: left;
	margin-top: -5px;
}


/*~~
  MAIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#main{
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
div#header{
  position:relative;
  width: 245px;
  height: 50px;
  padding: 40px 5px 2px 500px;
  background: url('images/main-back.gif') no-repeat;
}

div#header h1 a{
	border:1px;
    width: 229px;
    height: 50px;
	margin: 0;
	padding: 0;
    position:absolute;	
    top:30px;
	left:0px;
	display:block;
	text-indent: -9999px;
}

div#nav{
	width: 750px;
	color: #fff;
	background: #3f4749;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: -1px;
	padding-bottom: 0px;
	padding-left: -1px;
}
div#nav a{
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
div#nav ul{
  padding: 0px;
  margin: 0px;
}
div#nav li{
	list-style: none;
	display: inline;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#body{ /*~~ CHECK HOME SECTION FOR MORE ~~*/
  
}
div#footer{
  width: 750px;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px;
  text-align: right;
  color: #838383;
  border-top: 4px solid #3f4749;
}

div#footer a, div#footer a:link{
	color: #838383;
	text-decoration: underline;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	display: inline;
	text-decoration: underline;
	text-transform: none;
	list-style: none;
}

div#footer a:hover{
	color: #999999;
	list-style: none;
	font-family: "Trebuchet MS";
	text-decoration: underline;
	background-color: transparent;
	font-size: 11px;
	font-weight: normal;
}

.home{
	float: right;
	padding-top:15px!important;
	padding-top:0px;
	padding-left: 5px !important;
	padding-left: 0px;
}

div#legal{
	width: 740px;
	text-align: right;
	color: #838383;
	float: inherit;
	background: url('images/footer-logo.gif') right top no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
div#legal a{
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;	
}

/* ~~ HOME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#home_body{
  width: 750px;
  margin: 0px 0px 10px 0px;
  float: left;
}

div#home_intro_red{
  width: 421px;
  height: 90px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding: 110px 50px 27px 50px;
  background: url('images/home-intro-red.gif') no-repeat;
}

div#home_intro_gre{
  width: 421px;
  height: 90px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding: 110px 50px 27px 50px;
  background: url('images/home-intro-gre.gif') no-repeat;
}
div#home_intro_yel{
  width: 421px;
  height: 90px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding: 110px 50px 27px 50px;
  background: url('images/home-intro-yel.gif') no-repeat;
}
div#home_intro_blue{
  width: 421px;
  height: 90px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding: 110px 50px 27px 50px;
  background: url('images/home-intro-blue.gif') no-repeat;
}
div#home_intro_orange{
  width: 421px;
  height: 90px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding: 110px 50px 27px 50px;
  background: url('images/home-intro-orange.gif') no-repeat;
}
div#home_intro_bur{
  width: 421px;
  height: 90px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding: 110px 50px 27px 50px;
  background: url('images/home-intro-bur.gif') no-repeat;
}
div#home_image{
  width: 224px;
  height: 227px;
  float: left;
  background: url('images/home-image') no-repeat;
}
div#home_image img{
  width: 229px;
  height: 227px;
}
div#home_sections{
  width: 750px;
  float: left;
  margin-top: 10px;
  clear: both;
  font-family: 'Trebuchet MS';
}

div#home_sections a, div#home_sections a:visited{
	font-weight: bold;
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
}
div#home_sections a:hover, div#home_sections a:active{
	font-weight: bold;
	font-size: 11px;
	color: #E4E4E4;
}

/*@ GENERAL FOR EACH SEACTION @*/
div#educ_section .header, div#cafe_section .header, div#exhi_section .header, div#film_section .header{
  width: 165px;
  height: 25px;
  padding: 9px 0px 6px 0px;
  float: left;
  font-size: 1.6em;
  background: none;
}
div#educ_section .img, div#cafe_section .img, div#exhi_section .img, div#film_section .img{
  width: 165px;
  height: 70px;
  float: left;
  text-align: center;
  overflow: hidden;
}
div#educ_section .img img, div#cafe_section .img img, div#exhi_section .img img, div#film_section .img img{
  /* width: 165px;
  height: 79px;*/
  border: 0px;
}
div#educ_section .body, div#cafe_section .body, div#exhi_section .body, div#film_section .body{
  width: 165px;
  padding: 7px 0px; 
  float: left;
  font-size: 1.0em;
  color: #fff;
}
/*@ END @*/

div#educ_section{
  width: 165px;
  float: left;
  border-right: 30px solid #000;
  background: url('images/edu-sec-back.gif') top repeat-x;
}
    /*> EDUCATION SECTION <*/
    div#educ_section .header{
      color: #651f8b;
    }
       
div#cafe_section{
  width: 165px;
  float: left;
  border-right: 30px solid #000;
  background: url('images/caf-sec-back.gif') top repeat-x;
}
    /*> CAFE SECTION <*/
    div#cafe_section .header{
      color: #dd3f32;
    }
    
div#exhi_section{
  width: 165px;
  float: left;
  border-right: 30px solid #000;
  background: url('images/exh-sec-back.gif') top repeat-x;
}
    /*> EXIHIBITION SECTION <*/
    div#exhi_section .header{
      color: #f2ae1b;
    }
    
div#film_section{
  width: 165px;
  float: left;
  background: url('images/fil-sec-back.gif') top repeat-x;
}
    /*> FILM SECTION <*/
    div#film_section .header{
      color: #007788;
    }
    
/* ~~ INSIDE 2 COLS ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#i2_header_red{
  width: 750px;
  height: 124px;
  background: url('images/2col-intro-red.gif')
}
div#i2_header_gre{
  width: 750px;
  height: 124px;
  background: url('images/2col-intro-gre.gif')
}
div#i2_header_yel{
  width: 750px;
  height: 124px;
  background: url('images/2col-intro-yel.gif')
}
div#i2_header_blue{
  width: 750px;
  height: 124px;
  background: url('images/2col-intro-blue.gif')
}
div#i2_header_orange{
  width: 750px;
  height: 124px;
  background: url('images/2col-intro-orange.gif')
}
div#i2_header_bur{
  width: 750px;
  height: 124px;
  background: url('images/2col-intro-bur.gif')

}
div#i2_header_red div.quote, div#i2_header_gre div.quote, div#i2_header_yel div.quote, div#i2_header_blue div.quote, div#i2_header_orange div.quote, div#i2_header_bur div.quote{
  width: 340px;
  height: 70px;
  padding: 30px 71px 0px 20px;
  font-family: 'Trebuchet MS';
  font-size: 18px;
  color: #fff;
  float: left;
}
div#i2_header_red div.images, div#i2_header_gre div.images, div#i2_header_yel div.images, div#i2_header_blue div.images, div#i2_header_orange div.images, div#i2_header_bur div.images{
  width: 319px;
  height:124px;
  overflow: hidden;
  float: right;
}
div#i2_header_red div.images table, div#i2_header_gre div.images table, div#i2_header_yel div.images table, div#i2_header_blue div.images table, div#i2_header_orange div.images table, div#i2_header_bur div.images table{
  border-collapse: collapse;
  border: 0px;
  vertical-align: top;
}
div#i2_header_red div.images .image1, div#i2_header_gre div.images .image1, div#i2_header_yel div.images .image1, div#i2_header_blue div.images .image1, div#i2_header_orange div.images .image1, div#i2_header_bur div.images .image1{
	width: 101px;
	height: 100px;
	float: left;
	overflow: hidden;
}
div#i2_header_red div.images .image2, div#i2_header_gre div.images .image2, div#i2_header_yel div.images .image2, div#i2_header_blue div.images .image2, div#i2_header_orange div.images .image2, div#i2_header_bur div.images .image2{
	width: 127px;
	height: 124px;
	float: left;
	overflow: hidden;
}
div#i2_header_red div.images .image3, div#i2_header_gre div.images .image3, div#i2_header_yel div.images .image3, div#i2_header_blue div.images .image3, div#i2_header_orange div.images .image3, div#i2_header_bur div.images .image3{
	width: 90px;
	height: 100px;
	float: left;
	overflow: hidden;	
}
div#i2_header_red div.title, div#i2_header_gre div.title, div#i2_header_yel div.title, div#i2_header_blue div.title, div#i2_header_orange div.title, div#i2_header_bur div.title {
  width: 184px;
  height: 20px;
  padding: 4px 10px 0px 10px;
  font-family: Arial;
  font-weight: bold;
  color: #fff;
  font-size: 13px;
  float: left;
}
div#i2_body{
  width: 750px;
  float: left;
  background: url('images/2col-body.gif') repeat-y;
}
div#i2_left_side{
	width: 204px;
	float: left;
	height: 100px;
	background-color: #000000;
}
div#i2_left_side ul{
  padding: 5px 10px;
  margin: 0px;
}
div#i2_left_side li{
  padding: 3px 0px 3px 10px;
  list-style: none;
  background: url('images/left-side-list.gif') 0px 9px no-repeat;
}
div#i2_left_side .nav{
  margin: 10px 0px;
}
div#i2_left_side div.gray_container{
  width: 178px;
  padding: 13px;
  float: left;
  background: #b2b2b2;
}
div#i2_content{
  width: 500px;
  padding: 30px 20px 50px 20px;
  font-family: 'Trebuchet MS';
  margin-left: 204px;
}
div#i2_content img{
  padding: 10px;
}
div#ie_content caption{
	font-size: 0.9em;
	color: #333333;
}

/* ~~ INSIDE 3 COLS ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#i3_header_red{
  width: 750px;
  height: 124px;
  background: url('images/3col-intro-red.gif')
}
div#i3_header_gre{
  width: 750px;
  height: 124px;
  background: url('images/3col-intro-gre.gif')
}
div#i3_header_yel{
  width: 750px;
  height: 124px;
  background: url('images/3col-intro-yel.gif')
}
div#i3_header_blue{
  width: 750px;
  height: 124px;
  background: url('images/3col-intro-blue.gif')
}
div#i3_header_orange{
  width: 750px;
  height: 124px;
  background: url('images/3col-intro-orange.gif')
}
div#i3_header_bur{
  width: 750px;
  height: 124px;
  background: url('images/3col-intro-bur.gif')
}
div#i3_header_red div.quote, div#i3_header_gre div.quote, div#i3_header_yel  div.quote, div#i3_header_blue  div.quote, div#i3_header_orange  div.quote, div#i3_header_bur div.quote{
  width: 340px;
  height: 70px;
  padding: 30px 71px 0px 20px;
  font-family: 'Trebuchet MS';
  font-size: 18px;
  color: #fff;
  float: left;
}
div#i3_header_red div.image, div#i3_header_gre div.image, div#i3_header_yel  div.image, div#i3_header_blue  div.quote, div#i3_header_orange  div.quote, div#i3_header_bur  div.image{
  width: 318px;
  height: 100px;
  overflow: hidden;
  float: right;
}
div#i3_header_red div.title, div#i3_header_gre div.title, div#i3_header_yel  div.title, div#i3_header_blue  div.quote, div#i3_header_orange  div.quote, div#i3_header_bur  div.title {
  width: 184px;
  height: 20px;
  padding: 4px 10px 0px 10px;
  font-family: Arial;
  font-weight: bold;
  color: #fff;
  font-size: 13px;
  float: left;
}
div#i3_left_side{
	width: 204px;
	float: left;
	height: 100px;
	background-color: #000000;
}
div#i3_left_side ul{
  padding: 5px 10px;
  margin: 0px;
}
div#i3_left_side li{
  padding: 3px 0px 3px 10px;
  list-style: none;
  background: url('images/left-side-list.gif') 0px 9px no-repeat;
}
div#i3_left_side .nav{
  margin: 10px 0px;
}
div#i3_left_side div.gray_container{
  width: 184px;
  padding: 20px 10px;
  font-family: 'Trebuchet MS';
  background: #b2b2b2;
}
div#i3_body{
  width: 550px;
  float: left;
  background: url('images/2col-body.gif') repeat-y;
}
div#i3_content{
  width: 300px;
  padding: 30px 20px;
  font-family: 'Trebuchet MS';
  float: left;
}
div#i3_right_side{
  width: 177px;
  padding: 30px 10px;
  float: left;
  font-family: 'Trebuchet Ms';
  background: #fff;
}

/* ~~ ADMIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body#admin	div#i1_body{
	width: 650px;
	padding: 50px;
	background: #fff;
	background-image: none;
}

/*~~
  EXTRAS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul {
	list-style-type: square;
}
#AdminPanel{
	width: 100%;
	height: 25px;
	border: 0px;
	background-repeat: repeat-x;
}