/* IWDG styles */

body { 
   margin: 0px;
   padding: 0px; 
   background-color: #ffffff;
   }

body, input, select, textarea, td, th { 
   font: 11px Verdana;
   color: #244674;
   }

h1 { 
   margin: 30px 0px 15px 0px; 
   font: bold 22px Trebuchet MS, sans-serif; 
   }
h2 { 
   margin: 30px 0px 10px 0px; 
   font: bold 16px Trebuchet MS, sans-serif; 
   }
h3 { 
   margin: 20px 0px 15px 0px; 
   font: bold 14px Trebuchet MS, sans-serif; 
   }

p, table { 
   margin: 0px 0px 12px 0px; 
   }

ul, ol  { 
   margin-top: 3px;
   margin-bottom: 3px;
   } 
ul { 
   list-style-type: square; 
   }
li {
   margin-bottom: 4px;
   }

th {
   text-align: left;
   font-weight: bold;
   }

a { 
   color: #244674; 
   text-decoration: underline; 
   }
a:hover { 
   color: #A3B4CC; text-decoration: none; 
   }

form {
   margin: 0px;
   }

/* layout */ 


#holder {
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 755px;
   }
#innerHolder {
   float: left;
   border: solid 1px #A3B4CC;
}

#header {
   float: left;
   width: 755px;
   }
   
#nav01 {
   float: left;
   padding: 0px 0px 0px 35px;
   width: 720px;
   height: 26px;
   background-color: #244674;
   text-align: center;
   }
#nav02 {
   float: left;
   padding: 0px 0px 0px 0px;
   width: 755px;
   height: 26px;
   background-color: #A3B4CC;
   text-align: center;
   }
#nav02spacer_1  { float: left; width: 0px; }
#nav02spacer_2  { float: left; width: 35px; }
#nav02spacer_3  { float: left; width: 35px; }
#nav02spacer_4  { float: left; width: 229px; }
#nav02spacer_5  { float: left; width: 95px; }
#nav02spacer_71 { float: left; width: 210px; }
#nav02spacer_7  { float: left; width: 35px; }
#nav02spacer_8  { float: left; width: 180px; }
#nav02spacer_14 { float: left; width: 200px; }
#nav02spacer_92 { float: left; width: 35px; }

   /* nav links */

   #nav01 a, #nav02 a {
      display: block;
      float: left;
      margin: 4px 1px 0px 0px;
      padding: 3px 8px 0px 8px; 
      height: 21px;    
      font: bold 10px Verdana; 
      color: #ffffff; 
      text-decoration: none;
      }
   #nav01 a:hover { 
      color: #A3B4CC;
      }
   #nav01 .on, #nav01 a:hover.on { 
      color: #ffffff; 
      border-top: solid 1px #B5C3D6;
      background-color: #A3B4CC;
      }
   #nav02 a:hover, #nav02 .on { 
      color: #244674;  
      }
   
#centreHolder {
   float: left;
   width: 755px;
   min-height: 300px;
   background-image: url(/images/main_bg.gif);
   }
#mainHolder {
   float: left;
   }
#mainLeft {
   float: left;
   padding: 10px 5px 0px 5px; 
   width: 135px;
   color: #189AD7;
   }
#mainLeft a {
   color: #189AD7;
   }
#mainCentre {
   float: left;
   padding: 0px 15px 0px 15px; 
   width: 420px; 
   line-height: 18px; 
   }
#mainLower {
   float: left;
   clear: both;
   padding: 0px 15px 0px 15px; 
   width: 565px;
   }

   /* wide template modifications */
   #mainLeft.wide {
      display:none; 
   }
   #mainCentre.wide {
      width: 565px;
   }
#rightCol {
   float: left;
   padding: 0px 10px 0px 10px; 
   width: 140px;
   background-color: #E9EDF2;
   line-height: 18px; 
   }
   
#footer {
   float: left;
   padding: 40px 0px 40px 0px; 
   width: 755px;
   text-align: center;
   color: #A3B4CC;
   }
#footer a {
   color: #A3B4CC;
   }
#footerNav {
   margin: 0px auto 3px auto;
   padding: 0px 0px 3px 0px;  
   border-bottom: solid 1px #A3B4CC;
   width: 680px;
   } 
#footerNav a {
   color: #A3B4CC;
   text-decoration: none;
   padding: 0px 6px 0px 6px;
   }

#bottom {
   float: left;
   padding: 7px 0px 40px 0px; 
   width: 755px;
   text-align: center;
   font: 10px Verdana; 
   }



/* class styles */

div.caption1, caption.table1 { 
   padding: 0px 10px 0px 10px; 
   background-color: #627590; 
   color: #ffffff; 
   font-weight: bold; 
   font-size: 10px; 
   text-align: center; 
   }
div.barChart1 {
   margin: 0px 0px 10px 0px; 
   border: solid 1px #627590; 
   padding: 0px 5px 0px 5px; 
   background-color: #E9EDF2;
   }
th.sectionHead { 
   margin: 0px 3px 0px 3px; 
   color: #ffffff; 
   background-color: #B5C3D6; 
   font: bold 11px Verdana;
   text-align: left; 
   }
div.footnote {
   float: left;
   margin-top: 30px;
   padding-top: 10px;
   font: 11px Verdana;
   line-height: 16px;
   color: #627590;
   }


/* images */

img.border { 
   border: solid 1px #A3B4CC; 
   }
