/*
-----------------------------------------------
Pontllanfraith Comprehensive School  
Author:www.imaginet.co.uk
Version:28 Dec 2007 
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#81061B;
   font-weight:bold;
   text-decoration:none;
}
a:hover {
   color:#81061B;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   margin:1em 0 1em 0;
   line-height:1.6em;
}
ul {
   list-style-type:none;
}

.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#BE0811;
}



/* Page Structure
----------------------------------------------- */

html body {
   background:#fff url("/graphics/bg01.jpg") repeat-x top;
   color:#252525;
   text-align:center;
   font:0.8125em Verdana,Sans-serif;
   margin:0 0 0 0;
}
#masthead {
   width:1024px;
   text-align:left;
   background:#fff url("/graphics/bg01.jpg") repeat-x top;
   margin:0 auto;
   padding:29px 0 0px;

}

#mastheadleft {
 width:665px;
 float:left;
} 

#mastheadright {
 text-align:left;
 padding:33px 90px 0px 0px;
 width:250px;

 float:right;
 margin:0;
}

#masthead .breaker {
   background:#E0E0E0 url("/graphics/masthead_breaker.jpg");
}   
 
#masthead table {
   margin:0 auto;
}
#masthead td {
 padding:0 0;
}
#news {
   width:1024px;
   color:#252525;
   text-align:left;
   background-color:#E0E0E0;
   margin:0 auto; 
   padding:16px 0;
   font-size:0.85em;
}
#news .col {
   padding:0 122px;
}
#main {
   width:1024px;
   text-align:left;
   margin:0 auto;
   padding:10px 0 15px 0;
   font-size:0.85em;
}
#mainbackg{
   background:#fff url("/graphics/dragon.gif") no-repeat bottom left;
}   

#main .col {
   padding:0 113px;
}
#contentright{
   width:600px;
   float:right;
   margin:0 auto;
   padding:13px 0 10px 0;     
}
#contentright ul li {
   background:url("/graphics/yellbullet.gif") no-repeat 0px 4px;
   padding:0px 10px 1.2em 18px;
   margin:0;
}
#sitemap ul li a {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
#sitemap a:hover {
  text-decoration:underline;
}

/* Search Bar
----------------------------------------------- */

#searchbar {
    
    padding:0px 0;
    margin:0;
    text-align:center;
}

#searchbar form input.border1 {
  background: #FFF;
  border: 1px #730506 solid;
  width:130px;
  font-size:1em;
  padding:0px 0px;
}


/* Forms
----------------------------------------------- */   
   
#form {
   background:#E0E0E0;
   padding:10px 0 10px 10px;
   margin-bottom:8px;
}
#form table {
   padding:0 0 0 10px; 
}
#form table td {
   color:#000;
   padding:8px;
   text-align:left;  
}
#form label {
     color:#656d7d;
}
form input.border1 {
  background:#fff;
  border: 1px #c4c6ca solid;
  font-family:Verdana;
}
#form span {
   font-size:1.2em;
   color:#000;
   font-weight:bold;
}




/* home boxes
----------------------------------------------- */

#homeleft{
   width:302px;
   float:left;
   margin:0 auto;
   padding:25px 0 0 0;
}
#homeright{
   width:464px;
   float:right;
   margin:0 auto;
   padding:25px 0 0 0;     
}
#homebox1 {
   background-color:#fff;
   color:#fff;
   margin:0;
   padding:0 0 20px 0;

}
#homebox1 .breaker {
   background-color:#fff;
}
#homebox1 .bluebox {
   float:left;
   width:319px;
   background:#151E67 url("/graphics/bluebox.gif") no-repeat left top;
}
#homebox1 .bluebox .text {
   padding:3px 0px 16px 15px;   
}
#homebox1 .homeboximg {
  float:right;
  width:145px;
  padding:0;
}
#homebox2 {
   background-color:#fff;
   color:#fff;
   margin:0;
   padding:0 0 20px 0;
}
#homebox2 .breaker {
   background-color:#fff;
}
#homebox2 .redbox {
   float:left;
   width:319px;
   background:#A91939 url("/graphics/redbox.gif") no-repeat left top;
}
#homebox2 .redbox .text {
   padding:3px 0px 16px 15px; 
}
#homebox2 .homeboximg {
  float:right;
  width:145px;
  padding:0;
}
#homebox3 {
   background-color:#fff;
   color:#fff;
   margin:0;
   padding:0 0 20px 0;
}
#homebox3 .breaker {
   background-color:#fff;
}
#homebox3 .greybox {
   float:left;
   width:319px;
   background:#737069 url("/graphics/greybox.gif") no-repeat left top;
}
#homebox3 .greybox .text {
   padding:3px 0px 16px 15px;
}
#homebox3 .homeboximg {
  float:right;
  width:145px;
  padding:0;
}

