/* styles for Youth Work Ireland Galway */

/* elements */

body {
   background-color: #EFEDF2;
   }

body, input, select, textarea {
   font: 12px Verdana, sans-serif;
   color: #0A4759;
}

p {
   margin: 0px 0px 10px 0px;
   }

form {
   margin: 0px;
   }

h1 {
   margin: 0px 0px 6px 0px;
   border-bottom: solid 1px #E0ECF3;
   padding: 0px 0px 2px 0px;
   font: 20px Verdana, sans-serif;
   color: #0C576D;
   }
h2 {
   margin: 22px 0px 12px 0px;
   font: bold 14px Verdana, sans-serif;
   }
h3 {
   margin: 16px 0px 4px 0px;
   font: bold 12px Verdana, sans-serif;
   }
h4 {
   margin: 12px 0px 4px 0px;
   font: italic 12px Verdana, sans-serif;
   }

a {
   color: #0C576D;
   }
a:hover {
   color: #0C576D;
   text-decoration: none;
   }

img.right {
   float: right;
   }
img.left {
   float: left;
   }

th {
   text-align: left;
   }
   
ul {
   list-style-type: square;
   }
li {
   margin-bottom: 8px;
   }

/* classes */

.small {
   font: 11px "Trebuchet MS", sans-serif;
   }

/* containers */

#holder {
   margin: 20px auto 0px auto;
   width: 770px;
   }
   
#header {
   float: left;
   padding: 18px 0px 0px 35px;
   width: 735px;
   height: 262px;
   background-repeat: no-repeat; 
   }
#header.header01 { background-image: url(images/layout/header01.jpg); }
#header.header02 { background-image: url(images/layout/header02.jpg); }
#header.header03 { background-image: url(images/layout/header03.jpg); }
#header.header04 { background-image: url(images/layout/header04.jpg); }
#header.header05 { background-image: url(images/layout/header05.jpg); }

#main {
   float: left;
   clear: both;
   width: 770px;
   background-image: url(images/layout/main_bg.gif);
   background-repeat: repeat-y; 
   background-color: #ffffff;
   }
#mainNav {
   float: left;
   width: 160px;
   }
#mainContent {
   float: left;
   padding: 10px 40px 20px 30px;
   width: 540px;
   min-height: 200px;
   line-height: 20px;
   }

#footer {
   clear: both;
   padding: 45px 30px 0px 0px;
   width: 740px;
   height: 55px;
   font: bold 11px Verdana, sans-serif;
   line-height: 15px;
   text-align: right;
   color: #efebf5;
   background-image: url(images/layout/footer_bg.gif);
   background-repeat: no-repeat; 
   background-color: #5A2F91;
   }
#footer a {
   color: #efebf5;
   }
#footer a:hover {
   color: #efebf5;
   text-decoration: none;
   }

#credit {
   clear: both;
   margin: 10px 30px 0px 0px;
   width: 740px;
   height: 55px;
   font: 11px Verdana, sans-serif;
   line-height: 15px;
   text-align: right;
   color: #666666;
   }
#credit a, #credit a.hover {
   color: #666666;
   }


/* containers: nav */

#mainNav div.navHolder {
   margin: 10px 0px 0px 10px;
   border-top: solid 1px #E0ECF3;
   padding: 0px; 
   background-color: #eeeeee;
   }
#mainNav ul {
   list-style-type: none;
   margin: 0px; 
   padding: 0px;
   }
#mainNav li {
   display: inline;
   }
#mainNav a, #mainNav a:hover {
   display: block;
   float: left;
   margin: 0px 0px 0px 0px;
   border-bottom: solid 1px #E0ECF3;
   padding: 0px 20px 0px 20px;
   width: 110px;
   height: 25px;
   font: bold 11px Verdana, sans-serif;
   line-height: 24px;
   color: #ffffff;
   text-decoration: none;
   }
#mainNav a {
   color: #63A2C3;
   text-decoration: none;
   }
#mainNav a:hover {
   border-bottom: solid 1px #ffffff;
   color: #63A2C3;
   background-color: #E0ECF3;
   }
#mainNav a.on, #mainNav a.on:hover {
   border-bottom: solid 1px #ffffff;
   color: #ffffff;
   background-color: #63A2C3;
   }


/* general form */

#contentMain div.formRow {
   clear: both;
   padding: 4px 0px 4px 0px;
}
#contentMain label {
   display: block;
   float: left;
   margin: 0px 0px 0px 0px;
   padding-right: 10px;
   width: 130px;
}
#contentMain input.input, select.input, textarea {
   float: left;
   border: solid 1px #999999;
   width: 200px;
   background-color: #FBFAFA;
   color: #303030;
}
#contentMain textarea {
   height: 150px;
}
#contentMain input.submit {
   margin: 0px 0px 4px 140px;
   border: 0px;
   background-color: #cccccc;
   color: #333333;
}

/* general form */

div.formRow {
   clear: both;
   padding: 4px 0px 4px 0px;
}
label {
   display: block;
   float: left;
   margin: 0px 0px 0px 0px;
   padding-right: 10px;
   width: 130px;
}
input.input, select.input, textarea {
   float: left;
   border: solid 1px #999999;
   width: 200px;
   background-color: #FBFAFA;
   color: #303030;
}
textarea {
   height: 150px;
}
input.submit {
   margin: 0px 0px 4px 140px;
   border: 0px;
   background-color: #cccccc;
   color: #333333;
}

/**/

#mainContent table {
   margin: 0px 0px 10px 0px;
}
#mainContent td, #mainContent th {
   padding: 1px 10px 1px 0px;
}

div.guestbookEntries {
   border-top: solid 1px #E0ECF3;
   margin-bottom: 12px; 
   }
div.guestbookEntry {
   border-bottom: solid 1px #E0ECF3;
   padding: 4px 0px 4px 0px; 
   }   

div.columns {
   float: left;
   margin-top: 10px;
   border: solid 1px #E0ECF3;
   background-image: url(/images/layout/column_divider.gif);
   background-position: -10px 0px;
   background-repeat: repeat-y;
   font: 11px Verdana, sans-serif;
   line-height: 16px; 
}
div.col01 {
   float: left;
   padding: 0px 10px 0px 10px;
   width: 239px;
   
}
div.col02 {
   float: right;
   padding: 0px 10px 0px 10px;
   width: 239px;
}
div.columns h2 {
   margin: 8px 0px 12px 0px;
   border-bottom: solid 1px #E0ECF3;
   color: #63A2C3;
}