body {
border: 0;
margin: 0;
padding: 0;
text-align: center;
}

img {border: 0;}

#container {
margin: 0 auto;
width: 680px;
text-align: center;
}
/* ----[Header]---- */
#header {
background: url(layout/header.gif) bottom center no-repeat;
height: 230px;
width: 680px;
padding-top: 10px;
}
#header h1 {display: none;}
/* ----[Header]---- */


/*---[Navivation Bar]---*/
#navbar {
margin: 0;
padding-left: 12px ;
height: 17px;
width: 485px;
list-style: none;
position: absolute;
top: 164px;
float: left;
display: inline;
overflow: hidden;
text-align: left;
display: block;
}

#navbar li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}

#navbar a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:20px /* for IE5/WIn only */
}

#home a {
position: relative;
width: 59px;
background: url(layout/layout3.gif) top left no-repeat;
}
#about a {
position: relative;
width: 59px;
background: url(layout/layout4.gif) top left no-repeat;
}
#commitee a {
position: relative;
width: 84px;
background: url(layout/layout5.gif) top left no-repeat;
}
#activities a {
position: relative;
width: 78px;
background: url(layout/layout6.gif) top left no-repeat;
}
#contact a {
position: relative;
width: 66px;
background: url(layout/layout7.gif) top left no-repeat;}

#guestbook a {
position: relative;
width: 86px;
background: url(layout/layout8.gif) top left no-repeat;
}
#links a {
position: relative;
width: 53px;
background: url(layout/layout9.gif) top left no-repeat;
}
/*---[Navivation Bar]---*/


/* ----[Main Frame]---- */
#content {
clear: both;
border: 0;
padding: 10px 75px 220px 75px;
margin:0;
background: url(layout/layout11.gif) bottom center repeat-y;
height: auto;
position: relative;
font-family: 'Lucida Grande', 'Lucida Sans', Geneva, Verdana, Tahoma, Arial, Sans-Serif;
font-size: 12px;
color: #000000;
text-align: left; 
width: 530px !important;
width /**/:680px /* for IE5/WIn only */
}


h1 {
font-size: 26px;
padding: 0;
width: 530px;
}

h2 {
font-size: 18px;
padding: 0;
width: 530px;
}

h3, p {
font-size: 12px;
padding: 0;
width: 530px;
}

h4, small {
font-size: 10px;
padding: 0;
width: 530px;
}

h5, h6 {
font-size: 8px;
padding: 0;
width: 530px;
}

em, strong {
font-weight: bold;
}

#content img{
display: block;
float: right;
padding: 4px;
vertical-align:text-top;
}

#content a:link, a:visited {
text-decoration: none;
color: #4E5D89; 
cursor: pointer;
}

#content a:hover, a:active {
text-decoration: underline;
color: #8FA7C7;
cursor: pointer;
}

.title {
background-color: #588ADD;
color: #ffffff;
padding: 5px 5px 0px 5px;
width: 520px !important;
width /**/: 530px
border-bottom: solid 5px #55a9dd;
}

.date {
color: #ffffff;
font-size: 10px;
text-align: right;
top: -40px;
position: relative;
padding: 0;
}

.postdate {
color: #6a6a6a;
padding-top: 10px;
margin-bottom: 25px;
font-weight: bold;
border-bottom: solid 1px #555555;
width: 530px;
}

#news{
background: #F25DAE;
color: #ffffff;
padding: 2px 2px 0 2px;
font-size: 15px;
border-bottom: 3px solid #F78BC6;
border-top: 1px;
margin-top: 40px;
width: 526px !important;
width /**/: 530px;
}
/* ----[Main Frame]---- */


/*** ----[Footer]---- ***/
#footer {
background: url(layout/footer.gif) top center no-repeat;
height: 94px;
width: 680px;
margin: 0;
padding: 0;
text-align: center;
}
#footer p {display: none;}
/*** ----[Footer]---- ***/

/* ----[Main Frame]---- */
.hide {display: none}