/* Start of CMSMS style sheet 'styles.css' */
/*Tiny MCE Classes*/
.tiny-highlight {font-weight:bold;}
.tiny-contentbox {background:#fbfbf4; border: 1px solid #dfdec8; -moz-border-radius:7px;  -webkit-border-radius:7px; padding: 20px;}
.tiny-picture-border {padding:5px; border: 1px solid #ddd;}
.tiny-picture-left {padding:5px; border: 1px solid #ddd; margin:0 20px 10px 0; float:left;}
.tiny-picture-right {padding:5px; border: 1px solid #ddd; margin:0 0 10px 20px; float:right;}
.tiny-introduction {padding: 0 0 0 15px; border-left: 1px solid #c9c9c9; font-style:italic;}

/*HTML Tags*/
html {}
    body {margin:0; padding:0; background:#426785; font-family:"Arial"; font-size:11px; color:#383838;}
        h1 {}
        h2 {}
        h3 {}
        h4 {}
        h5 {}
        h6 {}
        h7 {}
        ul {}
        li {}
        p {}
        a {text-decoration:none; color:#124b6b;}
        a:hover {text-decoration:underline;}
        img {border:none;}

/*Generic Classes*/
.clear {clear:both;}
/*Structure*/
.layout-main-container {margin: 0 14px; padding:0 0 0 0; background:url('images/layout-main-column-background.jpg') no-repeat;}
.layout-column-main {float:right;}
.layout-1column {}
.layout-2columns-left {width:590px; padding: 30px 30px 20px 0;}
.layout-2columns-right {width:598px; float:left;}
.layout-3columns {position:relative; width:316px; min-height:340px; padding:0 30px;}
.layout-side-bar {width:282px; background:#cbcbcb url('images/side-bar-close.jpg') no-repeat bottom;}
.layout-side-bar-left {float:left;}
.layout-side-bar-right {float:right;}

/* Classes: Positioning - Formating */

.wrapper {width:968px; min-height:500px; margin: 20px  auto 0 auto; background:url('images/wrapper-background.jpg');}   
    
    h1 {color:#426785; font-size:2.5em;}
    h1 .f-hightlight { margin:0 10px 0 0; color:#aecd02;} 
    .layout-main-container-inside {background-position: 24px 0;}
      
    .tech-nav {width:270px; position:absolute; left:0; bottom:0px; margin: 0 0 0 60px; font-size:0.9em;}
    .tech-nav .view-all {float:left;}
    .tech-nav .view-all a {color:#426785;} 
    
    .side-bar-content {padding: 20px 30px; min-height:305px; }
    .side-bar-content h2 {color:#426785; font-size:2.2em; margin: 0 0 5px 0;}
    .side-bar-content h2 .f-hightlight {color:#454545;}
    .side-bar-content .page-text {padding: 0;}
    
    .layout-side-bar-right .side-bar-content {font-size: 1em; background:url('images/side-bar-right-background.jpg') no-repeat;}
    
    .search-box {position:absolute; right:31px; top:25px;} 
    .search-box label {display:none;}    
    .search-box .search-input {width:90px; font-size:0.9em; font-style:italic; color:#fff; background:#bad718; border:1px solid #94ab13;}
    .search-box .search-button {background:#94ab13; border:1px solid #fff; font-size:0.9em; color:#fff;}
    
    .header {position:relative; height:102px; background:url('images/header-background.jpg') no-repeat;}
        .header a.home {width:400px; height:80px; position:absolute; left:0; top:0; display:block;}
        
    .menu-level1 {min-height:240px; font-size:1.1em;}
        .menu-level1 ul {margin:0; padding:0; list-style-type:none;}
        .menu-level1 ul li {padding: 0 0 5px 10px; margin: 0 0 5px 0; border-bottom:1px solid #fff; background:url('images/menu-li.jpg') no-repeat;}
        .menu-level1 ul li:last-child {margin:0;} 
        .menu-level1 ul li:hover {}
        .menu-level1 ul h3 {margin:0; color:#383838; font-size:1em;}
        .menu-level1 ul li a {color:#383838;}
        .menu-level1 ul li.menuactive a,
        .menu-level1 ul li.menuparent a {color:#383838;}
        .menu-level1 ul li.menuparent {font-weight:bold;}
        .menu-level1 ul li a:hover {color:#426785;text-decoration:none;}
        .menu-level1 ul li ul {margin: 5px 0 0 0; font-weight:normal;}
        .menu-level1 ul li ul li {margin: 0; padding: 1px 0 1px 7px; background:url('images/menu-ul-li-ul-li.jpg') no-repeat 0 5px; border:none;}
        .menu-level1 ul li ul li h3 {font-weight:normal; color:#426785;}

   .home-content {min-height:240px;}
       .home-box-container {width:270px; padding: 0 20px; float:left; position:relative; background:#d9d9d9; min-height:250px;}
           .home-box-header {height:4px; width:310px; position:absolute; left:0; top:0; background: url('images/home-box-top.jpg') no-repeat;}
           .home-box-footer {height:4px; width:310px; position:absolute; left:0; bottom:0; background:red url('images/home-box-bottom.jpg') no-repeat;}
       
       .home-flash-zone {position:relative; height:257px; background: url('images/home-picture.jpg') bottom no-repeat; }
           .home-flash-zone .text {position:absolute; right: 35px; top: 70px; width:140px; height:180px; color:#fff; font-size:1em; line-height:1.0em;}
           .home-flash-zone .text h2 {font-size:1.6em; margin:0 0 10px 0; padding:0;}
       .home-introduction {width:270px; padding: 0 20px; float:left; margin:0 5px; }
       .home-news {}
           .home-news h2 {}
           .home-news ul.news-list {padding: 0 20px 0 30px;}
   
   .inside-flash-zone {position:relative; height:118px; background: url('images/inside-picture.jpg') bottom no-repeat; }
   .page-image-zone {height:163px; background:url('images/inside-image.jpg');}
   
   .page-title {margin: 5px 0 20px 0;}
   .page-title h1 {margin: 0 0 0 30px; color:#426785; font-size:2em;}
   .page-title .f-hightlight {float:left; margin:-20px 10px 0 0; color:#aecd02; font-size: 5em; font-weight:bold;} 
       
   .page-text {padding: 0 0 0 42px;}
       .page-text a {color:#124b6b;}
       .page-text ul {}
       .page-text ul li {margin: 0 0 10px 0;}

   .breadcrumbs {font-size:0.9em; color:#868686; text-align:right;}
   .breadcrumbs a {text-decoration:underline; color:#426785;}        
    ul.news-list {margin:0; padding:0; list-style-type:none;}
    ul.news-list li {margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom:1px solid #acacac;}
    ul.news-list li:last-child {border:none;}
    ul.news-list li h3 {margin:0;  color:#a5c202; font-size:1.1em;}
    ul.news-list li .date {font-style:italic; color:#707070;}
    ul.news-list li .read-more {margin: 10px 0 0 0; text-align:right; color:#426785; font-size:0.9em;}
    
    ul.documents-list {margin:0; padding:0; list-style-type:none;}
    ul.documents-list li {margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom:1px solid #acacac;}
    ul.documents-list li h3 {margin:0;  color:#a5c202; font-size:1.1em;}
    ul.documents-list li .date {font-style:italic; color:#707070;}
    ul.documents-list li .read-more {margin: 10px 0 0 0; text-align:right; color:#426785; font-size:0.9em;}
    
    ul.attached-documents {margin:5px 0 0 0; padding:5px 0 0 0; overflow:hidden; list-style-type:none;}
    ul.attached-documents li {float:left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-bottom:none; border-right: 1px solid #acacac; }
    ul.attached-documents li:last-child {border:none;} 
    ul.attached-documents li img {vertical-align:middle; margin: 0 5px 0 0;}
    ul.attached-documents li .file-info {color:#707070;}

    ul.search-results {margin:0; padding:0; list-style-type:none;}
    ul.search-results li {margin: 0 0 5px 0;}
    ul.search-results li h3 {margin:0; padding:0;}
    ul.search-results li .weight {color:#707070; font-style:italic;}
    
    ul.glossary-list {margin:0; padding:1px; list-style-type:none; border:1px solid #acacac;}
    ul.glossary-list li {padding: 3px 5px; margin:0;}
    ul.glossary-list li div.term {float:left; width:60px; font-weight:bold; color:#426785;}
    ul.glossary-list li .definition {font-style:italic;}
    
    ul.members-list {margin:0; padding:0; list-style-type:none;}
    ul.members-list li {float:left; height:80px; line-height:80px; width: 110px; margin: 0 5px 5px 0; border:1px solid #ddd; padding:10px; text-align:center;}
    ul.members-list li img {width:100%; vertical-align:middle;}

        
    ul.events-list {list-style-type:none; margin:0; padding:0;}
    ul.events-list li {margin: 0 0 10px 0; padding: 0 0 0 20px; border-left:5px solid #aecd02;}
    ul.events-list li h4 {margin:0; padding:0; font-size:1.2em; }
    ul.events-list li .venue {font-style:italic;}
    ul.events-list li .date {color:#666; padding: 3px 0;}
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        ul.events-list li{width:550px; overflow:hidden;}
}

    
    ul.factsheets-list {list-style-type:none; margin:0; padding:0;}
    ul.factsheets-list li {margin: 0 0 10px 0; padding: 3px 0 3px 10px; border-left:5px solid #aecd02;}
    
    /*ul.events-list {list-style-type:none; margin:0; padding:0;}
    ul.events-list li {margin: 0; padding: 10px 0 10px 0; border-top:1px solid #cacaca;}
    ul.events-list li:last-child {border-bottom:1px solid #cacaca;  margin:0;}
    ul.events-list li h4 {margin:0; padding:0; font-size:1.2em; }
    ul.events-list li .venue {font-style:italic;}
    ul.events-list li .date {color:#666;}*/

    ul.search-results {list-style-type:none; margin: 15px 0 0 0; padding:0;}
    ul.search-results li {background-image:none; padding: 3px 5px;}

    
    .error_message {display:none;}
     .subscribe-to-news { border: 1px solid #cacaca; padding: 20px;width:422px; }
        .subscribe-to-news div {margin: 0 0 2px 0}
        .subscribe-to-news div.checkbox-list {margin:10px 0 0 0;}
            .subscribe-to-news div.checkbox-list label {width:100%; font-weight:bold;}
            .subscribe-to-news div.checkbox-list input,
            .subscribe-to w-news div.checkbox-list div label {width:auto; font-weight:normal;}
            .subscribe-to-news div.checkbox-list div {float:left;}
        .subscribe-to-news label {float:left; width: 180px;}
        .subscribe-to-news textarea,
        .subscribe-to-news select,
        .subscribe-to-news input {border:1px solid #d6d6d6; background:#fff;}
        .subscribe-to-news select,
        .subscribe-to-news input {width: 240px;}
        .subscribe-to-news div.comments {clear:both;}
            .subscribe-to-news div.comments textarea {width: 420px; height:150px;}
        .subscribe-to-news div.submit {margin: 10px 0 0 0; padding: 10px 0 0 0; text-align:center; border-top:1px solid #d6d6d6;}
            .subscribe-to-news div.submit input {width:auto; background:#82a7cd; color:#fff; font-weight:bold; font-size:0.8em; border:1px solid #fff; padding: 3px 7px;}
            .subscribe-to-news div.submit input:hover {background:#6189b3;}
        .subscribe-to-news .inline-error {color:#d70000;}
        .subscribe-to-news div.fb_invalid input,
        .subscribe-to-news div.fb_invalid select {background:#ffd2d2;}
        .subscribe-to-news div.captcha {clear:both; margin: 10px 0 0 0;}
        .subscribe-to-news div.captcha div.captcha-error {color:#d70000;}
        .subscribe-to-news div.captcha img {float:left; border:1px solid #d6d6d6; margin: 0 20px 0 0;}
        .subscribe-to-news div.captcha input {width:200px; margin:10px 0 0 0;}
  
  .odd {background:#efefef;}
  .even {}
   
  ul.gallery-list{list-style-type:none; padding:0; margin:0;}
      ul.gallery-list li{ border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 10px 0; height:65px;}
      ul.gallery-list li .thumb{border:1px solid #ddd; padding:5px; float:right;}
      ul.gallery-list li .thumb a{display:block;background-position: center center; background-repeat:no-repeat; width:55px; height:55px; overflow:hidden;}
  
  .description-details{padding:0 0 5px 0;}
  
  ul.gallery-inside{list-style-type:none; padding:0; margin:0;}
  ul.gallery-inside li{float:left; border:1px solid #ddd; padding:5px; margin-right:8px;}
  ul.gallery-inside li a{display:block; background-position:center center; background-repeat:-no-repeat; width:60px; height:60px; overflow:hidden;}
        
  .back{clear:both;}
  
   .footer {width:968px; margin:0 auto; padding: 25px 0 0 0; color:#fff; font-size:0.9em; background:url('images/footer-background.jpg') no-repeat;}
   .footer a {color:#fff;}
   .footer .footer-content {float:left;  padding: 5px 0 0 0;}
   .footer .footer-logos {float:right;}
   .footer .footer-logos img {margin:0 0 0 15px;}
   
/*Colorbox*/
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
    #modalWrap{width:9000px; height:9000px;}
        #modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
        #borderMiddleLeft, #borderBottomLeft{clear:left;}
        #modalContent{position:relative; overflow:visible; }
            #contentTitle{margin:0;}
            #modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
            #modalLoadedContent{overflow:auto; width:0; height:0;}
            #modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
            #modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
            #modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}


#modalBackgroundOverlay{background:url(modules/jQuery/libraries/plugins/colorbox/images/stripe.png) 0 0 repeat;}

#colorbox{}
    #borderTopLeft{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderTopLeft.png) 0 0 no-repeat;}
    #borderTopCenter{height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderTopCenter.png) 0 0 repeat-x;}
    #borderTopRight{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderTopRight.png) 0 0 no-repeat;}
    #borderBottomLeft{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderBottomLeft.png) 0 0 no-repeat;}
    #borderBottomCenter{height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderBottomCenter.png) 0 0 repeat-x;}
    #borderBottomRight{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderBottomRight.png) 0 0 no-repeat;}
    #borderMiddleLeft{width:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderMiddleLeft.png) 0 0 repeat-y;}
    #borderMiddleRight{width:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderMiddleRight.png) 0 0 repeat-y;}
    #modalContent{background:#fff;}
        #modalLoadedContent{margin-bottom:28px;}
            #contentTitle{margin: 0 0 0 0; padding: 0 0 15px 0;position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff;  color:#949494;}
            #contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
            #contentPrevious{position:absolute; bottom:0; left:0px; background:url(modules/jQuery/libraries/plugins/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
            #contentPrevious:hover, #contentPrevious.hover{background-position:-25px -25px;}
            #contentNext{position:absolute; bottom:0; left:27px; background:url(modules/jQuery/libraries/plugins/colorbox/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
            #contentNext:hover, #contentNext.hover{background-position:0px -25px;}
        #modalLoadingOverlay{background:url(modules/jQuery/libraries/plugins/colorbox/images/loading.gif) center center no-repeat #fff;}
        #modalClose{position:absolute; bottom:0; right:0; background:url(modules/jQuery/libraries/plugins/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #modalClose:hover, #modalClose.hover{background-position:-50px -25px;}
        

/* End of 'styles.css' */

