﻿.main-seperate
{
   width:15px;
   height:236px;
   background-image:url(img/seperate.jpg);
   float:left;
   margin-top:70px;
}
.main-seperate2
{
   width:15px;
   height:236px;
   background-image:url(img/seperate2.jpg);
   float:left;
   margin-top:70px;
}
#banner-rotator
{
   width:950px;
   height:433px;
   float:left;
}
/************************ GALLERY*************************/
.gallery-item
{
   border:solid 1px #dedede;
   background-color:White;
   float:left;
   padding:2px;
   margin:10px;
}
.gallery-item img
{
   border:none;
   filter: alpha(opacity=60);
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;  
}
.gallery-item img:hover
{
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;  
}



/************************ ALLNEWS **************************/
.allnews-container
{
   width:647px;
   float:right;
   padding:20px;   
}
.allnews-container .icon
{
   width:5px;
   height:7px;
   background-color:#666666;
   margin-top:6px;
   float:left;
}
.allnews-item
{
   margin-left:10px;
   line-height:1.5;
}
.allnews-item .header
{
   font-family:Tahoma;
   font-size:12px;
   color:Maroon;
   text-decoration:none;
}
.allnews-item .header:hover {text-decoration:underline;}
.allnews-item .shortcontent
{
   color: #666666;
   font-size: 12px;
   text-decoration: none;
}

/************************  NEWS ****************************/
.news-container
{
   width:265px;
   height:400px;
   float:left;
}
.news-container .content
{
   width:235px;
   height:340px;
   float:left;
   padding:15px;
   overflow:hidden;
}
.news-container .label
{
   font-size:18px;
   color:Maroon;
   background-image:url(img/icon-campaign.jpg);
   background-repeat:no-repeat;
   background-position: left center;
   padding-left:30px;
}
.news-item
{
   width:100%;
   line-height:1.5;
   padding-left:10px;
   background-image:url(img/news-item.png);
   background-position:left;
   background-repeat:repeat-y;
}

.news-item .date
{
   color: #808080;
   font-size: 11px;
}
.news-item .header
{
   font-family:Tahoma;
   font-size:12px;
   color:Maroon;
   text-decoration:none;
}
.news-item .header:hover {text-decoration:underline;}
.news-item .shortcontent
{
   color: #666666;
   font-size: 12px;
   text-decoration: none;
}

.allnews
{   
   width:235px;
   height:30px;
   padding-left:15px;
   padding-right:15px;
}
.allnews a
{
   color:Maroon;
   font-size:12px;
   text-decoration:none;
}
.allnews a span {color:#666666}
.allnews a:hover {text-decoration:underline}


/************************ CAMPAIGN *************************/

.campaign-container
{
   width:360px;
   height:370px;
   float:left;
   padding:15px;
   overflow:hidden;
   
}
.campaign-container .label
{
   font-size:18px;
   color:Maroon;
   background-image:url(img/icon-campaign.jpg);
   background-repeat:no-repeat;
   background-position: left center;
   padding-left:30px;
}

/************************ BUTTONS *********************/
.button-container
{
   width:235px;
   height:370px;
   float:right;
   padding:15px;
   overflow:hidden;
}
.button-container a
{
   width:171px;
   height:33px;
   margin-left:14px;
   margin-top:20px;
   display:block;
   background-image:url(img/icon-rightbutton.png);
   background-position:right;
   background-repeat:no-repeat;
   text-decoration:none;
   text-align:right;
   font-size:20px;
   padding-right:45px;
   padding-top:3px;
   color:Maroon;
}
.button-container a:hover
{
   background-image:url(img/icon-rightbutton-h.png);
   color:Red; 
}

.showcase-container
{
   width:950px;
   height:190px;
}

/*
.button-container .video
{
   width:216px;
   height:36px;
   margin-left:14px;
   margin-top:20px;
   display:block;
   background-image:url(img/video.png);
}
.button-container .video:hover
{
   background-image:url(img/video-h.png);
}

.button-container .gallery
{
   width:216px;
   height:36px;
   margin-left:14px;
   margin-top:20px;
   display:block;
   background-image:url(img/gallery.png);
}
.button-container .gallery:hover
{
   background-image:url(img/gallery-h.png);
}

.button-container .map
{
   width:216px;
   height:36px;
   margin-left:14px;
   margin-top:20px;
   display:block;
   background-image:url(img/map.png);
}
.button-container .map:hover
{
   background-image:url(img/map-h.png);
}

.button-container .survey
{
   width:216px;
   height:36px;
   margin-left:14px;
   margin-top:20px;
   display:block;
   background-image:url(img/survey.png);
}
.button-container .survey:hover
{
   background-image:url(img/survey-h.png);
}
*/

