/* CSS Document */

body {
 margin: 0;
 padding: 0;
 font-family: Arial, Verdana, Tahoma;
 font-size: 13px;
 color: #333;
 background: #e0f2fa url(images/bg.gif) 0 0 repeat-x;
 text-align: left;
}

* {
 margin: 0;
 padding: 0;
}

a, a:visited {
 color: #1c3564;
 text-decoration: underline;
}

a:hover {
 text-decoration: none; 
}

#page {
 width: 960px;
 margin: 0 auto;
}

p.bar {
 color: #222;
 line-height: 54px;
 padding: 0 20px;
}

p.bar span {
 color: #111;
}

#header {
 height: 100px;
 background: url(images/light.png) left 2px no-repeat;
 _background: none;
}

#header img {
 position: relative;
 top: 55px;
 left: 45px
}

.logo {
 border: none;
}

#subtitle {
 margin: -18px 0 0 219px;
}

.subtitle-left {
 background: url(images/subtitle-left.gif) 0 0 no-repeat;
 height: 32px;
 width: 22px;
 padding: 8px 10px; 
 margin: 0 -4px 0 0;
}

.subtitle-text {
 background: url(images/subtitle.gif);
 height: 32px;
 padding: 0;
 line-height: 32px;
 padding: 8px 4px;
 color: #000;
}

.subtitle-right {
 background: url(images/subtitle-right.gif) 0 0 no-repeat;
 height: 32px;
 width: 22px;
 padding: 8px 10px; 
 margin: 0 0 0 -4px;
}

.triangle {
 background: url(images/triangle.gif) 0 0 no-repeat;
 height: 10px;
 width: 17px;
 position: relative;
 top: -2px;
 left: 26px;
}

#menu {
 background: url(images/menu.gif) 0 0 no-repeat;
 height: 70px;
 width: 920px
}

#menu ul {
 padding: 0 20px; 
}

#menu ul li {
 display: inline;
 list-style: none;
}

#menu ul li a {
 color: #fff;
 text-decoration: none;
 line-height: 16px;
 background: url(images/separator.gif) right center no-repeat;
 padding: 12px 12px 12px 10px;
 float: left;
}

#menu ul li a:hover {
 color: #e7effc;
 text-decoration: underline;
}

#menu ul li.active a {
 line-height: 31px;
 background: url(images/menu-left.gif) 0 0 no-repeat;
 cursor: pointer;
 margin: 4px 12px 0 12px;
 padding: 0 0 0 12px;
 color: #1c3564;
 font-weight: bold;
 line-height: 31px;
 }
 
#menu ul li.active a span {
 display: block; 
 background: url(images/menu-right.gif) 100% 0 no-repeat;
 padding: 0 12px 0 0;
}

.submenu {
 clear: both;
 line-height: 30px;
 color: #fff;
 background: url(images/menu-list.gif) left center no-repeat;
 padding: 0 0 0 20px;
 margin: 0 0 0 20px;
}

.submenu a, .submenu a:visited, .submenu a:active {
 color: #fff;
}

#content {
 float: left;
 width: 630px;
 background: #fff url(images/bottom.gif) 0 bottom no-repeat;
 padding: 20px;
 line-height: 22px;
 margin: 0 0 20px 0;
}

#content p {
 text-indent: 5px;
}

#content h1, h2 {
 color: #1c3564;
 font-weight: normal;
 font-size: 17px;
 background: url(images/title-list.gif) left top no-repeat;
 padding: 0 0 5px 30px;
 margin: 10px 0 14px 0;
 border-bottom: 1px solid #ddd;
}

#place {
 background: url(images/place.png) 0 0 no-repeat;
 width: 590px;
 height: 160px;
 margin: -10px 0 40px 0;
 padding: 34px 20px 20px 20px;
}

.right-col {
 float: right;
 _margin: 0 0 0 300px;
}

#place ul {
 height: 115px;
 overflow: hidden;
}

#place ul li {
 list-style: none;
 line-height: 28px;
 color: #111;
 background: url(images/place-list.gif) left center no-repeat;
 padding: 0 0 0 28px; 
}

#place ul li.grey {
 color: #222;
 background: url(images/place-list-grey.gif) left center no-repeat;
}

#place img {
 border: none;
 margin: 8px 0 0 26px;
}

.button {
 border-top: 1px solid #ddd;
 padding: 15px 0 0 0;
 margin: 15px 0 0 0;
}

.button a {
 width: 230px;
 height: 30px;
 float: right;
}

.button a img {
 border: none;
}

.post {
 clear: both;
 margin: 0 0 60px 0;
}

.post ul {
 margin: 30px 0;
 border-left: 1px solid #ddd;
}

.post ul li {
 line-height: 30px;
 list-style: none;
 background: url(images/plus.gif) left center no-repeat;
 padding: 0 0 0 30px;
 margin: 0 0 0 30px;
}

.form {
 background: url(images/formbg.gif) 0 0 no-repeat;
 width: 590px;
 height: 460px;
 margin: 40px 0 0 20px;
 padding: 30px 70px;
 _padding: 30px 0 0 0;
}

.form iframe {
 border: none;
 _position: relative;
 _top: 0;
 _left: 70px; 
}

.border {
 font-size: 12px;
 color: #444;
 border: 2px solid #ddd;
 padding: 20px; 
 margin: 20px 0;
}

.box {
 width: 260px;
 height: 137px;
 background: url(images/box.gif) 0 0 no-repeat;
 padding: 20px;
}

.box h2 {
 background: url(images/box-list.gif) left top no-repeat;
 font-size: 13px;
 font-weight: bold;
 border: none;
 margin: 0;
}

.box p {
 border-bottom: 1px solid #cdebfb;
 padding: 0 0 20px 0;
 height: 65px;
 overflow: hidden;
 line-height: 20px;
}

.left {
 float: left;
 padding: 5px 20px 5px 0;
}

.right {
 float: right;
 padding: 5px 0 5px 20px;
}

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

.more img {
 border: none;
}

#box1 {
 float: left;
}

#box2 {
 float: right;
}

#sidebar {
 width: 250px;
 float: right;
 position: relative;
 top: 10px;
 left: -40px;
 _left: -10px;
}

#sidebar h2 {
 font-size: 15px;
 font-weight: bold;
 color: #111;
 text-transform: uppercase;
 background: url(images/title.gif) 0 0 no-repeat;
 height: 41px;
 width: 250px;
 line-height: 41px;
 border: none;
}

#sidebar ul {
 margin: 0 0 30px 20px; 
}

#sidebar ul li {
 line-height: 30px;
 list-style: none;
 border-bottom: 1px solid #b9e3fa;
 background: url(images/sidebar-list.gif) left center no-repeat;
 padding: 0 0 0 16px;
}

#sidebar ul li a {
 color: #111;
 text-decoration: none;
}

#sidebar ul li:hover {
 background: url(images/sidebar-hover.gif) 0 0 no-repeat;
 color: #1c3564;
}

#sidebar p {
 line-height: 22px;
 width: 210px;
 margin: 0 0 0 20px;
}

#sidebar p img {
 padding: 0 15px 5px 0;
}

#footer {
 background: url(images/footer.gif) repeat-x;
 height: 56px;
 line-height: 56px;
 clear: both;
 _margin: 20px 0 0 0;
}

#footer p {
 width: 920px;
 margin: 0 auto;
}