@charset "utf-8";
body { font-family: Arial, Helvetica, sans-serif; margin: 0px; }
.head-bg { background-image: url(images/head-bg.gif); background-repeat: repeat-x; background-position: top; }
.dashedline-vertical { background-image: url(images/dashed-vertical.gif); background-repeat: repeat-y; background-position: center; }
.dashedline-horizontal { background-image: url(images/dashedline-horizontal.gif); background-repeat: repeat-x; background-position: center; }
.dashedline-vertical-left { background-image: url(images/dashed-vertical.gif); background-repeat: repeat-y; background-position: left; }
.dashedline-vertical-right { background-image: url(images/dashed-vertical.gif); background-repeat: repeat-y; background-position: right; }
.bottom-bg { background-image: url(images/bottom-bg.gif); background-repeat: repeat-x; background-position: top; }
.footer { font-size: 11px; padding: 10px; color: #999999; }
.head-bg2 { background-image: url(images/head-bg2.gif); background-repeat: repeat-x; background-position: top; }

#text-body { float: left; width: 385px; text-align: left; vertical-align: top; padding: 0px; margin:0 10px 0 0; }
.header { font-size: 24px; font-family: "Times New Roman", Times, serif; color:#00376a; margin:0px; padding: 0px; }
.body-text { font-size: 13px; }
.body-text #highlight { color: #CC0000; text-decoration: underline; font-weight: bold; }
#project-image { width: 265px; float: left; }

#main-menu { list-style-type: none; margin: 0; padding: 0;}
#main-menu a { display: block; }
#main-menu li { display: inline; float: left;}
#main-menu #image-gallery_btn { background-image: url(images/image-gallery_btn.gif); background-repeat: no-repeat; width: 153px; height: 30px; }
#main-menu #image-gallery_btn:hover { background-image: url(images/image-gallery_btn-over.gif)}
#main-menu #videos_btn { background-image: url(images/videos_btn.gif); background-repeat: no-repeat; width: 108px; height: 30px; }
#main-menu #videos_btn:hover { background-image: url(images/videos_btn-over.gif)}
#main-menu #community-plan_btn { background-image: url(images/comunity-plan_btn.gif); background-repeat: no-repeat; width: 173px; height: 30px; }
#main-menu #community-plan_btn:hover { background-image: url(images/comunity-plan_btn-over.gif)}
#main-menu #neighbourhood_btn { background-image: url(images/neighbourhood_btn.gif); background-repeat: no-repeat; width: 168px; height: 30px; }
#main-menu #neighbourhood_btn:hover { background-image: url(images/neighbourhood_btn-over.gif)}
#main-menu #register_btn { background-image: url(images/register_btn.gif); background-repeat: no-repeat; width: 122px; height: 30px; }
#main-menu #register_btn:hover { background-image: url(images/register_btn-over.gif)}
#main-menu #latest-news_btn { background-image: url(images/last-news_btn.gif); background-repeat: no-repeat; width: 134px; height: 30px; }
#main-menu #latest-news_btn:hover { background-image: url(images/last-news_btn-over.gif)}

#left-menu-list li { list-style-type: none; margin: 0px; border-bottom: solid #fff 1px; }
#left-menu { float: left; width: 174px; border: 1px #666666 dashed; margin:0 10px 0 0; padding: 0px; background-color: #e7e7e7; }
#left-menu-list { padding: 0; margin: 0;}
#left-menu-list a { font-size: 12px; text-decoration: none; color:#000000; display: block;  padding: 4px 15px;}
#left-menu-list a:hover { color: #fff; background-color:#c6c6c6; }