﻿@charset "utf-8";
/* CSS Document for Copyright © Sri Lanka Birds Club 2009- site by Selikta   */
#ieoxAdTag{ display: none;}
#conash3D0{ display: none;}
*{	margin: 0px 0px 0px 0px; 	padding: 0px 0px 0px 0px}

html,body{ background-color: #2a2f11; font-family: Verdana, Georgia, Tahoma, Arial; text-align: left; font-size: 11px;}
p{ padding: 5px 10px 5px 10px; text-align: justify;}
strong{ font-weight: bold;}
img, div { behavior: url(images/iepngfix.htc) }
#contaer{ width: 1000px; height: auto; margin: auto;}
.backCol{ width: 1000px; height: auto; background-color: #dde6cb; float: left;}
#homeImg{ width: 998px; height: auto; float: left; background-image: url(../images/birdclub_back.jpg); background-repeat: no-repeat; background-position: top; border: #666666 solid 1px;}
.hed{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #e6ff16; font-weight: 100; padding: 0px 0px 0px 10px;}
/* link Area */
#mainlinkArea{ width: 267px; height: auto; float: left; text-align: left; padding: 30px 0px 0px 30px;}
.logoArea{ width: 267px; height: auto; float: left; padding: 0px 0px 40px 0px;}
#linkArea{ width: 267px; height: auto; float: left; margin-bottom: 90px;}


/* LEFT LINKS */
.link-home{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-home a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; display: block; width: 185px; height: 19px;}
.link-home a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-the-club{ width: 190px; height: 24px; float: left; border-bottom: solid #798a75 1px;}
.link-the-club a{ width: 185px; height: 19px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; display:block; }
.link-the-club a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-birds-sl{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-birds-sl a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-birds-sl a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-slb-list{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-slb-list a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-slb-list a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-records{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-records a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-records a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-endemic{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-endemic a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block;}
.link-endemic a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-conservation{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-conservation a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-conservation a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-threatened{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-threatened a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block;}
.link-threatened a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-waterbird{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-waterbird a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-waterbird a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-images{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-images a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-images a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-articles{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-articles a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block; }
.link-articles a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-watching{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-watching a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block;}
.link-watching a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-watchingsite{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-watchingsite a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block;}
.link-watchingsite a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}

.link-news{ width: 190px; height: 24px; border-bottom: solid #798a75 1px; float: left;}
.link-news a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ebebeb; text-decoration: none; padding: 5px 0px 0px 5px; width: 185px; height: 19px; display:block;}
.link-news a:hover{ width: 185px; height: 19px; border-bottom: solid #798a75 1px; padding: 5px 0px 0px 5px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff000; text-decoration: none; background-image: url(../images/link_back.png); background-position: left; background-repeat: no-repeat;}


/* LEFT LINKS END */

.MainTxtArea{ width: 938px; height: auto; padding: 10px 30px 10px 30px; float: left; border-top: #666666 solid 1px; background-image: url(../images/main_txt_back.png); background-repeat: repeat; background-position: top; color: #ffffff; font-size: 14px; font-weight: 100; font-family: Georgia, "Times New Roman", Times, serif;}
.MainTxtArea a{ color: #FF9900; text-decoration: none;}
#footerlinkArea{ width: 980px; height: auto; float: left; background-color: #1d2312; border-top: #858585 solid 1px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fefed9; padding: 15px 10px 15px 10px;}
.footerlink{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; font-weight: 100; text-decoration: none;}
.footerlink:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFCC00; font-weight: 100; text-decoration: none;}



/* INNER PAGES */
#mainlinkAreaINN{ width: 220px; height: 700px; float: left; text-align: left; padding: 20px 0px 0px 20px; background-image: url(../images/inn_linkback.jpg); background-position: top; background-repeat: repeat-x; }
.logoAreainn{ width: 200px; height: auto; float: left; padding: 0px 0px 40px 0px;}
#linkAreainn{ width: 200px; height: auto; float: left; margin-bottom: 60px;}
#wrapper{ width: 758px; height: auto; float: right; border-left: dotted 1px #999999;}
.inner_image{ width: 758px; height: 200px; float: left; padding: 1px 0px 0px 0px; border-bottom: #003333 3px solid; overflow: hidden;}
.Hed_inner{ width: 738px; height: auto; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 10px;}
.con_inner{ width: 758px; height: auto; float:left;}
.search_area{ width: 758px; height: auto; float:left;  padding: 5px 0 5px 0; background-color: #cde1a6}
.con_search{ width: 240px; height: auto; float:left; padding: 0 0 0 10px}
.con_search option{ background-color: #cde1a6; color: #003300; font-size: 12px; }

.con_inner p strong{ color: #006600; font-size: 13px}
.con_inner p u{ color: #009900; text-decoration: none; font-weight:bold }
/*Photo*/
.conmidstrp{ width: 745px; float: left; height: auto; text-align: left; padding: 10px 0px 10px 10px;}
.conmidstrp a{ padding: 0px 3px 0px 3px; font-size: 11px;}

.contxtArea{ width: 200px; height: auto; float: left; text-align: left; padding: 0px 0px 0px 0px;}
.birdimgArea{ width: 152px; height: auto; float: left; text-align: left; padding: 0px 0px 0px 0px; font-size: 10px;}
.birdimgArea img {border: 1px solid #003300;}
.birdimgdis{ width: 590px; height: auto; float: right; text-align: left; font-size: 11px}
.DiscStr{ width: 590px; height: auto; float: right; text-align: left; font-size: 11px}

.contxtArea img {border: 1px solid #003300;}
.coninputArea{ width: 540px; height: auto; float: right; text-align: left;}
.coninputHArea{ width: 130px; height: auto; float: left; text-align: left; font-weight: bold; color:#666666; padding: 0 0 0 5px;}
.coninputCArea{ width: 440px; height: auto; float: left; text-align: left;}
.conmidstrpicon{ width: 745px; float: left; height: auto; text-align: left; padding: 30px 0px 10px 10px;}
.conmidstrpicon1{ width: 370px; float: left; height: auto; text-align: center; padding: 0 0 0 0;}

.photo-graNameArea{ width: 240px; height: auto; float: left; text-align: left; padding: 0px 0px 0px 0px;}
.photo-gra-dis-Area{ width: 500px; height: auto; float: right; text-align: left;}

.contxtArea3{ width: 230px; height: auto; float: left; text-align: left; padding: 0px 0px 0px 0px;}
.contxtArea3 a{ font-size: 11px; }
.contxtArea2{ width: 230px; height: auto; float: left; text-align: left; padding: 0px 0px 0px 0px;}

.news_inner{ width: 758px; height: auto; float:left;}
.news_inner p img{ float: left; margin: 0 20px 0 0; border: #003300 solid 1px;}
.news_inner p strong{ color: #006600; font-size: 13px}
.news_inner p u{ color: #009900; text-decoration: none; font-weight:bold }

.article_inner{ width: 756px; height: auto; float:left;}
.article_inner p img{ float: left; margin: 0 10px 10px 10px; border: #003300 solid 1px;}
.article_inner p strong{ color: #006600; font-size: 13px}
.article_inner p u{ color: #009900; text-decoration: none; font-weight:bold; font-size: 12px;  }
.article_inner a{ color:#006600}
.article_inner em{ color: #009900; text-decoration: none; font-weight:bold }
.back{ float: left; width: 750px;}
.back a{ text-decoration: none; float: right; margin:10px 0;}
.back a:hover{ text-decoration: none; color:#990000} 


.eb_inner{ width: 758px; height: auto; float:left; padding:0 0 30px 0;}
.eb-list{ width: 360px; height: auto; float:left;}
.eb-list p{ width: 230px;  height: auto; float: left; padding: 30px 0 0 0}
.eb-list a{ text-decoration: none; color: #003300;}
.eb-list img{ float:left; margin: 10px; border: 1px solid #999999; }

.eb_inner p img{ border: 1px solid #999999; margin: 10px;}
/*.eb_inner p a{ text-decoration: none; color: #003300}*/

.BWcon_inner{ width: 750px; height: auto; float:left;}
.BWcon_inner p img{ margin: 10px; border: solid 1px #006600}
.BWcon_inner ol{ padding: 10px 0 0 30px; margin: 0;}
.BWcon_inner ol li{list-style: outside decimal; padding: 5px 0 0 0px; margin: 0;}
.bwimages {float: left; padding: 10px; width: 730px; height: auto;}
.bwimages img{ margin: 3px;  border: solid 1px #006600;}

.BWcon_inner ul{ padding: 10px 0 0 30px; margin: 0;}
.BWcon_inner ul li{list-style: outside; padding: 5px 0 0 0px; margin: 0;}


.biedwatching_inner{ width: 758px; height: auto; float:left;}
.biedwatching_inner ul{ padding: 0; margin: 0 0 0 20px; list-style:inside;}
.biedwatching_inner p img{ margin: 0 10px; border: solid 1px #006600; float:left;}


.com_inner{ width: 758px; height: auto; float:left;}
.com_inner h1{ font-size: 12px; font-weight:bold; padding: 0 0 0 10px}
.com_inner ul{ list-style: inside; margin: 0 0 0 30px; }
.com_inner ul li{ list-style: decimal outside; }
.com_inner p img{ margin: 0 10px; border: solid 1px #006600; float:left;}