@CHARSET "UTF-8";

html, 
body { 
    margin:0px; 
    padding:10px;
    color:#000066; 
    font-size: 11pt; 
    background-color:#81b2fe;
    text-align: center;
}

* { 
    font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    color:#000066; 
}

h1,
h2,
h3,
#menu * {
    font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
}

h1 {
    font-size: 22pt;
    text-align: center;
}

h2 {
    font-size: 10pt;
    margin-top: 20px;
}

a img {
    border: none;
}

#page {
    width:800px;
    background-color:white;
    margin:auto;
	text-align: left;
}

.shadow {
    margin:0px;
    padding:0px;
}

.shadow * {
    border-width: 0px;
}

.shadow-ne {background:url(../images/shadow-ne.gif) no-repeat right top; 
    padding-bottom:8px; 
    padding-right:8px; 
}
.shadow-sw {background:url(../images/shadow-sw.gif) no-repeat bottom left; }
.shadow-se {background:url(../images/shadow-se.gif) no-repeat bottom right; }
.shadow-s  {background:url(../images/shadow-s.gif) repeat-x bottom; }
.shadow-e  {background:url(../images/shadow-e.gif) repeat-y right; }
.shadow-content  {border:1px solid gray; }

#header {
    text-align:center;
    clear:both;
}

#header img {
    margin-top: 10px;
}

#header .left {
    float:left;
    background:url(../images/header-left.jpg) no-repeat top left;
    height:200px;
    width:149px;
}

#header .right {
    float:right;
    background:url(../images/header-right.jpg) no-repeat top left; 
    height:200px;
    width:149px;
}

#menu {
    clear:both;
    list-style:none;
    height:29px;
    margin:0px;
    padding:0px;
    padding-left:1px;
    overflow:hidden;
    background:url(../images/menu.gif) repeat-x top;
}	

#menu li {
    float: left;
    width:81px;
    height:29px;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

#menu li a {
    display:block;
    width:79px;
    height:26px;
    text-align:center;
    padding:2px;
    padding-top:6px;
    font-size: 12px;
    text-decoration:none;
    background: none;
    font-weight: bold;
}

#menu li.long {
	width: 150px;
}

#menu li.long a {
	width: 148px;
}

#menu li.short {
	width: 73px;
}

#menu li.short a {
	width: 71px;
}

#menu li.active a,
#menu a:hover {
    background:url(../images/menu-over.gif) no-repeat left top;
    font-size:14px;
    padding-top:5px;
}

#menu li.long_active a,
#menu li.long a:hover {
    background:url(../images/menu_long-over.gif) no-repeat left top;
}

#menu li.short_active a,
#menu li.short a:hover {
    background:url(../images/menu_short-over.gif) no-repeat left top;
}

#content {
    clear:both;
    min-height:370px;
    text-align: center;
}	

#footer {
    clear:both;
    font-size:9px;
    color:#c2c2c2;
    text-align:right;
    padding:3px;
    margin-top:5px;
}			

#content ul {
    text-align:left;
}

.gallery {
    text-align:center;
    margin: 0 20px 0 20px;
}

.gallery a {
    width:10px;
    margin:10px;
    text-decoration:none;
}

.leftcol {
    width:360px;
    float:left;
    text-align: center;
    margin-left: 10px;
    margin-top:10px;
}

.rightcol {
    width:360px;
    float:right;
    text-align: center;
    margin-right: 10px;
    margin-top:10px;
}