/* Sligo MFC CSS script */
/* www.sligomfc.com */
/* Contact us - info[at]sligomfc[dot]com - if you would like help with your CSS */

/* INDEX */
/* 1. Font and page setup */
/* 2. Headings */
/* 3. General Text */
/* 4. Main Layout Divs */
/* 5. ID #header specific */
/* 6. ID #left specific */
/* 7. ID #right specific */
/* 8. Images - general positioning */
/* 9. Images - Shadow and Gallery Nav */
/* 10. Links */
/* 11. Gallery Specific */
/* 12. Forms */
/* 13. iFrames */
/* 14. Tables - Gallery */
/* 15. Unused */


/* ########################################################################################################### 1 */
/* START - 1. Font and page setup */

body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  font: 1em /*Century Gothic, */Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
  padding-top: 0;
  margin-top: 0;
  line-height: 1.3em;
}

p.reduce {
  padding: 0;
  margin-top: 0;
  margin-bottom: 5px;
}

.center {
  text-align: center;   
}

/* END - 1. Font and page setup */
/* ########################################################################################################### 2 */
/* START - 2. Headings */

h1 {
  font-size: 1.1em;
  padding-top: 0;
  margin-top: 0;
}

h2 {
  font-size: 1em;
  padding-top: 0;
  margin-top: 0;
}

h3 {
  font-size: 0.9em;
  padding: 0;
  margin: 0;
}

h4 {
  font-size: 0.8em;
  padding: 0;
  margin: 0;
}

h5 {
  font-size: 0.6em;
  padding: 0;
  margin: 0;
}

/* END - 2. Headings */
/* ########################################################################################################### 3 */
/* START - 3. General Text */

.h3 {
  font-size: 0.9em;
}

.h3b {
  font-size: 0.9em;
  font-weight: bold;
}

.h4 {
  font-size: 0.8em;
}

.h4b {
  font-size: 0.8em;
  font-weight: bold;
}

.h5 {
  font-size: 0.6em;
}

.reverse {
  direction:rtl;
  unicode-bidi:bidi-override;
}

/* END - 3. General Text */
/* ########################################################################################################### 4 */
/* START - 4. Main Layout Divs */

#header {
  position: absolute;
  position: fixed;  
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  background-image: url(/img/blue.png);
  background-position: top;
  background-repeat: repeat-x;
  z-index: 100;
}

#left {
  position: absolute;
  position: fixed;
  width: 175px;
  top: 100px;
  left: 0px;
  padding: 10px 10px 10px 10px;
  height: 100%;
  min-height: 570px;  /* stops maci going underneath when size adjusted - change if link is added */
  z-index: 0;   /* Setting z index below 0 will result in links not working! */
  border-right: 1px dotted #CCCCCC;
  background-image: url(/img/title-bottom3.png);
  background-position: left top;
  background-repeat: no-repeat;
  /*background-color: #FFFFFF;*/
}

#content {
  margin: 100px 230px 0px 195px;
  padding: 10px 10px 0 10px;
  border-right: 1px dotted #CCCCCC;
  /*min-width: 300px; */
  /*z-index: 100; */
}

#right {
  position: absolute;
  width: 210px;
  top: 100px;
  right: 0px;
  padding: 10px 10px 10px 10px;
  border-left: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  background-color: #FFFFFF;
}

/* END - 4. Main Layout Divs */
/* ########################################################################################################### 5 */
/* START - 5. #header specific */

#rightImage {
  position: absolute;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: -100;
}

/* END - 5. #header specific */
/* ########################################################################################################### 6 */
/* START - 6. #left specific */

#left ul {
  list-style: none;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
  padding-top: 70px;
  width: 175px;
}

#left li {
  font-size: 0.8em;
  text-align: right;
  line-height: 19px;
  margin-bottom: 0.5em;
}
/*
#left li:hover {
  background-color: #FFC000;
  z-index: -100;
  margin-left: 0;
}
 */
