/* I have learnt very hard to build this css. I would like to thank all ppl helping me to do it. This site is only possible because of their kindness. May it benefit all those who visit our website */


body {
margin: 0 auto;
padding: 0;
text-align:center;
font: 80% Arial, Helvetica, sans-serif;
background: #f1d9e8 url(../images/bg.png) repeat;
color: #000
}

#header {
height:18px;
width:765px;
margin:0 auto;
padding: 6px;
background: #f1d9e8 url(../images/bg.png) repeat;
color:#fff;
text-align:right;
vertical-align:bottom;
}


#frame {
padding: 3px 0px;
color: #303030;
background: #f1d9e8 url(../images/bg.png) repeat;
margin: 0 auto;
width: 775px;
text-align:left;
}

#menuleft {
float: left;
width: 155px;
height: 75em;
margin: 0;
padding: 0;
font-size: 1em;
background: #f1d9e8 url(../images/bg.png) repeat;
}

#container {width:155px;}

dl {margin: 0; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
dt {margin:0; padding:0.3em; text-align:center; font-size: 1.2em; font-weight:bold; background: #C0A29B; color: #FFF;}
dd {margin:0; padding:0; text-align:left; border-top:1px solid #fff;}
#gallery a {color:#202020; text-decoration:none; display:block; padding:0.5em;
background: #E8CCC6; overflow: hidden;}

#gallery a:hover {background: #f1d9e8 url(../images/bg.png) repeat;}

.corner {
  display:block; 
  background: #f1d9e8 url(../images/bg.png) repeat; 
  font-size:1px;
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#C0A29B; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}

.leftbox1 {
margin: 0 1px 0 1px;
border: 1px solid #C0A29B;
border-top: 15px solid #C0A29B;
padding: 10px;
color: #6E2514;
background-color: #F7F9F7;
font-size: 1em;
line-height: 1.3em;
overflow: auto;
}

#rightcol {
float: right;
width: 135px;
margin-right: 2px;
padding: 2px;
background: #f1d9e8 url(../images/bg.png) repeat;
}


.rightbox1 {
float: right;
width: 132px;
margin: 0 0 6px 0px;
border: 0px solid #FFFFFF;
padding: 0px;
}

.newsbox {
float: right;
width: 120px;
background-color: #F7F9F7;
margin: 0 0 10px 0px;
border: 1px solid #74A8F5;
border-top: 10px solid #74A8F5;
padding: 5px;
overflow: auto;
}

.newsbox ul 
{margin: 0 0 0 13px;
padding: 0px;
}


.rightbox2 {
float: right;
width: 120px;
background-color: #F7F9F7;
margin: 0 0 10px 0px;
border: 1px solid #C0A29B;
border-top: 10px solid #C0A29B;
padding: 5px;
overflow: auto;
}


#content {
background: #f1d9e8 url(../images/bg.png) repeat;
color: #000;
margin: 0 140px 20px 160px;
padding: 0 10px 0 10px;
line-height: 1.3em;
text-align: left;
}

#content h1 { border-bottom: 1px solid #663333;
    color: #663333;
    margin: 15px 0 15px 0;
    padding-bottom: 10px;
    font-family: Eras Medium ITC;
    font-size: 1.65em;
    font-weight: normal;
}
#content h2 {
color: #663333;
font-family: Eras Medium ITC;
font-size: 1.4em;
font-weight: normal;
margin: 0 0 15px 0;
}

#content h3 {
color: #663333;
font-family: Eras Medium ITC;
font-size: 1.3em;
font-weight: normal;
margin: 0 0 15px 0;
}

#content img {
padding: 0px;
display:inline;
border: thin solid #FFFFFF;
margin: 10px;
}

#small h1 {
border-bottom: 0px;

font-size: 1em;
color: #000}

.bluebox {
background: #f1d9e8 url(../images/bg.png) repeat;
border: 3px solid #FFFFFF;
color: inherit;
padding: 5px;
margin: 0px;
/*text-align:center;*/
}

.bluebox ul 
{margin: 0 0 0 13px;
padding: 0px;
}

.splitcenter {
background-color: #fff;
width: 95%;

}

.splitright {
background-color: #CC3399;
width: 49%;
float: right;
overflow: hidden;
}

.splitleft {
background-color: #CC3399;
width: 49%;
float: left;
overflow: hidden;
}

h3 {
font-weight: normal;
margin: 0 0 10px 0;
line-height: 1.2em
}

a {
text-decoration: none;
color: #2073EE;
}

a:visited {
text-decoration: none;
color: #74A8F5;
}

a:hover {
text-decoration: underline;
color: #CC3399;
}

a img {
padding: 0px;
border: 1px solid #202020;
}


#footer {
clear: both;
margin: 0 auto;
padding: 10px 0;
width: 775px;
text-align: left;
color: #B200CC;
background: #f1d9e8 url(../images/bg.png) repeat;
font-size: .8em;
letter-spacing: 0.1em;
}


.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.9em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.style3 {color: #666666}
.style4 {color: #999999}
.style5 {color: #FF9933}
.style6 {color: #663333}
.style7 {color: #74A8F5}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */