@charset "utf-8";
* {margin:0; padding:0;}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; 	margin: 0; padding: 0;	text-align: center; color: #000000;}

.thrColHybHdr #container {position: relative; width: 1056px;	background: #FFFFFF; margin: 0 auto;  text-align: left; /*background-image: url(Images/Backgrounds/Caribbean.png); background-repeat:no-repeat; background-position:  center;*/}  
.thrColHybHdr #header { position:relative; background: #DDDDDD; padding: 0 10px; background-image:url(Images/Backgrounds/barjackBanner.jpg); height:120px;} 
.thrColHybHdr #container #header div#WelcomeBox { color:yellow; position:absolute; left:840px; top: 72px; font-size:small;width: 210px;margin:0; padding:0; z-index:500; text-align: right;}

.thrColHybHdr #container #header div#WelcomeBox a:link {color: yellow;}
.thrColHybHdr #container #header div#WelcomeBox a:visited {color: yellow;}
.thrColHybHdr #container #header div#WelcomeBox a:hover {color: yellow;}
.thrColHybHdr #container #header #HeaderLogo {width: 80%; height: 100px; top: -10px;  position: absolute; left: 12px; top: 10px; z-index:1;}
.thrColHybHdr #container #header #HeaderLogo img {width: 100%;}

.thrColHybHdr #header h1 {	margin: 0; font-size:1.9em; padding: 4px 0;color:#999999; }

.thrColHybHdr #header h1.hoffset {margin: -55px 3px; padding: 10px 0; color: #000;}
.thrColHybHdr #header h1.501c3 {margin: 0 4px; padding: 44px 0; color: #000; font-size:0.9em; color:#666666; font-style:italic;}
.thrColHybHdr #header div#mission { position:absolute; left: 100px; margin: 0px auto 0 auto; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left; font-size:70%; color: #CCC; width: 950px; padding: 10px 0; font-style:italic; top: 70px; visibility:hidden; }  

/* Main Menu 
html > body .thrColHybHdr #navbar {top:60px; margin: 20px 0 0 -10px;}*/
.thrColHybHdr #navbar { position:absolute; font-size:16px; font-weight:bold; top:99px; margin: 0 0 0 -10px; padding:0; background-color:#FFF;  width: 1056px; height: 24px; opacity: 0.40;-moz-opacity: 0.40;filter: alpha(opacity=40);  }
.thrColHybHdr #navbar ul  { position: relative; list-style:none; margin: 0px auto 0 auto; text-align:center; width: 100%;padding:0; }
.thrColHybHdr #navbar ul li {display:inline; margin: 0; top:-5px; width:12ems; padding: 4px 1em ;}

.thrColHybHdr #navbar ul li a:link {color: #666; text-decoration:none; }
.thrColHybHdr #navbar ul li a:visited {color:#666; text-decoration:none;}
.thrColHybHdr #navbar ul li a:hover {color: #FFF; text-decoration:none; background-color: #006;  opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90);  }

/* SubMenus */
.thrColHybHdr #submenuContainer {position:absolute; width: 100%; height: 24px; z-index:	100; left: 250px;}
.thrColHybHdr #navbarConferences, #navbarInitiatives, #navbarServices, #navbarOpportunities, #navbarPublications  {position:absolute; top: 122px; font-size: small; margin: 0; padding:0; width: 100%; visibility:hidden;}
.thrColHybHdr #navbarConferences ul, #navbarInitiatives ul, #navbarServices ul, #navbarOpportunities ul, #navbarPublications  ul  { list-style:none; margin: 0; }
.thrColHybHdr #navbarConferences ul li, #navbarInitiatives ul li, #navbarServices ul li, #navbarOpportunities ul li, #navbarPublications  ul li  {display:inline; margin: 0; width:12ems;padding: 2px 1em 4px 1em;}

.thrColHybHdr #navbarConferences  {padding-left: 20px;display: inline;}
.thrColHybHdr  #navbarInitiatives {padding-left: 90px; display: inline;}  
.thrColHybHdr #navbarServices  {padding-left: 10px;display: inline;}
.thrColHybHdr #navbarOpportunities   {padding-left: 260px;display: inline;} 
.thrColHybHdr  #navbarPublications  {padding-left: 300px;display: inline;} 


.thrColHybHdr #navbarConferences ul li a:link, #navbarInitiatives ul li a:link, #navbarServices ul li a:link, #navbarOpportunities ul li a:link, #navbarPublications  ul li a:link {color: #999; text-decoration:none; font-weight:bold;}
.thrColHybHdr #navbarConferences ul li a:visited, #navbarInitiatives ul li a:visited, #navbarServices ul li a:visited, #navbarOpportunities ul li a:visited, #navbarPublications  ul li a:visited {color:#999; text-decoration:none; font-weight:bold;}
.thrColHybHdr #navbarConferences ul li a:hover, #navbarInitiatives ul li a:hover, #navbarServices ul li a:hover, #navbarOpportunities ul li a:hover, #navbarPublications  ul li a:hover {color: #F96; text-decoration:none; font-weight:bold; }

.thrColHybHdr #announcement {width: 90%; border: 1px solid red; margin: 0 12px 6px 3%; padding: 4px; font-size:small; background-color: #CCC;}
.thrColHybHdr a:link {color: blue; text-decoration:none;}
.thrColHybHdr #announcement a:visited {color:blue; text-decoration:none;}
.thrColHybHdr #announcement a:hover {color: red; text-decoration:none; }

/* Sidebar1 */



.thrColHybHdr #sidebar1 {position:relative; float: left; width: 206px; background-image: url(Images/Backgrounds/Acervicornis.jpg); background-repeat: none; background-position:bottom; padding: 8px 0; margin: 4px 0 0 1px;  border:1px #999 solid; height: 585px;  }
.thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {margin-left: 10px; 	margin-right: 10px;}
.thrColHybHdr #sidebar1 h3 { font-size:14px; position:relative;  background-color:#FFF; margin:4px 0 4px 0; padding:0 0 0 2px; width: 92%; left: 3px;}
.thrColHybHdr #sidebar1 h4 { font-size:12px; position:relative;  background-color:#FFF; margin:5px 0 2px 0; padding:0 0 3px 6px; width: 90%; left: 3px; font-style:italic;}
.thrColHybHdr #sidebar1 p.BreakingNews{ font-size:9px; position:relative;  background-color:#FFF; margin:0; padding:0 0 2px 8px; width: 90%; left: 3px; font-style:normal; top:0;}
.thrColHybHdr #sidebar1 p.BreakingNews a:link{ color:#000; text-decoration:none; }
.thrColHybHdr #sidebar1 p.BreakingNews a:visited{color:#000; text-decoration:none;}
.thrColHybHdr #sidebar1 p.BreakingNews a:hover{ color:#000; text-decoration:underline;}

.thrColHybHdr #sidebar1 h3 a:link{ color:#000; text-decoration:none;}
.thrColHybHdr #sidebar1 h3 a:hover{ color:#000; text-decoration:underline;}
.thrColHybHdr #sidebar1 h3 a:visited{ color:#000; text-decoration:none;}




.thrColHybHdr div#sidebar1 #searchbox { position:absolute; width: 183px; border: 1px solid black; margin: 0; left: 6px; padding: 3px 4px 0 4px; font-size:10px; background-color:#DDD;  border:1px solid #666; height:58px; top:6px;}
.thrColHybHdr div#sidebar1 #searchbox #searchtext{float:left; padding-left: 8px;}
.thrColHybHdr div#sidebar1 form#searchform{float:left; margin-left:4px; display:inline;}
.thrColHybHdr div#sidebar1 form#searchform #search{width: 125px;  }

.thrColHybHdr div#sidebar1 form#searchform #magsubmit{ position: absolute; margin:0 0 0 5px; padding:0; height: 22px; width: 18px;}

.thrColHybHdr div#sidebar1 #searchbox #searchArchives{float:left; position:relative; font-size:9px; margin: 0; padding:0 0 0 4px; top:0px; height:14px;}
.thrColHybHdr div#sidebar1 #searchbox #searchArchives a:link{color:blue; text-decoration:underline; }
.thrColHybHdr div#sidebar1 #searchbox #searchArchives a:visited{color:blue; text-decoration:underline;}
.thrColHybHdr div#sidebar1 #searchbox #searchArchives a:hover{color: #930; text-decoration:underline;}



.thrColHybHdr #sidebar1 div#sidebar1content{ margin:0; padding:0; position:relative; width:98%; height: 45px; background-color: red; border: 2px red dotted; opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90); top: 30px;}
.thrColHybHdr #sidebar1 div#sidebar1text{ position: absolute; width: 187px; border: 1px solid black; margin: 10px 0 0 0;left: 6px; padding: 4px 4px 4px 0; font-size:10px; background-color:#FFF;  opacity: 0.80;-moz-opacity: 0.80;filter: alpha(opacity=80); top: 73px; }	
.thrColHybHdr #sidebar1 div#sidebar1text2{position: relative; width: 90%; border: 1px solid black; margin: 0 12px 6px 3%; padding: 4px; font-size:small; background-color:#FFF;  outline:1px solid #666;opacity: 0.80;-moz-opacity: 0.80;filter: alpha(opacity=80); }	
.thrColHybHdr #sidebar1 div#sidebar1text2 img{border:none; outline:none; width: 20px; height: 20px; margin:0 0 0 8px;}

/* Sidebar2 */

.thrColHybHdr #sidebar2 {position: relative; float: right; width:225px; background-color:none; margin:0; padding: 0 6px 0 0; border: none; height:580px; top:0px; } 
.thrColHybHdr #sidebar2 div#newuserdiv {margin-bottom:4px;}
.thrColHybHdr #sidebar2 div#sidebar2div1 {position: relative; margin: 0 0 0 10px; padding:0; top:0px; left:0px; clear:both; }

.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI {margin: 2px 6px 0 8px; padding: 0; position: relative; top: 0px; left: 0px;}
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI ul {background-color: #CCC; border: 1px dashed  #06F; padding: 0 0 5px 5px; margin: 0px; width: 200px; left: 12px; opacity: 0.70;-moz-opacity: 0.70;filter: alpha(opacity=70);} 
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI h4{font-weight:bold; color: #00C; font-size:small;margin:0; padding:0;}
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI h3{ font-weight:bold; font-size:12px; margin:0; padding:5px 0 0 5px;}
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI li{ font-weight:normal; font-size:10px; padding: 0 0 0 12px; margin: 0; list-style:none; line-height:14px}

.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI span.portallink {font-size:9px;}
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI a:link {color: blue; text-decoration:none; list-style:none;}
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI a:visited {color: blue; text-decoration:none; list-style:none;}
.thrColHybHdr #sidebar2 div#sidebar2div1 div#MyGCFI a:hover{color: #000; text-decoration:underline;} 
.thrColHybHdr #sidebar2  div#sidebar2div2 { clear:both; margin:0 0 0 7px; padding: 0; width: 215px;}

.thrColHybHdr #sidebar2 #sidebar2vertLine{position:absolute; left: 832px; top: 215px; /*margin: -8px 10px 0 5px;*/ border-left: #999 dotted thin; height: 480px; width: 20px; padding: 0;}
.thrColHybHdr div#sidebar2 div#sidebar2div2 h3{float: none; font-size: 16px; margin:0; top:0; left:8px; padding:6px 0px 0 8px;}

.thrColHybHdr div#sidebar2 div#sidebar2div2 ul {margin:0; padding:0}
.thrColHybHdr div#sidebar2 div#sidebar2div2 ul li{ font-size:10px; list-style:none; margin:0; padding:3px 0 0 20px; top: 0px; line-height:14px;}
.thrColHybHdr div#sidebar2 div#sidebar2div2 li.subtitle {margin: 0; padding: 3px 0 0 16px; font-size:12px; font-weight:bold; color:black;}
.thrColHybHdr div#sidebar2 div#sidebar2div2 li.subtitleRed {margin: 0; padding: 3px 0 0 16px; font-size:small; font-weight:bold; color:red;}

.thrColHybHdr div#sidebar2 div#sidebar2div2 ul li a:link {color: black; text-decoration:none;  }
.thrColHybHdr div#sidebar2 div#sidebar2div2 ul li a:visited {color: black; text-decoration:none; }
.thrColHybHdr div#sidebar2 div#sidebar2div2 ul li a:hover {color: #900; text-decoration:underline;  }

.thrColHybHdr div#sidebar2 div#loginbox {position:relative;  display: block; width: 215px;  background-color: #CCC; border: solid #666 1px; margin:0; height: 45px; top: 2px;}
.thrColHybHdr div#sidebar2 div#loginbox div#login_user input{float:left; width: 68px; height: 18px; background-color: #fff; border-bottom: solid #666  0px; border-right: solid #666  0px;border-top: solid #000  2px;border-left: solid #000  2px;margin:0 0 0 4px; }
.thrColHybHdr div#sidebar2 div#loginbox div#login_pword input{float:left; width: 68px; height: 18px; background-color: #fff; border-bottom: solid #666  0px; border-right: solid #666  0px;border-top: solid #000  2px;border-left: solid #000  2px; margin:0 0 0 4px; }
.thrColHybHdr div#sidebar2 div#loginbox div#loginText {float:left; width:55px; height: 20px; border: none; margin:-4px 0 0 0;  background-color: #CCC; padding: 3px 0 ; cursor: pointer ;}
.thrColHybHdr div#sidebar2 div#loginbox div#loginText input#loginButton{border:none; background-color:#CCC; height:20px;font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#999; font-size:small; font-stretch:narrower; padding:0; width: 55px;cursor: pointer ;}
.thrColHybHdr div#sidebar2 div#loginbox div#loginTitleLeft{float:left; width:33%; height: 10px; border: none; margin:0 4px 0 2px; font-family:Tahoma, Geneva, sans-serif; font-weight: normal; color:black; font-size:small;padding:0; }
.thrColHybHdr #loginbox p{margin:0; padding: 3px; font-size: x-small }	


.thrColHybHdr #mainContent {position: absolute; width:300px; left: 230px;	margin: 0 auto 0 auto; 	padding:0; } 

.thrColHybHdr #mainContent img.bottomimage{ border: 1px solid black; margin: 0 0 10px 10px;}
.thrColHybHdr div#mainContent div#boxes{position:absolute; margin:20px auto 0 auto; padding:0; /*background-image:url(Images/Backgrounds/Caribbean.png); background-position:center; background-repeat:no-repeat;*/}

.thrColHybHdr #mainContent #UpperLeftDiv, #UpperRightDiv, #LowerLeftDiv, #LowerRightDiv { position: absolute;  border: 1px black dotted; background-image: url(Images/Backgrounds/tsr.gif) bottom left no-repeat; background-color:#FFF; opacity: 0.75;-moz-opacity: 0.75;filter: alpha(opacity=75); z-index:100; }

.thrColHybHdr #mainContent #UpperLeftDiv {height: 270px; width: 400px;left: -15px;top: 2px;}
.thrColHybHdr #mainContent #UpperRightDiv {height: 270px; width: 200px;left: 392px; top: 2px; background-color:#ddd;}
.thrColHybHdr #mainContent #UpperRightDiv innerRect p{bottom-padding:4px; bottom-margin:0;}

.thrColHybHdr #mainContent #LowerLeftDiv {height: 270px; width: 300px; left: -15px;top: 280px;}
.thrColHybHdr #mainContent #LowerRightDiv {height: 270px; width: 300px; left: 292px; top: 280px;}
.thrColHybHdr #mainContent #UpperRightDiv img{ float:right; height: 110px; width: 90px; border: thin solid black; margin: 0 0 0 3px; }
.thrColHybHdr #mainContent #UpperRightDiv div.innerRect img{position:relative; float: right; margin: 5px; width: auto; padding:0; }

.thrColHybHdr #mainContent #LowerRightDiv div.innerRect img{display:block; margin: 0 auto 0 auto;}
.thrColHybHdr #mainContent #LowerRightDiv div.innerRect img{display:block; margin: 0 auto 0 auto;}



.innerRect {margin: 6px; font-size:9px;}
.innerRect h1{  margin:0 0 0 6px; padding: 6px; font-size:small; font-weight:bold;}
.innerRect h1.about{ font-size:10px; font-weight:bold; color:blue;  margin:0 0 0 2px; padding: 6px; }

.innerRect p{ margin:4px 0 0 0; font-size:9px; padding-left:8px;}

.thrColHybHdr div#FisheriesForFishers {margin-top: 4px;}

.thrColHybHdr div#FisheriesForFishers img {margin:0; padding:0; border:1px #000 solid;}

.thrColHybHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	margin-top: 20px;
} 


.thrColHybHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

div.subscribe, div.NewUserBox{font-size: 8px; float:left;}
div.subscribe{margin: 0;}
div.subscribe img{margin-left:-8px;  width:15px; height:14px; }

div.NewUserBox{margin: 3px 0 0 3px;} 
div.NewUserBox a:visited{ text-decoration:none;}


/* Miscellaneous classes for reuse*/
.more {font-size:90%; font-weight:bold;}
.more a:link{color:blue; text-decoration:none;text-decoration:none;} 
.more a:visited{color:blue;text-decoration:none;} 
.more a:hover{color: #900; text-decoration:none;} 

.fltrt { float: right;	margin-left: 8px;}
.fltlft { float: left;	margin-right: 8px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div#GCFIFooter {margin:0; padding:0; font-size:x-small; color: blue; text-align:center;}
div#GCFIFooter p{margin: 0; padding:0;}

div#GCFIFooter a:link, a: visited{color: blue; text-decoration:none;}
div#GCFIFooter a:hover{color: #C30; text-decoration:none;}
.thrColHybHdr #container #mainContent #boxes #UpperLeftDiv .innerRect #62ndlogo { margin: 0 auto 0 auto; height: 15px; width: 20px; }