#homebox1 a {
   color:#fff;
   text-decoration:none;
}
#homebox1 a:hover {
   color:#fff;
   text-decoration:underline;
}
#homebox2 a {
   color:#fff;
   text-decoration:none;
}
#homebox2 a:hover {
   color:#fff;
   text-decoration:underline;
}
#homebox3 a {
   color:#fff;
   text-decoration:none;
}
#homebox3 a:hover {
   color:#fff;
   text-decoration:underline;
}


/* Tabs
----------------------------------------------- */

#topnav {
   width:100%;
   text-align:center;
   background:#E0E0E0 url("/graphics/topnavbg.gif") repeat-x bottom;
   font-size:0.9em;
}

#topnav .col {
   padding:0;
   width:1024px;
   background-color:#E0E0E0;
   margin:0 auto;
}

#topnav .col .tabs {
   padding:0 0 0 113px;
}
#topnav .col ul {
    margin:0;
    padding:0;
    list-style:none;
}
#topnav .col ul li {
    float:left;
    padding:0 0 3px 0;
    margin:0px 3px 0 0;
    background:url("/graphics/norm_right.gif") no-repeat right top;
}  
  
#topnav .col a {
    display:block;
    background:url("/graphics/norm_left.gif") no-repeat left top;
    margin:0px 0 0 0;
    padding:8px 14px 8px 14px;
    float:left;
    text-decoration:none;
    font-weight:bold;
    color:#402F33;
}
    
#topnav .col a:hover {
    color:#8C0027;
    text-decoration:none;
}

/* Commented Backslash Hack
         hides rule from IE5-Mac \*/
      #header a {float:none;}
/* End IE5-Mac hack */
    
#topnav .col #current {
   background-image:url("/graphics/norm_right_on.gif");
}
#topnav .col #current a {
   background-image:url("/graphics/norm_left_on.gif");
   padding-bottom:8px;
   color:#8C0027;
}

/* Leftnav
----------------------------------------------- */

#leftnav {
   width:168px;
   float:left;
   padding:10px 0 5px 0;
   background-color:#fff;
}
   
#leftnav ul li {
   padding:5px 0 0px 0;
   border-bottom:1px solid #fff;
}
#leftnav ul li a {
   display:block;
   padding:9px 0 10px 12px;
   color:#fff;
   text-decoration:none;
   background-image:url("/graphics/blu_nav.gif");
   background-color:#161E67;
   font-weight:bold;
}
#leftnav ul li a:hover {
   color:#fff;
   background-color:#64011D;
   background-image:url("/graphics/red_nav.gif");
}
#leftnav ul li a.active {
   color:#fff;
   background-image:url("/graphics/red_nav.gif");   
   background-color:#65011D;

}
#leftnav ul li ul li a {
   background-color:#fff;
   background-image:url("/graphics/yellbullet.gif");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding:6px 0 0.7em 24px;
   color:#402F33;
}
#leftnav ul li ul li a.active2 {
   color:#8E0026;
   background-color:#E8E8E8; 
}
#leftnav ul li ul li a:hover {
   color:#8E0026;
   background-color:#E8E8E8;
   background-image:url("/graphics/yellbullet.gif");
}


/* Footer 
----------------------------------------------- */

#footer {
   width:100%;
   background-color:#E0E0E0;
   margin:0 auto;
   text-align:left;
   font-size:0.8125em;
   font-weight:bold;
   color:#89877B;
   padding:5px 0px 0px 0px;
}
#footer .col {
   padding:0 0px;
}

#footer table {
   margin:0 auto;
}
#footer td {
 padding:8px;
}

#footer a {
   color:#402F33;
   font-weight:bold;
   text-decoration:none;
}

#footer a:hover {
   color:#81061B;
   text-decoration:underline;
}

/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:5px 15px 1em 3px;
}

img.right1, img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
}

img.left1, img.right1 {
   border:1px solid #A5A399;
}

img.left3, img.right3 {
   float:none;
   border:none;
}




/* Content
----------------------------------------------- */


hr {
   border-color:#E0E0E0;
   border-style:solid;
   border-width:1px 0 0 0;
   color:#fff;
   padding:0 0 0 0;
   margin:15px 0px 0px 0px;  
}
h1 {
   color:#252525;
   font:1.500em Georgia,Verdana,Sans-serif;
   font-weight:bold;
   line-height:1.4em;
   padding:0 0 0 0;
   margin:0 0px 1px 5px;  
}
h2 {
   color:#252525;
   font-size:1.2em;
   font-weight:bold;
   line-height:1.4em;
   padding:13px 0px 6px 0;
}
h3 {
   color:#9E1332;
   font-size:1.1em;
   font-weight:bold;
   line-height:1.4em;
   padding:13px 0px 6px 0;
}
h4 {
   color:#252525;
   font-size:1.0em;
   font-weight:bold;
   line-height:1.4em;
   padding:13px 0px 6px 0;
}
h5 {
   color:#fff;
   font:1.500em Georgia,Verdana,Sans-serif;
   line-height:2.8em;
   padding:0 0 0 0;
   margin:0 0px 1px 5px;  
}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}