﻿html{}
body {margin:0 1%; padding:0;font:11pt/1.5 Arial;height:100%;color:#006;background: #DDD;
      border-left:2px solid #CCC;border-right:2px solid #CCC;}
body {background: none; border:none;position:relative; text-align:center; text-align: -moz-center;}

/* external container */
div#containerCenter{padding-left:0px;padding-right:0px;background:#fff;width:960px;}
div#containerCenter{background:url('../_img/header-2.jpg') no-repeat top right; margin-left: auto;
  margin-right: auto;position:relative;text-align:left;}

.header{background: url('../_img/sostravel_logo2.png') no-repeat bottom left; clear:both;height:115px;}
.headerWhat{background: url('../_img/whataboutlogo-small.png') no-repeat bottom left; clear:both;height:125px;}
.mainmenu {background-image:url('../_img/menubgTrans.png') !important ; border-top:2px solid #CE7726; border-bottom:2px solid #CE7726; border: none;margin-top:5px;}
.hoverBar {height:30px; margin-top:-8px;}
.newsticker { background: url('../_img/rss.png') no-repeat top left;background:none; width:400px;margin-left:5px;padding-left:5px;float:left;}
.newsticker a {color:#005288;font-size:11px; line-height:30px; vertical-align:middle;position:relative;}
.slogan
{
    float: right;
    width: 400px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    padding-top:8px;
}

/* menu blu */
.mainmenu .RadMenu_Web20 .rmRootGroup 
{
    height:25px !important;
    background:none !important;
    background-image:url('../_img/menubgTrans.png') !important ;
    /*background: red !important ;*/
    border:0px !important ;
}
.RadMenu_Web20 .rmItem 
{
    height:25px !important;
    /*background: red !important ;*/
    border:0px !important ;
    border-right:2px solid #CE7726 !important ;
}
.RadMenu_Web20 .rmLast
{
    border-right:none !important ;
}
.RadMenu_Web20 .rmItem .rmLast 
{
    border-right:2px solid #CE7726 !important ;
}
.RadMenu_Web20 .rmFocused 
{
    height:25px !important;
    color:#fff !important;
    border:0px !important ;
}
.RadMenu_Web20 .rmLink:hover {color:#fff !important;border:0px !important ;background:none !important;background-image:url('../_img/menubgTrans2.png') !important ;}
.mainmenu .RadMenu_Web20 .rmText {background:none !important;}
.RadMenu_Web20 .rmLink {
    color:#CE7726 !important;
    font-weight:bold !important;
    background:none !important;
}






#main1 {margin:0; padding:0;}

.left {float:left;width:180px;margin:0;padding:0;padding-top:8px; font-size:80%;height:100%;}
#right {float:right;width:180px;margin:0;padding:0;padding-top:8px;font-size:80%;height:100%;}
#middle {margin:0 180px 0 180px;font-size:80%; padding-top:8px; }
#middleFull
{
    padding: 8px 0px 0px 0px;
    margin: 0 180px 0 0px;
    font-size: 80%;
    margin-left:-10px;
    position:relative;
}

#footer{text-align:center;padding:4px;border-top:1px solid #ddd;font-size:10px;margin-top:8px;}
#footer .left{float:left;clear:none;width:49%;text-align:left;padding-left:10px}
#footer .right{float:left;clear:none;width:49%;text-align:right;padding-right:4px;}
#footer .centered{margin-left:auto;margin-right:auto;position:relative;display:block;width:300px;margin-top:20px;}
#footer .menu{border-top:1px solid #ddd;font-size:10px;margin-top:8px;}

.column-in {margin:0; padding:0;}
.cleaner {clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}
div.content{padding:10px;padding-top:0;}


#txtMain_contentIframe html body 
{
    background: #fff;
    background-color:#fff;
    }
    
    
div.spacer { clear: both; height:0px; line-height:0px}


/* NEWS Panel homepage */
.news .panel
{
    width:100%;
    
}
.news .panel  h3 {}
.news .panel .greenBar {background: #325D97;height:15px; line-height:15px;margin:0;padding:0;width:100%;margin-bottom:5px;}
.news .panel .left {float:left;width:49%;}
.news .panel .right {float:right;width:49%;} 

.news .panel a.itemLnk 
{
    text-decoration:none;
    color:#000;
}
/*news*/
.news .panel div.cnt {border-top:1px solid #898c95;}
.newsBox .newsContent div.cnt {border:1px solid #898c95;}
.newsTabs {display:block;position:relative;margin-bottom:-1px !important;}

/* Homepage - boxes */
.title 
{
    
    padding: 5px;
      color: #3F718C;
    font-weight: bold;
    font-size:14px;
    }
    .title img
{
    border:none;
    margin-right:8px;
    margin-top:6px;
    vertical-align: middle;
    }
        .title a
{
    color: #3F718C;
    font-weight: bold;
    font-size:14px;
    line-height:16px;
    height:16px;
    vertical-align: bottom;
    
}
.buttons
{
    margin:5px;
    padding: 5px;
    background: #669ACC url(../_img/subsBg.png)  repeat top right ;
    text-align:right;
}
.buttons img
{
    vertical-align: middle;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
}
.pocketGuidesBox 
{
    width:100%;
    height:169px;
    background:url(../_img/traveler.png) no-repeat center; 
    cursor:pointer;
    }
    .video 
{
    width:100%;
    height:169px;
    background:url(../_img/watchvideo.png) no-repeat top center; 
    vertical-align:bottom;
    cursor:pointer;
    }
.video  .title
{
     padding-top:110px;
    vertical-align:bottom;
    }
    .tern 
{
    width:100%;
    height:50px;
    padding:0;
     margin:0;
    }
        .tern img
{
   
    vertical-align:bottom;
    padding:0;
     margin:0;
    }
.about 
{
    width:100%;
    height:50px;
    background:url(../_img/about.png) no-repeat top center; 
    }
.avianMap .title
{
    background:#B9C9CE;
    }
    .avianMap .body
{
    width:100%;
    height:169px;
    background:url(../_img/avianmap.png) no-repeat center;
    }

 .eventbox a img     
 {vertical-align:middle;margin-right:5px;}
/* pocket guides page */
.pocketGuides{width:100%;  background:#C0DDEC url(../_img/pocketBg.png) no-repeat bottom right;}
.pocketGuides .title
{
    font-size: large;
}
.pocketGuides .body { padding:10px;width:70%;color:#000;}
.pocketGuides .body ul { padding:10px;margin:0;}
.pocketGuides .body h4 { margin:10px;color:#3F718C; font-size:small;}
.pocketGuides .thumbs {padding:10px;width:70%;}
.pocketGuides .thumbs .thumb{width:180px;border:1px solid #E1A42F;padding:0; float:left; margin-right:5px;margin-bottom:5px;}
.pocketGuides .thumbs .thumb .body{width:100%;height:80px;padding:0;background:#fff url(../_img/thumb.png) no-repeat center;}
.pocketGuides .thumbs .thumb .footer
{
    background-position: left;
    height: 28px;
    padding: 3px;
    background: #006093 url(../_img/wtologo.png) no-repeat left;
    text-align: right;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

/* Shadowed box */
div.ContentBlock {
	float: left;
	width:100%;
	position: relative;
	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	background-color:#FFF;
	background-image:url(../_img/shadBox/shad_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	
}
div.ContentBlock div.bottomleft {
	width:4px;
	height:4px;
	position:absolute;
	bottom:0;
	left:-1px;
	background:url(../_img/shadBox/shad_blcorner.gif) no-repeat bottom left;
}
div.ContentBlock div.bottomright {
	width:4px;
	height:4px;
	position:absolute;
	bottom:0;
	right:-0px;
	background:url(../_img/shadBox/shad_brcorner.gif) no-repeat bottom right;
}
div.ContentBlock div.Fade {
	padding:0px;
	min-height:20px;
	background-image:url(../_img/shadBox/Fade.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:4px;
	margin-right:5px;
}
div.ContentBlock div.SideShadow {
	background-image:url(../_img/shadBox/rightShadow.gif);
	background-position:right;
	background-repeat:repeat-y;
 
}

 .infoBox
{
    padding: 5px;
    background-color: #B5D9FD;
    font-style: italic;
    margin-bottom:5px;
    font-size:12px;
    font-family: "segoe ui",arial,sans-serif;
    text-align:left;
}

