﻿/* Home Page */
#home-content {
	width:956px;
	margin:0 auto;}
/* 1.0 Promotion Header */
.home-promotion-header {
	float:left;
	width:643px;
	background:url(../../../images/frontEnd/layout/promotionHeader-shadow.png) left top no-repeat;}
.home-promotion-header-wrapper {
	margin:10px;}
.home-header-image {}
.home-header-corner-left-top {
	position:absolute;
	top:0px;
	left:0px;}
.home-header-corner-left-down {
	position:absolute;
	top:286px;
	left:0px;}
.home-header-corner-right-up {
	position:absolute;
	top:0px;
	left:617px;}
.home-header-corner-right-down {
	position:absolute;
	top:286px;
	left:617px;}
.headerThumbnail-content {
    position:relative;
    width:660px;}
.headerThumbnail-wrapper {
    position:absolute;
    top:-45px;
    width:620px;
    margin-right:40px;}
.headerThumbnail {
    margin:0 10px 0 0;
    float:right;}
.headerThumbnail img {
    border:solid 1px #FFF !important;
    width:75px;
    height:35px;
    cursor:pointer;}
.headerThumbnail img:hover {
    border:solid 1px #000 !important;}
.headerImage img {
    width:625px;
    height:294px;}
/* 2.0 News */
.home-news {
	float:left;
	width:280px;
	margin-left:20px;
	color:#FFF;}
.home-news h1 {
	font:bold 24px/24px Arial, sans-serif;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:15px;}
.home-news h2 a {
	color:#FFF;
	text-decoration:none;}
.home-news h2 a:hover {
	color:#00FFFF;	}
.home-news-items {
	background:url(../../../images/frontEnd/layout/dotSubNav.png) left bottom repeat-x;
	padding:10px 0 15px 0;}
.home-news-archive-link {
    margin:5px 0 0 0;
    text-align:right;}
.home-news-archive-link a {
    color:#FFF;
    font-weight:bold;}
.home-news-archive-link a:hover {
    color:#00FFFF;
    text-decoration:none;}
.home-news-wrapper {
    height:215px;
}
/* Sections */
.sections-content {
    width:940px;
    margin:15px auto 0 auto;}
.home-sections {
    background:url(../../../images/frontEnd/layout/bgSection.png) left top no-repeat;
    width:300px;
    float:left;}
/* Newsletter */
.newsletterBox {
    background:url(../../../images/frontEnd/layout/newsletterBox.png) left top no-repeat;
    margin:12px 0 0 0;}
#tbNewsletter {
    border:none;
    font:bold 15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#038AC8;
    padding:2px 5px;
    width:220px;
    margin:4px 11px 4px 11px;}
.newsletter-label {
    color:#666;
    margin:0 15px 0 17px;}
/* Projects Home page*/
.home-projects {
    padding-top:10px;
    margin-top:10px;
    overflow:hidden;
    background:url(../../../images/frontEnd/elements/dot_01.png) left top repeat-x;}
.home-projects-image {
    width:52px;
    float:left;}
.home-projects-image table {
    width:52px;
    height:52px;}
.home-projects-image table td {
    border:solid 1px #CCC;
    vertical-align:middle;
    text-align:center;
    background-color:#F1F1F1;}
.home-projects-image img {
    max-height:50px;
    width:50px;}
.home-projects-text {
    width:190px;
    float:left;
    margin-left:10px;}
.home-projects-text h2 a {
    font:bold 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
    padding-bottom:1px;
    color:#000;
    text-decoration:none;}
.home-projects-text h2 a:hover {
    color:#00CCFF;}
.home-projects-text a {
    text-decoration:none;}
.home-projects-text a:hover {
    text-decoration:underline;}
/* */
.home-galleries-items {
    width:35px;
    height:35px;
    margin-left:-5px;}
.home-galleries-items td {
    padding:7px;}
.home-galleries-items img{
    width:35px;
    height:35px;
    border:solid 1px #CCCCCC !important;}
#bulletins {
    margin-bottom:15px;}
#bulletins h3 span {
    font:normal 12px/12px Arial, Helvetica, sans-serif;
    color:#666;
    font-weight:bold;}
#bulletins h3 {
    padding:8px 0 1px 0;
    margin:8px 0 0 0;
    line-height:16px;
    cursor:pointer;}
.bulletins-border {
    background:url(../../../images/frontEnd/elements/dot_01.png) left top repeat-x;}
.ui-accordion-content {
    overflow:hidden;}
/* Buttons */
.btnVote {
    background:url(../../../images/frontEnd/elements/btn_vote.png) left top no-repeat;
    width:61px;
    border:none;
    font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
    padding:4px 0px 7px 0px;
    margin:0px;
    cursor:pointer;}
/* Survey */
#rbtnlstSurvey {
    margin:5px 0;}
#rbtnlstSurvey td {
    padding:2px 0;
    vertical-align:middle;}
#rbtnlstSurvey input {
    margin:0 5px 0 0;
    float:left;}
#rbtnlstSurvey label {
    position:relative;
    top:-1px;}
#rbtnlstSurvey label:hover {
    color:#028AC7;
    text-decoration: underline;
    cursor:pointer;}
#pnlSurvey, pnlSurveyResults {
    margin-bottom:15px;}
/* Calendar */
#clndrActivity {
    border:none !important;
    background-color:#fff;}
#clndrActivity {
    margin:0px 0 0px 8px;}   
#clndrActivity table.calendar td a {
    text-decoration:none;
    color:#666 !important;}
#clndrActivity td a{
    text-decoration:none;
    font:normal 11px/11px Arial;
    display:block;
    padding:2px;}
.calendar-wrapper {
    padding:15px 0 15px 0;
    width:266px;
    background:url(../../../images/frontEnd/layout/bg_calendar.png) left top repeat-x;
    height:158px;
    margin-left:-5px;}
.calendar-title td {
    padding:4px 10px;
    font:bold 14px/14px Arial;
    color:#666;
    position:relative;
    background-color:#EEE;}
.calendar-day-title {
    background-color:#DDD;
    padding:3px 5px;}
.calendar-days {
    padding:1px 1px;}
.otherDays a {
    color:#999 !important;}
.weekendDays {
    background-color:#EEE;}
.calendarToday {
    background-color:#A8CFCE;}
.calendarToday a {
    color:#FFF !important;
    font-weight:bold !important;}
td.calendarActivities-01{
    background-color:#D4E8E7 !important;}
.calendarActivities-01:hover {
    background-color:#028AC7 !important;}
.calendarActivities-01:hover a {
    color:#fff !important;}   
.activityCalendar {
    position:absolute;
    margin-left:-44px;
    width:130px !important;
    background-color:#028AC7 !important;
    padding:5px 0;}
.activityCalendar li a {
    background:#028AC7 url(../../../images/frontEnd/elements/dot_02.png) 7px 13px no-repeat;
    font:normal 10px/13px Verdana !important;
    display:block;
    padding:5px 10px 5px 20px !important;
    color:#fff;
    text-align:left;}
/* */