#left a:link, #left a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #15126A;
  background-color: transparent;
}

#left a:hover, #left a:active {
  color: #0090FF;
} 

.standard {
  position: absolute;
  width: 162px;
  bottom: 122px;
  padding: 6px 6px 0px 6px; 
  margin: 0 0 0px 0; /* a space is added after the last line in forefox but not in IE! */
  border: none; /*1px dotted #B1B1B1*/
  background-color: transparent;
  text-align: center;
}

/* END - 6. #left specific */
/* ########################################################################################################### 7 */
/* START - 7. #right specific */

#right ul {
  list-style: none outside none;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
}

#right li {
  font-size: 0.8em;
  text-align: left;
  margin-bottom: 0.3em;
}

.adbox {
  padding: 8px 4px 0px 6px;
  margin: 10px 0 10px 0;
  border: 1px dotted #B1B1B1;
  background-color: #F4F4F4;
}

.fox {
  text-align: center;
  padding: 8px 4px 0px 6px;
  margin: 0 0 10px 0;
  border: 1px dotted #B1B1B1;
  background-color: #FFFFFF;
}

.contact {
  display: inline-block;
  padding: 8px 4px 0px 6px;
  margin: 10px 10px 15px 0;
  border: 1px dotted #B1B1B1;
  background-color: #F4F4F4;
  width: 250px;
}

/* END - 7. #right specific */
/* ########################################################################################################### 8 */
/* START - 8. Images - general positioning */

img { 
  border: none; 
}

.left {
  float: left;
  margin-bottom: 3px;
  margin-right: 10px;
}

.left_alt {
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 10px;
}

.left_desc{
  text-align: left;
  margin-left: 5px;
}

.right {
  float: right;
  margin-bottom: 3px;
  margin-left: 10px;
}

.right_alt {
  float: right;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 10px;
}

.clear {
  clear: both;
}

/* END - 8. Images */
/* ########################################################################################################### 9 */
/* START - 9. Images - Shadow and Gallery Nav */

.shadow {
  float: left;
  background: url(/img/shadow.png) no-repeat bottom right !important;
}

.shadow div {
  background: url(/img/offset.png) no-repeat left top !important;
  padding: 0px 6px 6px 0px;
}

