/*=== CSS RESET (thanks to meyerweb.com) ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins, kbd, q, s, samp, small, strike,  sub,  tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
textarea {font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline;}

h4 {color:#920b34; font-size:12px; font-weight:bold;}

a {color:#666666}

.videoBox {width:145px; height:180px;float:left; margin-right:10px;margin-bottom:10px; background:#eaeaea; padding:7px}

#video { border:1px solid #eaeaea; padding:5px}
#video li { display:block; float:left; border:1px solid #eaeaea; padding:5px; margin:5px; width:280px}
#video.full li { display:block; float:left; border:1px solid #eaeaea; padding:5px; margin:5px; width:595px}
#video li  p {font-size:11px}
#video img {float:left; margin:0 10px 0 0; border:1px solid #eaeaea; padding:5px}

#VidNav {padding:5px; border:1px solid #cccccc; background:#eaeaea; font-size:11px}
#buttonCd { float:right}
#buttonCd a:link { display:block; background:url(http://projectmaths.ie/images/cdButton.jpg) no-repeat;width:100px;height:30px; color:#ffffff; text-align:center; padding-top:5px}
#buttonCd a:visited { display:block; background:url(http://projectmaths.ie/images/cdButton.jpg) no-repeat;width:100px;height:30px; color:#ffffff; text-align:center; padding-top:5px}
#buttonCd a:hover { display:block; background:url(http://projectmaths.ie/images/cdButton.jpg) no-repeat;width:100px;height:30px; color:#ffffff; text-align:center; padding-top:5px}
#buttonCd a:active { display:block; background:url(http://projectmaths.ie/images/cdButton.jpg) no-repeat;width:100px;height:30px; color:#ffffff; text-align:center; padding-top:5px}

.studentsBox {width:152px;height:160px; border:2px solid #b20138; margin-top:0px; margin-right:12px; float:left; padding:3px}
 .studentsBox h4 {color:#920b34; font-size:12px; font-weight:bold; display:block; height:15px}
.HandBooks { width:152px;height:160px; border:2px solid #b20138; margin-top:7px;  margin-right:12px;float:left; padding:3px}
.HandBooks h4 {color:#920b34; font-size:12px; font-weight:bold; display:block; height:15px}
.learningPlans {width:152px;height:160px; border:2px solid #b20138; margin-top:7px; float:left; padding:3px}
.learningPlans h4 {color:#920b34; font-size:12px; font-weight:bold; display:block; height:15px}
#content2 .more {top:140px; position:relative;  float:right; color:#FFFFFF; font-size:12px}
#content2 .more a:link{ background: url(http://projectmaths.ie/images/moreBtn.jpg) no-repeat; color:#FFFFFF; display:block; width:66px; height:27px;  padding-top:3px; text-align:center}
#content2 .more a:visited{ background: url(http://projectmaths.ie/images/moreBtn.jpg) no-repeat; color:#FFFFFF; display:block; width:66px; height:27px; text-align:center;  padding-top:3px; }
#content2 .more a:active{ background: url(http://projectmaths.ie/images/moreBtn.jpg) no-repeat; color:#FFFFFF; display:block; width:66px; height:27px; text-align:center;  padding-top:3px; }
#content2 .more a:hover{ background: url(http://projectmaths.ie/images/moreBtn.jpg) no-repeat; color:#FFFFFF; display:block; width:66px; height:27px; text-decoration:none; text-align:center;  padding-top:3px;}
#searchResults ol { margin-top:20px}
#searchResults ol li{line-height:15px; margin-bottom:15px; border:3px solid #e7dee1; background:#eaeaea; padding:10px}
#searchResults ol li a {color:#b10034; font-size:16px; padding-bottom:6px}
/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:url(http://projectmaths.ie/images/background.jpg) repeat-x;
 font-family:Arial, Helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 z-index:10;
} 
 
#header{
 position:relative; 
 height:129px; 
 width:100%;
 margin-top:0;
} 
#logo{width:238px; float:left;}
#top-menu{width:317px; height:25px; float:right; background: url(http://projectmaths.ie/images/top-menu.png) no-repeat; margin:0; top:0; padding-left:15px;}
#top-menu a{ color:#FFFFFF; padding-right:25px; font-size:14px; text-decoration:none;}
#top-menu a:hover{ color:#ffc423;}
#tagline{margin:0; padding:0; margin-bottom:30px; width:900px;}
#tagline h2 {color:#ffffff; font-style:italic; font-weight:normal; margin:0; font-size:24px; margin-top:5px;}
 #Heading {width:500px; float:left;}
.search {font-size: 16px}

#leftcol{
 width:207px; 
 float:left; 
 position:relative; 
 z-index:10;
 }
 
  #menu{width:207px; height:344px; background: #ffc324; margin-bottom:20px;z-index:30;}
  #menu ul {padding-left:20px;padding-top:38px; padding-right:20px; font-size:18px; color:#000000}
  #menu ul li { line-height:28px; }
  #menu ul li a { display:block;  border-bottom:2px solid #f4a826; color:#000000; text-decoration:none}
  #menu ul li a:hover { display:block;  border-bottom:2px solid #f4a826; color:#b30838; text-decoration:none}
  
  #menu2{width:207px; background: #ffc324; margin-bottom:20px;z-index:30;}
  #menu2 ul {padding-left:20px; padding-right:20px; font-size:18px; color:#000000;}
  #menu2 ul li { line-height:28px; }
  #menu2 ul li a { display:block; color:#000000; text-decoration:none}
  #menu2 ul li a:hover { display:block; color:#b30838; text-decoration:none}
  
  #menu3{width:207px;height:574px;  background: #ffc324; margin-bottom:20px;z-index:30;}
  #menu3 ul {padding-left:5px;padding-top:8px; padding-right:20px; font-size:12px; color:#000000; font-weight:bold }
  #menu3 ul li { line-height:28px; }
  #menu3 ul li a { display:block;  border-bottom:2px solid #f4a826; color:#000000; text-decoration:none; }
  #menu3 ul li a:hover { display:block;  border-bottom:2px solid #f4a826; color:#b30838; text-decoration:none}
  
  
  #login2{ background:#e7dee1;margin-bottom:20px; padding-left:20px; font-size:12px; height:200px; }
  #login2 h3{ font-size:18px; color:#b20838; padding-top:5px; padding-bottom:10px;}
  #login2 input{ width:174px; background:#FFFFFF; border:1px solid #e3a821; height:20px; margin-bottom:10px;}
  #login2 .forgot { font-size:10px; font-style:italic;color:#b20838; }
  #login2 a {color:#b20838;; font-size:11px;}
  #login2 a:hover{text-decoration:none;}
  
  #login3{ background:#e7dee1; padding:20px; font-size:12px}
  #login3 h3{ font-size:18px; color:#b20838; padding-top:5px; padding-bottom:10px;}
  #login3 input{ width:174px; background:#FFFFFF; border:1px solid #e3a821; height:20px; margin-bottom:10px;}
  #login3 .forgot { font-size:10px; font-style:italic;color:#b20838; }
  #login3 a {color:#b20838;; font-size:11px;}
  #login3 a:hover{text-decoration:none;}
  #login3 label {padding-bottom:40px;}
  
  #news {background:#ffe191;margin-bottom:20px;  padding-left:20px; padding-bottom:10px; padding-right:10px;  }
 #news  h3{ font-size:18px; color:#b20838; padding-top:5px;  margin-bottom:10px;}
 #news a {color:#b20838;; font-size:11px;}
 #news a:hover{text-decoration:none;}
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:675px;; 
 }
 
 #imageRotate {height:344px; width:675px; background:#000000; margin-bottom:20px;}
 #content {width:629px; padding:20px; border:3px solid  #e7dee1; margin-bottom:60px;}
 #content h1{font-size:20px; color:#b20838; margin-bottom:20px}
 #content p {font-size:14px; margin-bottom:15px; margin-top:15px;}
 #content li {font-size:12px;}
  #content h2{font-size:18px; color:#b20838;}
   #content strong {color:#b20838;}
   #content a{color:#333333;}
#content-cd  { border:3px solid  #e7dee1; margin-bottom:60px; background: url(http://projectmaths.ie/images/cdback.jpg) repeat-x; text-align:left}
#content-cd h1{font-size:20px; color:#b20838; margin-bottom:20px}
#content-cd p {font-size:14px; margin-bottom:15px; margin-top:15px;}
#content-cd li {font-size:12px;}
#content-cd h2{font-size:18px; color:#000000;}
#content-cd strong {color:#000000;}
#content-cd a{color:#333333; text-decoration:none}

#cdHead {border: 3px solid #ffcc33; background:#ffcc33; margin-bottom:15px;}
#cdcontentLeft {float:left; margin-right:50px; width:40%}
#cdcontentRight {float:right;  margin-left:20px;width:40%}
#cdPad {padding:15px;}

#content-cd2  {width:629px; padding:20px; border:3px solid  #e7dee1; margin-bottom:60px; background: url(http://projectmaths.ie/images/cdback2.jpg) repeat-x; text-align:center}
#content-cd2 h1{font-size:20px; color:#b20838; margin-bottom:20px}
#content-cd2 p {font-size:14px; margin-bottom:15px; margin-top:15px;}
#content-cd2 li {font-size:12px;}
#content-cd2 h2{font-size:18px; color:#b20838;}
#content-cd2 strong {color:#b20838;}
#content-cd2 a{color:#333333; text-decoration:none}

#content-cd3  {width:629px; padding:20px; border:3px solid  #e7dee1; margin-bottom:60px; background: url(http://projectmaths.ie/images/cdback3.jpg) repeat-x; text-align:center}
#content-cd3 h1{font-size:20px; color:#b20838; margin-bottom:20px}
#content-cd3 p {font-size:14px; margin-bottom:15px; margin-top:15px;}
#content-cd3 li {font-size:12px;}
#content-cd3 h2{font-size:18px; color:#b20838;}
#content-cd3 strong {color:#b20838;}
#content-cd3 a{color:#333333; text-decoration:none}


  .content-boxes {background:#ffe191; padding:10px; }
  .content-boxes h2 {background:#e7dee1; color:#000000; padding:10px;}
  
   #content2 {width:675px;  margin-bottom:60px;}
 #content2 h1{font-size:20px; color:#b20838; margin-bottom:20px}
 #content2 p {font-size:14px; margin-bottom:15px; margin-top:15px;}
 #content2 li {font-size:12px;}
  #content2 h2{font-size:18px; color:#b20838;}
   #content2 strong {color:#b20838;}
   #content2 a{color:#333333;}

   
   
#footer{
 height:74px;
 background: url(http://projectmaths.ie/images/footer.jpg);
 clear:both;
 } 
 
 #footer-content {width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 padding-top:30px;
 color:#ffffff;
 font-size:12px
} 

#footerLeft { width:400px; float:left; }
#footerRight { width:400px; float:right; text-align:right }
 #footerRight a{ color:#FFFFFF; padding-left:20px; text-decoration:none;}
 #footerRight a:hover{text-decoration: underline;}
 
 .TranslationTopRight {color:#FFFFFF; font-size:12px; text-decoration:none;}
 
 .downloadBox{border: 1px solid #e7dee1; padding:10px; margin-top:15px; background:#fff6df; font-size:12px;display: inline-block;}
 .downloadBox .DocTitle p{font-size:12px}
 .Pilot {background: #e7dee1; font-size:12px; padding:5px; color:#000000;  margin-bottom:10px;}
 .downloads {padding:5px; color:#FFFFFF;  margin-bottom:10px;}
 .Nationwide { background:#fceabd; font-size:12px;padding:5px; color:#000000;  margin-bottom:10px;} 
  .downloadBox h5{margin:0; color: #b30838; font-weight:bold; margin-bottom:5px; font-size:14px; }
   .downloadBox img {margin-right:7px;}
  .downloadBox .DocTitle { float:left; color:#000000}
  .downloadBox .Format {width:130px; float:right;  padding-left:10px;}
  .DownloadSurround{ background:#efefef; padding:10px; margin-bottom:15px; border:3px solid  #e7dee1;}
  .DownloadSurround h2{ border-bottom: 3px solid  #e7dee1; padding-bottom:5px;}
	
	.ui-accordion-content {
		height: 1%;
	}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}