@import url("General.css");
@import url("Forms.css");
@import url("Font.css");
@import url("Edit.css");
@import url("Popup.css");
@import url("ImageSlide.css");

/*Temporary*/
.galleryHighlight { font-weight: bold; color: #c77e36;}
/*Temporary*/

.container { width: 790px; padding: 0 20px 0 20px; background: #FFFFFF; }

.top
{
    width: 790px; height: 136px;
    background: #FFFFFF url(Images/bg_skyline.gif) no-repeat left top; 
}

.logotype
{
    height: 57px; width: 547px;
    padding: 21px 0 0 6px; float: left; 
}

.topRightContent
{
    padding: 38px 0 0 0; height: 41px;
    float: left;
    width: 237px;
    
}

/* menu start */
.mainMenu ul
{
    background: #FFFFFF url(Images/bg_main_menu.gif) repeat-x top;
    height: 33px; margin: 0 1px 0 1px; font-family: Tahoma; font-size: 12px;
    font-weight: bold; padding: 0 0 0 5px;
}

.mainMenu ul li, .subMenu ul li { float: left; list-style-type: none; }

.mainMenu a { color: #6e6e6e; padding: 9px 8px 0 8px; display: block; text-decoration: none; }

.mainMenu ul li.selectedMenuItem
{
    background: #FFFFFF url(Images/bg_main_menu_item_left.gif) no-repeat;
    height: 33px; display: block; padding: 0 0 0 6px;   
}

.mainMenu ul li.selectedMenuItem a
{
    background: #FFFFFF url(Images/bg_main_menu_item_right.gif) no-repeat right;
    height: 24px; padding-left: 2px; float: left;   
}

.subMenu ul
{
    background: #FFFFFF url(Images/bg_sub_menu.gif) repeat-x top; height: 23px;
    margin: 0px 1px 0 1px; padding: 0 0 0 8px;
}

.subMenu a  
{
    color: #666666; text-decoration: none; padding: 4px 6px 0 5px; display: block; 
    font-size: 11px; font-weight: bold; background: url(Images/bg_sub_menu_divider.gif) no-repeat right 6px; 
}

.subMenu ul li.selectedMenuItem a { color: #cd9d4f; }

.subMenu ul li.lastMenuItem a { background: none; }
/* menu end */

/* content start*/
.contentContainer { padding: 15px 0 10px 0; }

.leftContentCol, .rightContentCol
{
    float: left; width: 517px;
    padding-right: 14px;    
}

.mainFlash { width: 517px; height: 260px; overflow: hidden; }

/* content news start */
.newsFlashContainer { padding: 16px 0 12px 0; }

.newsDivider, .divider { border-bottom: 1px solid #cccccc; }

.leftImageAlign .image, .leftImageAlign .imageSmall { float: left; }

.rightImageAlign .image, .rightImageAlign .imageSmall { float: right; }

.leftImageAlign .newsInfoContainer
{
    float: left; padding: 6px 0 0 10px;
    width: 280px;
}

.rightImageAlign .newsInfoContainer { float: right; padding: 6px 10px 0 0px;width: 295px; }

.imageSmall
{
    width: 199px; height: 159px; padding: 9px 0 0 9px;
    background: url(Images/bg_image_small.jpg) no-repeat;
}

.imageSmallOverflowHidden
{
    width: 199px; height: 141px; overflow: hidden;
}

.image
{
    width: 218px; height: 171px; padding: 9px 0 0 9px;
    background: url(Images/bg_image.jpg) no-repeat;
}

.imageOverflowHidden { overflow: hidden; width: 218px; height: 155px;}

.newsPublishDate
{
    padding: 6px 0 10px 1px;
}

.headerListLeft, .headerListRight
{
    background: url(Images/bg_headerborder_left.gif) no-repeat; height: 20px; width: 5px; float: left;
}

.headerListRight
{
    background: url(Images/bg_headerborder_right.gif) no-repeat right; width: 508px; height: 19px;
    padding: 1px 0 0 4px; color: #d8d8d8; text-align: right;
}

.headerListRight h3 { float: left; }

.headerListRight span { padding: 2px 8px 0 0; display: block; }

.newsListSmall { width: 100%; margin: 15px 0 15px 0; }

.newsListSmall tr { background-color: #FFFFFF; }

.newsListSmall td
{
    vertical-align: top; padding: 7px 0 7px 8px; border-bottom: 1px solid #e2e2e6;
}

.newsListSmall .datecol
{
    width: 114px;
}

.newsListSmall a { margin-left: 8px; }

.newsListSmall .alternatingRow { background-color: #f8f8f8; }

.newsListSmall td.speachBubble, .speachBubble 
{
    background-image: url(Images/bg_speach_bubble.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    width: 30px; font-size: 9px; font-family: Arial;
    color: #8c8c8c; text-align: center; padding-left: 0;
}

.speachBubbleSmall { position: relative; top: 3px; }
.text ul {padding-left: 30px;}


/* content news end */

/* comment news start */
.commentRow, .commentRowAlternative
{
    padding: 6px 15px 10px 4px; background-color: #f7f7f7; border-bottom: 1px solid #cccccc; margin: 0 0 0px 0;
}

.commentRowAlternative { background-color: #FFFFFF;}

.commentRow div
{
    padding: 0 0 2px 0;
}

.commentBlock
{
    padding: 20px 0 10px 0;
}

.prevComments, .pageInfoComments, .nextComments
{
    float: left; width: 20%;
}

.nextComments
{
     text-align: right;
}

.pageInfoComments
{
    text-align: center; width: 60%;
}

.commentBlockMargin
{
    padding: 10px 0 0 0;
}

.moreNewsList
{
    clear: both;
    margin: 20px 0 0 0;
    padding: 0px 0 0 0;
    border-top: 1px solid #cccccc;
}


/* comment news end */

/* content fonst-style start */
.preamble { font-size: 11px; line-height: 16px; padding: 12px 0 0 0; }

.text { border-bottom: 1px dotted #cccccc; padding: 0 0 20px 0; }
.wideImageInText { padding: 20px 0 20px 0; }
.textFooter { text-align: right; padding: 6px 0 0 0; height: 20px; }
/* content fonst-style start */

/* content related start */
.relatedBoxTopLeft, .relatedBoxBottomLeft
{
    background: url(Images/bg_related_box_top_left.gif) no-repeat;
    height: 3px; width: 3px; float: left;
}

.relatedBoxBottomLeft { background: url(Images/bg_related_box_bottom_left.gif) no-repeat; }

.relatedBoxTopRight, .relatedBoxBottomRight
{
    background: url(Images/bg_related_box_top_right.gif) no-repeat right;
    height: 3px; width: 514px; float: left;
}

.relatedBoxBottomRight { background: url(Images/bg_related_box_bottom_right.gif) no-repeat right; }

.relatedBox 
{
     border: 1px solid #cacaca; border-top: none; border-bottom: none; width: 483px;
     background: #efefef url(Images/bg_related_box.gif) repeat-x; float: left;
     padding: 10px 20px 0px 12px;
}

.relatedHeader
{
    position: relative; top: 9px; width: 76px; background: url(Images/bg_related_header.gif) no-repeat left center;
    padding: 0 3px 0px 12px; font-size: 14px; color: #383838;
}

.relatedItemsBox { float: left; width: 300px; padding: 0 0 10px 0; }

.relatedDoc { width: 180px; }

/* content related end */

/* orglist start */
.listHeader, .calListHeader
{
    color: #282828; font-size: 11px; border-bottom: 1px solid #8c8c8c;
    padding: 0 0 2px 0;
}

.calListHeader { padding-top: 8px; }

.listNameCol { padding: 0 83px 0 12px; }

.listCreatedCol {padding: 0 0 0 8px; width: 129px; float: left;}

.orgListItem, .orgListItemAlternative
{
    padding: 10px 0 10px 12px;
    border-bottom: 1px solid #cccccc;
}

.orgListItemAlternative { background-color: #f7f7f7; }

.imageLogo
{
    float: left; height: 90px; width: 120px; margin: 1px 10px 10px 0;
    overflow: hidden;
    
}

.imageLogo table
{
     height: 90px; width: 120px;
}

.orgListInfo
{
    width: 355px;
    float: left; padding: 0 20px 0 0px;
}

.orgListInfo p
{
    height: 70px; overflow: hidden; font-size: 11px; line-height: 15px;
    padding: 1px 0 4px 0;
}

.orgListItemFooter, .orgListItemFooterRight
{
    float: left; width: 387px; border-top: 1px dotted #c7c7c7; padding: 6px 0 0 3px;
}

.orgListItemFooter a { padding-right: 8px; }

.orgListItemFooter img { position: relative; top: 2px; padding-right: 3px; }

.orgListItemFooterRight { text-align: right; width: 104px; padding-right: 6px; }

/* orglist end */

/* calendar start */
.listDateCol { padding: 0 9px 0 8px; }
.listTimeCol { padding-right: 34px; }
.listLocationCol { padding-right: 86px; }

.listMonthItem  { padding: 0 0 35px 0; }

.calListDayItem, .calListDayItemAlternating
{
    padding: 2px 0 4px 0;
    border-bottom: 1px solid #8c8c8c;
}

.calListDayItemAlternating { background-color: #f8f8f8; }

.calListDate
{
    float: left; padding: 0px 10px 0 10px;
    margin-top: 3px;
}

.calListInfo { float: left; font-family: Arial; }

.calTime { padding: 0 10px 0 1px; }

.calListItem { border-bottom: 1px dotted #cccccc; padding: 3px 0 3px 0; }

.calListItemLeft, .calListItemRight { float: left; }

.calListItemLeft { width: 165px; padding: 1px 0 0 3px; }

.calListItemLeft img { position: relative; top: 1px; }

.calListItemRight { width: 297px; }

/* calendar end */

/* event start */
.timeDivider { padding: 3px 2px 0 2px;}
.infoBox { float: left; padding: 2px 0 0 8px; }

.infoBoxLeft, .infoBoxRight
{
    background: url(Images/bg_infobox_left.gif) no-repeat; width: 3px; height: 170px;
    float: left;
}

.infoBoxRight
{
    background: url(Images/bg_infobox_right.gif) no-repeat right; width: 274px;
    padding: 5px 0 0 5px; height: 165px;
}

.eventData, .eventDate, .orgData { float: left; width: 235px; }

.orgData
{
    width: 260px;
}

.eventData td, .orgData td { vertical-align: top; }

.eventDate { width: 35px; }

.eventData strong, .orgData strong { padding: 0 7px 5px 0; display: block; }

.eventShortInfo, .orgShortInfo
{
    padding: 5px 10px 0 2px; font-size: 11px; line-height: 14px; height: 70px; overflow: hidden;
}

.orgShortInfo
{
    height: 45px;
}

.actionList
{
    border: 1px solid #cccccc;
    border-left: none; border-right: none; padding: 4px 3px 2px 3px;
    margin: 12px 0 12px 0;
}

.actionListRightInfo, .fontSize { float: left; width: 401px; }

.actionListRightInfo a, .actionListRightInfo span
{
    position: relative; top: -4px;
}

.actionListRightInfo a { padding: 0 13px 0 0; }

.actionListRightInfo a.categoryLink { padding: 0; }

.actionListRightInfo img { padding: 0 3px 0 0; }

.fontSize { padding: 0px 0 0 0; width: 110px; text-align: right; }

.smallLetterA, .smallLetterA a { font-size: 10px; }

.letterA, .letterA a { font-size: 11px; }

.bigLetterA, .bigLetterA a { font-size: 12px; }

.smallEventListDate { padding: 0 0 0 5px; width: 212px; float: left; }

/* event end */

.rightContentCol { width: 259px; padding: 0; }

.contentBoxtop
{
    height: 20px; width: 254px; background: url(Images/bg_content_box_top.gif) no-repeat;
    padding: 3px 0 0 5px;
}

.contentBoxIconContainer { position: absolute; }

.iconCalendar, .contentBoxIconCalendarSearch /*IE6*/
{
    background: url(Images/boxicon_calendar.png) no-repeat;
    width: 32px; height: 36px; margin: 2px 0 0 0;
}

.clockIcon { position: relative; top: 1px; }

.shortMonth
{
    color: #FFFFFF; font-size: 9px; padding: 1px 0 0 0px;
    font-family: Tahoma; text-align: center; width: 28px;
}

.calDay
{
    color: #26343e; font-size: 15px; text-align: center; width: 28px;
    font-family: Arial;
}

.contentBoxIconLinks /*IE6*/
{
    background: url(Images/boxicon_links.png) no-repeat;
    width: 21px; height: 34px; margin: 0 0 0 4px;
}

.contentBoxIconQuestion /*IE6*/
{
    background: url(Images/boxicon_question.png) no-repeat;
    width: 29px; height: 31px; margin: 2px 0 0 0;
}

.contentBoxIconFb /*IE6*/
{
    background: url(Images/boxicon_fb.png) no-repeat;
    width: 30px; height: 25px; margin: 2px 0 0 0;
}

.contentBoxIconTrain /*IE6*/
{
    background: url("Images/icon_train.png") no-repeat;
    width: 30px; height: 25px; margin: 2px 0 0 0;
}

.contentBoxIconCalendarSearch /*IE6*/
{
    background: url(Images/boxicon_calendarsearch.png) no-repeat;
}

.contentBoxIconInfo 
{ 
    background: url(Images/boxicon_info.png) no-repeat; 
    width: 36px; height: 36px; margin: 2px 0 0 0;
}

.boxIconImage
{
    position: relative; top: 3px;
}

.contentBox .inforow { padding: 4px 0 4px 4px; }

.contentBox, .contentBoxExternalContent
{
    width: 234px; background: #f7f7f7 url(Images/bg_content_box.gif) no-repeat right bottom;
    padding: 23px 15px 12px 10px; margin-bottom: 15px;
}

.contentBoxExternalContent
{
    padding-top: 14px;
}

.calTeaser { padding-left: 14px; width: 230px; }

.contentBox a { display: block; }
.contentBox .helpdocrow a { display: inline;}

.contentBox div a.calendarLink { margin: 0 0 13px 15px; }

.contentBox a.linksize11Bold { margin-top: 16px; }

.contentBoxHeader { padding: 0 0 0 45px; }

.iconContainer { height: 41px; width: 41px; float: left; }

.contentBox .iconLink, .iconHeader { float: left; width: 193px; }

.iconHeader
{
    text-transform: uppercase; font-size: 10px; color: #585858; font-weight: bold;
    padding: 1px 0 2px 0;
}

.lastIcon { height: 35px; }

.iconFish { background: url(Images/icon_fish.png) no-repeat; } /*IE6*/
.iconChart { background: url(Images/icon_chart.png) no-repeat; } /*IE6*/
.iconTrain { background: url(Images/icon_train.png) no-repeat; } /*IE6*/
.iconBath { background: url(Images/icon_bath.png) no-repeat; } /*IE6*/
.iconRecycle { background: url(Images/icon_recycle.png) no-repeat; } /*IE6*/
.iconDocument { background: url(Images/icon_document.png) no-repeat; } /*IE6*/

.contentBox strong, .bold
{
    font-size: 11px; color: #585858; height: 13px; display: block; font-weight: bold;
}

.bold  { height: auto;}

.questionBoxFooter { padding: 7px 0 0 2px; }

.questionBoxFooter a { display: inline; margin-left: 5px; }

.alternatives { font-size: 11px; padding: 12px 10px 0 2px; float: left; }

.alternatives div { padding: 0px 0 9px 0px; }

.resultBars
{
    border-left: 1px solid #c7c7c7; padding: 5px 0 0 0; margin-top: 7px;
}

.resultBars span
{
    height: 15px; display: block; float: left;
    margin-right: 4px;
}

.resultBar1 span { background-color: #b12222; width: 15px; }
.resultBar2 span { background-color: #21469b; width: 55px; }
.resultBar3 span { background-color: #3b7630; width: 30px; }
.resultBar4 span { background-color: #e6ed2e; width: 45px; }
.resultBar5 span { background-color: #ed2eb9; width: 45px; }
.resultBar6 span { background-color: #ef5613; width: 45px; }
.resultBar7 span { background-color: #FFFFFF; width: 45px; }
.resultBar8 span { background-color: #ff6ab7; width: 45px; }

/* content end */

/* my page*/
.editAreaMyPage, .addDateArea
{
    padding: 5px 0 0px 0; border-top: 1px solid #cccccc;
    margin: 20px 0 0 0;
}

.editIcons { text-align: right; padding: 0 0 3px 0; border-bottom: 1px solid #cccccc;}

.editIcons a { position: relative; top: -4px; padding: 0 0 0 0; }

.editIcons img { padding: 0 0 0 10px; position: relative; top: 4px; }

.editHeader { float: left;}

.listEditText
{
    padding: 5px 0 15px 0;
}

.addDateArea
{padding-top: 10px;}

.editOrgLinks
{
    padding: 5px 0 12px 0; margin-bottom: 10px; border-bottom: 1px solid #cccccc;
}

.linksize15 .requestLink { font-size: 11px; position: relative; bottom: 0px;}

/*under construction*/
.editAreaMyPage { border: none; }

.editAreaMyPage .last
{
    /*under construction*/
    border-bottom: none; /*1px solid #cccccc;*/
}

.margin5
{
    padding: 5px;
}

.addedDateRow
{
    padding: 4px 0 4px 0;  border-bottom: 1px dotted #cccccc; font-size: 13px;
}

/* my page end*/

/* image contenst start*/
.iconUploadImage a { font-size: 16px; }
.iconUploadImage img { position: relative; top: 8px; padding: 0 10px 0 0; }
.iconUploadImage { border-top: 1px dotted #c7c7c7; padding: 0 0 20px 0; margin: 15px 0 0 0; border-top: 1px solid #c7c7c7;}
.imageContestDate {color: #666666;  padding: 10px 0 10px 3px; margin: 0 0 10px 0; border-bottom: 1px dotted #c7c7c7; border-left: none; border-right: none; }
.imageContestItemHeader { padding: 0 0 10px 0;}
.imageContestImage { float: left; border-right: 1px dotted #c7c7c7; padding: 0 15px 0 0; dmargin-bottom: 25px;}
.imageContestDescription { float: left; padding: 0 0 0 13px; width: 182px; }
.winnerImagText { font-size: 20px; color: #f1ad57;}
/* footer */
.footer
{
    background: #f8f8f8; padding: 6px 0 5px 5px;
    border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto;
}

.userLoginArea
{
    float: left; width: 468px;
}

.register, .passwordRecovery /*IE7 and IE6*/
{padding: 3px 0 0px 6px; float: left;}

.passwordRecovery { padding-left: 46px;}/*IE7 and IE6*/

.loginMessage, .imgErrorMessage, .errorMessage, .errorMessageContactform
{
    color: #993333; font-size: 11px; font-weight: bold; padding: 3px 0 0 6px;
    clear: both; width: 100%;
}

.errorMessageContactform
{
    clear: none; padding-left: 0px;
}

.confirmationText
{
    
}

.userInfo
{
    height: 21px; padding: 2px 0 0 0;
}

.preferenceImg
{
    padding: 0 2px 0 14px; position: relative; top: 1px;
}

.minSida
{
    padding: 0 14px 0 0;
}

.logoutImg
{
    position: relative; top: 1px; left: 1px;    
}

.footerLinks 
{ 
    float: left; width: 313px; text-align: right; padding: 2px 4px 0 0; font-family: Arial;
    color: #b3b3b3;
}

.footerLinks a { padding: 0 3px 0 3px; }

.footerText { color: #9b9b9b; font-size: 10px; font-family: Arial; padding: 4px 0 25px 1px; }
/* footer end */

.tellAFriend
{
    display: none; background: url(Images/bg_tell_a_friend_bubble.png) no-repeat left top;
    height: 52px; width: 313px; height: 59px; padding: 16px 5px 0 5px; z-index: 3;
}

.closeLink
{
    text-align: right; padding: 0 7px 4px 0;
}

.last { border: none; }

.dataPager
{
    dbackground-color: Fuchsia;
    padding: 10px 0 10px;
}


/*Contact*/
.dividerMargin { margin: 0 0 12px 0; padding: 0 0 10px 0; }
.addressBoxLeft, .addressBoxRight { line-height: 17px; float: left; padding: 0 20px 20px 0; height: 80px;}
.addressBoxRight { padding-right: 0;}
/**/


/*WeatherControl*/
.weatherWidgetMini
{position: relative; bottom: 3px; right: 4px;}

.weatherLink {padding: 1px 0 10px 55px;}
.weatherContainer {width: 150px; height: 90px; overflow: hidden; position: relative;}
.weatherItem { position: relative; bottom: 80px;}

/* BlogList */
.blogList h2
{    
    margin-bottom: 4px;
}

.blogList .blogInfo
{
    padding-top: 5px;
    padding-bottom: 30px;    
}

.blogList .blogDescription
{
    display: none;
}

/** Timetable **/
.timeTable
{
    width: 233px;    
}

.timeTable strong
{
    padding: 0 0 2px 0; display: block;
}