img.right { 
   float: right; 
   margin: 4px 0px 4px 8px; 
   border: solid 1px #627590; 
   }
img.left { 
   float: left; 
   margin: 4px 8px 4px 0px; 
   border: solid 1px #627590; 
   }
ul.bullets01 {
   list-style-image: url(/images/bullet_arrow.gif)
   }
div.imageLeft {
   float: left;
   margin: 0px 5px 5px 0px; 
   font: 9px Verdana;
   }
div.imageRight {
   float: right;
   margin: 0px 0px 5px 5px; 
   font: 9px Verdana;
   }
div.imageLeft img, div.imageRight img {
   border: solid 1px #627590; 
   }

/* table style 1 */

table.table1 { 
   border-right: solid 1px #627590; 
   border-top: solid 1px #627590; 
   }
table.table1 th, table.table1 td, table.table1 caption { 
   border-left: solid 1px #627590; 
   border-bottom: solid 1px #627590; 
   padding: 5px 10px 6px 10px; 
   }
table.table1 th { 
   background-color: #a3b4cc; 
   font-weight: bold; 
   color: #ffffff; 
   text-align: left;
   }
table.table1 td { 
   background-color: #E9EDF2; 
   }  

/* table style 2 */

table.table2 th { 
   border-bottom: solid 1px #244674; 
   padding: 5px 15px 5px 0px; 
   } 
table.table2 td {  
   border-bottom: solid 1px #a3b4cc; 
   padding: 5px 15px 5px 2px;
   } 

/* table style 3 */

table.table3 { 
   border: solid 1px #627590; 
   }
table.table3 caption { 
   padding: 2px 10px 2px 10px; 
   background-color: #627590; 
   font: bold 10px Verdana; 
   color: #ffffff; 
   text-align: left; 
   }
table.table3 th, table.table3 td { 
   padding: 5px 10px 5px 10px; 
   text-align: left;
   }
table.table3 th { 
   background-color: #E9EDF2; 
   font-weight: bold; 
   text-align: left;
   }
table.table3 td { 
   background-color: #E9EDF2; 
   }

/* table style 4 (sighting/effort/stranding reports) */

table.table4 { 
   margin-bottom: 0px; 
   border: solid 1px #E6EAEE;
   width: 418px;
   }
table.table4 th { 
   width: 120px;
   }
table.table4 th.sectionHead {
   width: 420px;
   }


/* forms */

form.search { 
   margin: 6px 0px 6px 0px; 
   padding: 6px 7px 2px 7px;
   width: 126px;
   height: 56px;    
   background-image: url('/images/searchform_bg.gif'); 
   background-repeat: no-repeat; 
   font: bold 9px Verdana; 
   color: #ffffff;
   line-height: 14px;  
   }
input.search { 
   border: solid 1px #75869E; 
   background-color: #fff; 
   width: 121px; 
   }
input.searchButton { 
   float: right;
   margin: 3px 3px 0px 0px; 
   border: solid 1px #E6EAEE; 
   width: 50px; 
   background-color: #627590; 
   color: #fff; 
   font: bold 9px Verdana; 
   }

form.search a {
   color: #ffffff;
   }
   

.input { 
   border: solid 1px #A3B4CC;
   padding: 2px 1px 2px 1px; 
   width: 240px; 
   font: 11px Verdana; 
   color: #244674;
   }
.submit { 
   border-top: solid 1px #244674; 
   border-right: solid 1px #222222; 
   border-bottom: solid 1px #222222; 
   border-left: solid 1px #244674; 
   padding: 2px 7px 2px 7px; 
   background-color: #A3B4CC; 
   font: 11px Verdana; 
   color: #ffffff; 
   }

label.narrow, .labelSpace { 
   display: block; 
   float: left; 
   padding: 2px 0px 2px 0px; 
   width: 70px; 
   }
label.wide, .labelSpaceWide { 
   display: block; 
   float: left; 
   padding: 2px 0px 2px 0px; 
   width: 120px; 
   }
div.formInput { 
   padding: 2px 0px 2px 0px; 
   }


/* species profiles */

.profileBox { 
   float: left;
   margin: 3px 3px 3px 3px;  
   border: solid 1px #E6EAEE; 
   padding: 0px 0px 0px 0px; 
   width: 270px; 
   }
.profileHeader { 
   margin: 0px 0px 0px 0px; 
   padding: 3px 7px 3px 7px; 
   font: bold 11px Verdana; 
   color: #fff; 
   background-color: #B5C3D6; 
   }
.profileText { 
   padding: 3px 7px 3px 7px; 
   }


/* misc */

.small { 
   font: 9px Verdana; 
   }

a.rss {
   padding: 0px 0px 6px 22px;
   background-image: url(/images/feed-icon-16x16.jpg);
   background-repeat: no-repeat; 
   color: #244674; 
   line-height: 18px; 
   }

div.borders {
   border-top: solid 1px #E9EDF2; 
   border-bottom: solid 1px #E9EDF2;
   padding: 10px 0px 10px 0px; 
   }

.rowHolder {
   float: left;
   border-bottom: solid 1px #A3B4CC;
   padding: 10px 0px 10px 0px;
   width: 565px;
}
.leftCol {
   float: left;
   margin: 0px 10px 0px 0px;
   width: 135px;
}
.rightCol {
   float: left;
   width: 420px;
}

.errorText {
   color: #cc0000;
}

.inlineGaeilge {
   font-style: italic
}

.fairUsePolicyText {
   font: italic 10px Verdana; 
}