@charset "utf-8";
body {
background:#EDEDED url(images/bg.gif) repeat-x top;
margin:0
}

#container {
width:718px;
margin:0 auto;
padding:0
}

#top .left {
float:left;
padding:22px 0 0 20px
}

#top .left img {
width:200px;
height:36px;
border:none
}

#top .right {
float:right;
font:12px Arial;
padding:37px 20px 0 0
}

#top #bar {
padding-top:10px;
clear:both;
background:url(images/nav_bg.png) no-repeat 0 20px;
height:74px
}

#top #bar #rss {
float:right;
background:url(images/rss_bg.png) no-repeat 0 22px;
width:181px;
height:54px
}

#top #bar #rss .link {
float:left;
font:12px Tahoma;
font-weight:700;
padding:31px 0 0 10px
}

#top #bar #rss .link a:link,#top #bar #rss .link a:visited {
color:#F38630;
text-decoration:none
}

#top #bar #rss .link a:hover,#top #bar #rss .link a:active {
color:#FA6900
}

#top #bar #rss .icon {
float:right;
padding:26px 17px 0 0
}

#top #bar #nav ul {
float:left;
font:14px Arial;
list-style-type:none;
margin:0;
padding:16px 0 0 6px
}

#top #bar #nav ul li {
background:url("images/nav_sep.png") no-repeat 100%;
float:left;
padding:14px 2px 14px 0
}

#top #bar #nav ul li a {
text-decoration:none;
color:#FFF;
background:#2180CA;
padding:14px 20px
}

#top #bar #nav ul li:first-child a:link,#top #bar #nav ul li:first-child a:visited {
background:url(images/nav_btf_n.png) no-repeat
}

#top #bar #nav ul li a:link,#top #bar #nav ul li a:visited {
background:url(images/nav_bt_n.png) repeat-x
}

#content #puzzle {
line-height:0
}

#content #puzzle img {
position:relative;
left:1px
}

#content #title {
width:718px;
height:78px;
background:url(images/title_bg.png) no-repeat
}

#content #title h1 {
text-indent:30px;
font:25px Arial;
color:#333;
padding-top:10px;
margin:0
}

#content #title h2 {
text-indent:30px;
font:14px Arial;
color:#666;
margin:0
}

#content #column1 {
float:left;
width:160px
}

#content #column1 .top {
background:#FFF url(images/menu_top.png);
height:4px;
line-height:0
}

#content #column1 .middle {
background:#FFF;
border-color:#CECECE;
border-style:solid;
border-width:0 1px;
padding:0 0 0 3px
}

#content #column1 .middle .title {
background:url(images/menu_title.png) no-repeat;
width:152px;
height:28px;
font:13px Arial;
text-align:center;
color:#666
}

#content #column1 .middle .title h4 {
margin:0;
padding:6px 0 0
}

#content #column1 .middle .body {
font:13px Arial;
padding:10px 2px
}

#content #column1 .middle .body .vnav {
list-style-type:circle;
font:14px Arial;
margin:0;
padding:0 0 0 20px
}

#content #column1 .middle .body .vnav li {
padding-bottom:2px
}

#content #column1 .middle .body .vnav li a:hover,#content #column1 .middle .body .vnav li a:active {
color:#333;
text-decoration:none
}

#content #column1 .middle .body .contact {
font:13px Arial;
color:#333
}

#content #column1 .middle .body .contact span,#content #column1 .middle .body .contact span a {
font:15px Arial;
font-weight:700;
color:#2180CA
}

#content #column1 .bottom {
background:#FFF url(images/menu_bottom.png);
height:4px;
line-height:0
}

#content #column2 .msg {
width:550px;
height:58px
}

#content #column2 .msg h3 {
font:13px Tahoma;
color:#FFF;
font-weight:700;
margin:0;
padding:8px 8px 0
}

#content #column2 .msg .green {
width:550px;
background:url(images/message_bg_green.png) no-repeat;
height:50px
}

#content #column2 .msg .yellow {
width:550px;
background:url(images/message_bg_yellow.png) no-repeat;
height:50px
}

#content #column2 .msg .red {
width:550px;
background:url(images/message_bg_red.png) no-repeat;
height:50px
}

#content #column2 .top {
line-height:0;
width:550px;
height:4px;
background:#FFF url(images/content_top.png) no-repeat
}

#content #column2 .middle {
background:#FFF;
width:548px;
border-color:#CECECE;
border-style:solid;
border-width:0 1px
}

#content #column2 .middle #aboutus {
font:15px Arial;
line-height:1.3;
color:#333;
text-indent:2em;
padding:10px 15px
}

#content #column2 .middle #aboutus p:first-letter {
font:16px Arial;
font-weight:700
}

