/* Start of CMSMS style sheet 'Layout' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
#main a,
#main a:link 
#main a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #fdfd9b;  
}

#main a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #fdfd9b;                 /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
#main a:hover {
   text-decoration: none;
   color: #fdfd9b; 
}

/*****************
basic layout 
*****************/
body {
   background: #fff url(images/iyis/body-bg.gif) repeat-x;
   color: #333;
   margin:0; /* gives some air for the pagewrapper */
   padding:0;
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   width:900px;
   color: black;
   padding:0 0 100px 0;
}

body#homepage div#pagewrapper{
   width:914px;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header{
   margin:0; padding:0;
   float:left;
width:914px;
}

div#header2 {
   margin:0; padding:0;
   float:left;
   width:630px; height:123px;    display:inline; 
}



div#header h1{  
   margin:0; padding:0;
}

/*div#header h1 a {
   background:  #000 url(images/iyis/logo2.png) no-repeat; 
   display: block; 
   width:630px;
   height: 123px;             
   text-indent: -999em;  
   text-decoration:none; 

}*/

div#search {
   float: left;

   padding: 70px 0 0 20px;
   margin: 0;
   width:264px;
display:inline;
}

#search #search-bg{width:194px; height:24px; background:url(images/iyis/search-bg.gif) no-repeat; border:none; color:#999; font-size:10px; padding:5px 10px 0 10px; float:left; display:inline;}


#header #search #search-bg input{width:200px; border:none; color:#999; font-size:10px;}


#search #s-btn {float:left; display:inline; width:29px;}


#search #s-btn input#search-btn{ width:29px; height:30px; background:url(images/iyis/search-btn.gif); padding:0; cursor:pointer;}


#banner{padding:10px 0 10px 0;}

div#content-outer{background:#84c1f4; min-height:548px; float:left; width:900px; margin-top:10px;}

div#content {
   background:url(images/iyis/main-bg.gif) no-repeat top;    
   margin: 0 auto 0 0; /* some air above and under menu and content */
   overflow:hidden; width:900px;  min-height:548px;
   float:left;
}

*html div#content{height:548px; overflow:visible;}

div#content-inner{background:url(images/iyis/main-bg-bottom.gif) no-repeat bottom; height:10px; width:900px; float:left; }

div#main {
   float:left;
   width:485px;
   padding:40px 30px 0 82px;
   display:inline;
}

#contactpage #main{width:415px;}

div#rightbar{float:left; width:254px; padding:120px 0 0 6px;}
div#rightbar img{border:7px #fff solid;}
#rightbar h2 img{border:none; margin;40px 0 20px 0;}
#contactpage #rightbar{width:354px; padding:120px 0 0 6px;}

#rightbar input{border:1px solid #666; width:300px;}
#rightbar textarea{border:1px solid #666; width:300px; height:250px;}
#rightbar .submit input{border:none; height:30px; width:120px; cursor:pointer;}

#box1{width:303px; height:188px; float:left; background:url(images/iyis/box1.jpg) no-repeat;}
#box2{width:300px; height:188px; float:left; background:url(images/iyis/box2.jpg) no-repeat;}
#box3{width:310px; height:208px; float:left; background:url(images/iyis/box3.jpg) no-repeat;}

#box3 img, #box2 img, #box1 img{border:none; margin:0; padding:0;}

/* #box1 a.more{display:block; float:right; margin:26px 25px 0 0;} */
/* html #box1 a.more{display:block; float:right; margin:26px 0 0 0;} */
/* #box2 a.more{display:block; float:right; margin:26px 0 0 0;}
#box3 a.more{display:block; float:right; margin:26px 0 0 0;} */

#box1 .NewsSummaryMorelink a, #box2 .NewsSummaryMorelink a, #box3 .NewsSummaryMorelink a{color:#404040; font-weight:900;}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #666;
   padding:10px 0 0 0;
}

div#footer p, div#footer2 p {
   font-size: 0.8em;
   margin:0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding-left:30px;
}

div#footer p a {
   color: #666; /* needed becouse footer link would be same color as background otherwise */
   text-decoration:none;
}

div#footer2 p a,  div#footer2 p{
   color: #999; /* needed becouse footer link would be same color as background otherwise */
   text-decoration:none;
}

div#foot-left{float:left; padding-top:30px;}
div#foot-right{float:right;}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content #main h2 {
   color: #ffff4e; 
   font-size: 24px; 
   text-align: left; 
   background:url(images/iyis/h2-bg.gif) repeat-x  bottom;
   padding-bottom: 20px;
   line-height: 1.5em;
   margin: 0 0 20px 0;
}

#box1 h2, #box2 h2, #box3 h2{background:none; margin:0; padding:0; float:left;}

div#content h3 {
   color: #fdfd9b; 
   font-size: 1.5em;
   line-height: 1.3em;
   margin: 0 0 0.7em 0;
}
div#content h4 {
   color: #fdfd9b; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h4 a{
   color: #fdfd9b; 
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   color:#003267;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   color:#ffcc00;
}
/* END HEADINGS */

/* TEXT */

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}

#main p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0 0px 0 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */



/*png fix */
img, div { behavior: url(http://iyirelandstudy.ie/iepngfix.htc) }
/* End of 'Layout' */