.shadow img {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

.preview {
  float: left;
  background: url(/img/shadow_lrg.png) no-repeat bottom right !important;
}

.preview div {
  background: url(/img/offset_lrg.png) no-repeat left top !important;
  padding: 0px 6px 6px 0px;
}

.preview img {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}
img.nav {
  border: 1px solid #a9a9a9;
}

img.nav_current {
  border: 1px solid #FF6600;
}

/* END - 9. Images - Shadow and Gallery Nav */
/* ########################################################################################################### 10 */
/* START - 10. Links */

a:link, a:visited { 
	/*font-weight: bold; */
	text-decoration: underline; 
	color: #15126A;
	/*font-size: 0.8em;*/
} 

a:hover, a:active { 
	text-decoration: none; 
	color: #0090FF;
} 

a[href $=".pdf"] {
  padding-left: 20px;
  background-image: url(/img/link_icon_pdf.gif);
  background-repeat: no-repeat;
}

a[href ^="/gallery/"] {
  padding-left: 20px;
  background-image: url(/img/link_icon_gallery.png);
  background-repeat: no-repeat;
}

/* END - 10. Links */
/* ########################################################################################################### 11 */
/* START - 11. Gallery Specific */

.bottom {
  margin-bottom: 10px;
}

.gal {
  display: block; /* REQUIRED */ 
  margin-left: auto;
  margin-right: auto;  
}

.galtext {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 230px;
}

/* END - 11. Gallery Specific */
/* ########################################################################################################### 12 */
/* START - 12. Forms */

a.forms {
  line-height: 1.6em;
}

input.text {
  color: #000000;
  background-color: #FFFFF0;
  border: 1px solid #19344E;
  font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0.2em;
  width: 200px;
}
 
textarea {
	display: block;
	color: #000000;
  background-color: #FFFFF0;
  border: 1px solid #19344E;
  font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; 
  padding: 0.2em;
	width: 350px;
}

input.btn {
  font-weight: bold;
  /*color: #000000;
  background-color: #FFF070;
  border: 2px solid #19344E;
  padding: 2px 4px;*/
  width: 60px;
} 

/* END - 12. Forms */
/* ########################################################################################################### 13 */
/* START - 13. iFrames */

table.iframe { 
  background: url(/img/google_shadow2.png) no-repeat bottom right !important;
  margin: 0;
  padding: 0; 
}

iframe.border {
  height: 500px;
  width: 500px; 
  display: block;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: 0px 6px 6px 0px;
  padding: 4px;
}

/* END - 13. iFrames */
/* ########################################################################################################### 14 */
/* START - 14. Tables - Gallery */

table.centered { 
  margin-left: auto;  /* centers */
  margin-right: auto; /*  table  */
  /*margin-top: 4px;
  /*width: 400px;*/   /* width is allowed within the <table> HTML tag */
  /*border: none;*/ /* table border */
  /*text-align: right;*/ /* positions text within the table including cells */
  /*background-color: #DFD9A7;*/
  border-collapse: collapse; /* disables cellspacing, there is usually a default cellspacing of about 2px */ 
  /*padding: 0; *//* recognised by firebug but doesn't so anything if border-collapse enabled. Only pads around cell-block and not individual cells */
  /*margin: 20px;*/ /* margin here overrides the centering 'margins' above! but margin-top and -bottom can still be used */
  /*border-collapse: separate;*/ /* same as HTML cellspacing=0 cellpadding=0 */
  /*border-spacing: 10px; /* equivalent to HTML cellspacing */
}

table.centered td { 
  border: 0; /* cell border */
  text-align: center; /* positions text within cell, default is left i.e. if this attribute is missing */
  /*height: 50px; /* defines height of cell, not allowed in HTML - must use CSS */
  vertical-align: bottom; /* positions text vertically within cell, default is middle i.e. if this attribute is missing */ 
  padding: 0px; /* equivalent to HTML cellpadding */
  margin: 0px;
  border-collapse: collapse; 
}

td {
  margin: 0;
  padding: 0;
}

/* Allowed Tables Attributes:  
    <table> border, width, cellspacing, cellpadding  
    <tr> align, valign  
    <td> align, valign, rowspan, colspan  
*/

/* END - 14. Tables - Gallery */
/* ########################################################################################################### 15 */
/* START - 15. Unused */

/* FIELDSET 

fieldset
{
border: 1px solid #D6DDE6;
width: 20em
}

legend
{
color: #000000;
background-color: #B0C4DE;
border: 1px solid #789AC6;
padding: 0.1em;
letter-spacing: 0;
} */

/* IE only CSS statements */

/*
<!--[if IE]>
    <STYLE type="text/css"> e.g.
    #container { position: relative; }
    #position { position: absolute; top: 50%; }
    #content { position: relative; top: -50%; }
    </STYLE>
    <![endif]–>

The <!--[if IE]> … <![endif]–> tags tell the browser to only process this CSS if the browser being used is Internet Explorer.
*/

/* END - 15. Unused */
/* ########################################################################################################### */
/* TESTING */

/*    
.button {
background: transparent url('/contactus/img/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; 
line-height: 18px;
height: 24px; 
padding-left: 11px; 
text-decoration: none;
color: black;
}

.button input {
background: transparent url('/contactus/img/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 3px 11px 3px 0;
border:0;
}

.button:hover {
background-position: bottom left;
}

.button:hover input { 
background-position: bottom right;
}

.buttonwrapper { 
overflow: hidden;
width: 100%;
}

label {
    display: block;
    width: 120px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}   */