#content #column2 .middle #contact {
margin:0
}

#content #column2 .middle #contact div {
padding:10px
}

#content #column2 .middle #contact div p {
font:14px Arial;
color:#333;
text-indent:5px;
margin:0;
padding:6px 3px 3px
}

#content #column2 .middle #contact div .field {
width:520px;
font:11px Arial;
border:1px solid #CCC;
padding:3px
}

#content #column2 .middle #contact div .button {
font:14px Arial;
cursor:pointer;
margin:4px;
padding:4px
}

#content #column2 .middle #sitemap ol {
margin:0;
padding:20px 50px
}

#content #column2 .middle #sitemap ol li {
font:16px Arial;
line-height:1.4;
color:#333
}

#content #column2 .middle #sitemap ol li a:link,#content #column2 .middle #sitemap ol li a:visited {
color:#333;
text-decoration:underline
}

#content #column2 .middle #sitemap ol li a:hover,#content #column2 .middle #sitemap ol li a:active {
color:#000;
text-decoration:none
}

#content #column2 .bottom {
line-height:0;
width:550px;
height:4px;
background:#FFF url(images/content_bottom.png) no-repeat
}

#content #column2 .unit1,#content #column2 .unit2 {
width:550px;
height:120px
}

#content #column2 .unit1 .image {
float:left;
margin-right:4px;
width:171px
}

#content #column2 .unit2 .text {
float:left
}

#content #column2 .unit2 .image {
float:right;
margin-left:4px
}

#content #column2 .unit1 .text,#content #column2 .unit2 .text {
height:100px;
width:375px;
background:#FFF url(images/unit_bg.png) no-repeat
}

#content #column2 .unit1 .text h2,#content #column2 .unit2 .text h2 {
font:15px Arial;
text-align:center;
color:#2180CA;
margin:0;
padding:5px 1px
}

#content #column2 .unit1 .text p,#content #column2 .unit2 .text p {
font:11px Arial;
text-align:center;
margin:0;
padding:3px 7px
}

#content .left {
float:left;
width:357px
}

#content .left .button,#content .right .button {
text-align:right
}

#content .left,#content .right {
padding-top:8px
}

#content .right {
float:right;
width:357px
}

#content .left .top,#content .right .top {
background:#FFF url(images/frame_top.png) no-repeat;
line-height:0;
height:4px
}

#content .left .bottom,#content .right .bottom {
background:#FFF url(images/frame_bottom.png) no-repeat;
line-height:0;
height:4px
}

#content .content {
background:#FFF;
min-height:250px;
border-color:#CECECE;
border-style:solid;
border-width:0 1px;
padding:15px
}

#content .content .title {
font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#2180CA;
padding-bottom:5px;
border-bottom:1px solid #CCC
}

#content .content .text {
padding-top:20px
}

#content .content .text h1 {
font:12px Arial;
font-weight:700;
height:50px;
margin:0
}

#content .content .text h2,#content .content .text ul {
font:12px Arial;
color:#666;
height:115px;
margin:10px 0
}

#content .content .text ul {
padding-left:17px
}

#bottom {
clear:both
}

#bottom .content {
text-align:center
}

#bottom .content ul {
list-style-type:none;
margin:0;
padding:8px 0 0
}

#bottom .content ul li {
display:inline;
background:url(images/bullet1.gif) no-repeat 0 5px;
font:13px Tahoma;
font-weight:700;
padding:0 5px 0 16px
}

#bottom .content ul li:first-child {
padding-left:0;
background:none
}

#bottom .content ul li a:hover,#bottom .content ul li a:active {
text-decoration:none
}

#footer {
clear:both;
padding-top:10px
}

#footer .content {
border-top:1px solid #CECECE;
border-bottom:1px solid #CECECE;
background:#FFF;
height:30px;
padding:14px 3px 0
}

#footer .content div {
width:718px;
font:15px Arial;
color:#666;
text-align:center;
margin:0 auto
}

#top .right a img,#top #bar #rss .icon img,#content .left .button img,#content .right .button img {
border:none
}

#top #bar #nav ul li:first-child a:hover,#top #bar #nav ul li:first-child a:active,#top #bar #nav ul li:first-child a.current {
background:url(images/nav_btf_h.png) no-repeat
}

#top #bar #nav ul li a:hover,#top #bar #nav ul li a:active,#top #bar #nav ul li a.current {
background:url(images/nav_bt_h.png) repeat-x
}

#content #column1 .middle .body .vnav li a:link,#content #column1 .middle .body .vnav li a:visited,#bottom .content ul li a:link,#bottom .content ul li a:visited {
color:#2180CA;
text-decoration:underline
}

#content #column2,#content #column2 .unit1 .text {
float:right
}