/* Home Page Screen CSS Document */

/* Page Sub-titles */
.page-sub-title { width: auto; height: 24px; background: url(../../images/page_title_rule.gif) bottom left repeat-x; }
.page-sub-title div { width: auto; height: 20px; background-position: top left; background-repeat: no-repeat; }
.page-sub-title h2 { display: none; visibility: hidden; }
.page-sub-title .welcome { background-image: url(../../images/home_sub_title_welcome.gif); }
.page-sub-title .latestnews { background-image: url(../../images/home_sub_title_latestnews.gif); }

/* Latest News */
.latestnews-headlines { }
.latestnews-headlines p { display: block; margin: 5px 0 0 0; font-size: 100%; border-left: 3px solid #f1eee5 }
.latestnews-headlines a { display: block; padding: 2px 5px 3px 5px; text-decoration: none;  }
.latestnews-headlines a:hover { background-color: #f8f6f2; }
.latestnews-headlines p .date { font-size: 80%; color: #ff6633; }
.latestnews-headlines p .headline { font-size: 80%; color: #525051; }
.latestnews-headlines p .synopsis { font-size: 70%; color: #525051; }

/* Latest Projects */
.project-box { width: 300px; float: left; }
.project-box img { border: 1px solid #d2c6aa; }
.project-box .details { height: auto !important; height: 65px; min-height: 65px; padding: 0; margin: 0 0 6px 0; }
.project-box .details h3 { font-size: 75%; }
.project-box .details p { font-size: 70%; margin-top: 2px; }
.project-box .button-viewproject { width: 76px; height: 19px; margin: 0 auto 0 auto; background: url(../../images/project_box_button_viewproject.gif) 0 0 no-repeat; }
.project-box .button-viewproject a { width: 76px; height: 19px; display: block; background: url(../../images/project_box_button_viewproject.gif) 0 0 no-repeat; }
.project-box .button-viewproject a:hover { background-position: 0 -19px; }
.project-box .button-viewproject span { display: none; visibility: hidden; }

/* Full width Panel */
.panel-940-lightbeige {}
.panel-940-lightbeige .panel-top { width: 940px; height: 9px; background: url(../../images/panel_940_lightbeige_top.gif) #f1eee5 top left no-repeat; overflow: hidden; }
.panel-940-lightbeige .panel-body { width: 920px; padding: 1px 10px 1px 10px; background-color: #f1eee5; }
.panel-940-lightbeige .panel-bottom { width: 940px; height: 9px; background: url(../../images/panel_940_lightbeige_bottom.gif) #f1eee5 top left no-repeat; overflow: hidden; }

.panel-940-lightbeige .panel-title { }
.panel-940-lightbeige .panel-title { width: auto; height: 20px; background-position: top left; background-repeat: no-repeat; }
.panel-940-lightbeige .panel-title h2 { display: none; visibility: hidden; }
.panel-940-lightbeige .panel-title .latestprojects { background-image: url(../../images/panel_title_latestprojects.gif); }