/*
Little Ilford School CSS
Version: 1.2
Author: UKCMS
URL: http://ukcms.eu
Tel: 0844 357 2467
*/

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, code, del, dfn, em, font, img, q, s, strike, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 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;
}

body {
color: #515151;
background: #FFFFFF url(images/lite/header_bg.png) no-repeat top center;
font: 14px/20px Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

a {
color: #FF8A00;
text-decoration: none;
}

a:hover {
color: #FF8A00;
text-decoration: underline;
}

/* WRAP */

#wrap {
width: 960px;
margin: 0 auto;
padding: 0px;
height: 100%;
}

#footer_wrap {
clear: both;
background: #7b1330;
width: 100%;
margin: 0px;
padding:  0px 0px 15px 0px;
border-top: 1px solid #DCDCDC;
}

/**********  HEADER CLASSES  **********/

#xtop {
height: 45px;
width: 960px;
margin: 0px;
padding: 0px;
}

#xheader {
height: 90px;
width: 960px;
margin: 0px;
padding: 0px;
}

#xlogo {
float: left;
height: 100px;
}

/* LOGIN */

#xlogin {
float: right;
margin-top: 10px;
color: #494949;
font-size: 14px;
height: 39px;
}

#xlogin .tbox {
border: 1px solid #DCDCDC;
padding: 5px 40px 6px 6px;
font-size: 14px;
color: #313131;
width: 175px;
}

#xlogin .button {
width: 81px;
height: 30px;
background: url(images/lite/l_button.png) no-repeat;
color: #515151;
font: 15px Arial, Helvetica, sans-serif;
font-weight: bold;
border: none;
}

#xlogin .button:hover {
background: transparent;
color: #515151;
text-decoration: none;
}

#xloggedin {
float: right;
margin-top: 10px;
color: #494949;
font-size: 15px;
height: 39px;
}

/* NAVIGATION */

/* CSS DROP DOWN MENU */

div.menuBar {
margin-top: 2px;
margin-left: 0px;
margin-right: 0px;
}

div.dropSep {
height: 10px;
width: 1px;
}
 
#nav li.fs-linkSep {
background-image: none;
}

#nav, #nav ul { 
padding: 0;	
margin: 0;
list-style: none;
line-height: 36px;
cursor: pointer;
}

/* all list items */
#nav li { 
float: left;
margin: 0px 0px 0px 0px; 
}

/* TOP LEVEL */

#nav li.sfhover, #nav li:hover {
cursor: pointer;
}

/* ACTIVE LINK */
#nav li#active {
cursor: pointer;
}

#nav li#active a {
color: #7B1330;
background: url(images/lite/nav_hov.png) center bottom repeat-x;
}

#nav li a {
color: #494949;
padding: 74px 15px 0px 15px;
display: block;
text-decoration: none;
font-size: 17.4px;
font-weight: bold;
background-position: 100% 0;
background-repeat: no-repeat;
}

#nav a:hover, #nav li.sfhover a, #nav li:hover a{
display: block;
text-decoration: none;
color: #7B1330;
background: transparent url(images/lite/nav_hov.png) center bottom repeat-x;
}

/* LEVEL 2 */
#nav li li a {
color: #494949;
margin-left: 0px;
display:block;
padding: 0;
text-decoration: none;
font-size: 14px;
font-weight: bold;
float: none;
padding-left: 15px;
width: 155px;
}

#nav li ul { /* second-level lists */
position: absolute;
z-index: 1000;
width: 170px;
left: -999em;
background: transparent url(images/navsub_bg.png) center center repeat-x;
}

#nav li ul ul { /* third-and-above-level lists */
margin: -36px 0 0 170px;
background-image: none;
}

#nav li.fs-linkSep, #nav li.fs-linkSep:hover  {
background-color: transparent !important;
}

#nav li:hover li:hover, #nav li.sfhover li.sfhover {
background: #ffffff;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left: -999em;
background-image: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
background-image: none;
}

/*---------------------------------------------------*/

.footnav ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.footnav a {
float: none;
}
/* End IE5-Mac hack */

.footnav li {
float: left;
margin: 0;
padding: 0;
}

.footnav li a {
float: left;
display: block;
text-decoration: none;
font: 13px Arial, Helvetica, Sans-serif;
font-weight: 400;
padding: 5px 0px 0px 0px;
margin: 0px 12px;
color: #494949;
}

.footnav li a:hover {
color: #FFFFFF;
}

.footnav li.active2 a {
color: #FFFFFF;
}

/*********** CONTENT CLASSES ***********/

#xcontent {
width: 960px;
margin: 20px 0px;
padding: 0px;
line-height: 1.3em;
}

#xleftside {
width: 720px;
float: left;
margin: 0px;
padding: 0px;
}

#newsbox {
width: 460px;
float: left;
margin: 20px 10px;
padding: 0px;
}

#newsbox .top {
background: url(images/lite/news_top.png) no-repeat;
width: 460px;
height: 54px;
margin: 0px;
padding: 0px;
}

#newsbox .middle {
background: url(images/lite/news_middle.png) repeat-y;
width: 460px;
height: 100%;
margin: 0px;
padding: 0px;
}

#newsbox .bottom {
background: url(images/lite/news_bottom.png) no-repeat;
width: 460px;
height: 30px;
margin: 0px;
padding: 0px;
}

#pagebox {
width: 700px;
float: left;
margin: 20px 10px;
padding: 0px;
}

#pagebox .top {
background: url(images/lite/page_top.png) no-repeat;
width: 700px;
height: 54px;
margin: 0px;
padding: 0px;
}

#pagebox .middle {
background: url(images/lite/page_middle.png) repeat-y;
width: 700px;
height: 100%;
margin: 0px;
padding: 0px;
}

#pagebox .bottom {
background: url(images/lite/page_bottom.png) no-repeat;
width: 700px;
height: 30px;
margin: 0px;
padding: 0px;
}

#fullpagebox {
width: 940px;
float: left;
margin: 20px 10px;
padding: 0px;
}

#fullpagebox .top {
background: url(images/lite/fullpage_top.png) no-repeat;
width: 940px;
height: 54px;
margin: 0px;
padding: 0px;
}

#fullpagebox .middle {
background: url(images/lite/fullpage_middle.png) repeat-y;
width: 940px;
height: 100%;
margin: 0px;
padding: 0px;
}

#fullpagebox .bottom {
background: url(images/lite/fullpage_bottom.png) no-repeat;
width: 940px;
height: 30px;
margin: 0px;
padding: 0px;
}

#centcolumn {
width: 219px;
float: left;
margin: 20px 10px;
font-size: 12px;
border-right: 1px solid #DCDCDC;
}

#xrightside {
width: 220px;
float: right;
margin: 0px 10px;
font-size: 12px;
}

/* NEWS */

.xnews_wrap {
margin: 0px;
padding: 0px;
}

.xnews_caption {
clear: both;
padding: 10px 20px;
}

.xnews_content {
padding: 20px;
}

.xnews_image a {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

.xnews_info {
margin: 0px 20px;
font-size: 11px;
border-bottom: 1px solid #DCDCDC;
}

.xnews_info a {
color: #515151;
text-decoration: none;
}

.xnews_info a:hover {
color: #FF8A00;
text-decoration: none;
}

.xnews_info2 {
padding: 5px 20px 20px 20px;
}

.xnews_ext {
background: url(images/arrow_but.png) no-repeat;
float: right;
width: 130px;
height: 26px;
margin-top: 10px;
padding-top: 2px;
}

.xnews_ext a {
color: #515151;
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 22px;
}

.xnews_ext a:hover {
color: #FF8A00;
text-decoration: none;
}

.xnews_date {
background: url(images/newsdate.png) no-repeat;
color: #FFFFFF;
font-weight: bold;
font: 15px "Myriad Pro",Helvetica,Arial,sans-serif;
width: 77px;
height: 20px;
line-height: 20px;
padding-left: 10px;
margin-bottom: 10px;
}

.xnews_tags {
background: url(images/tag_orange.png) no-repeat top left;
font-size: 11px;
margin: 5px 20px 0px 20px;
padding-left: 25px;
}

.newscath {
font-weight: bold; 
margin-bottom:6px;
text-align:left;
vertical-align: top;
}

/* MENUS */

.plainbox {
margin: 0px 0px 10px 0px;
padding: 0px;
}

.plainbox2 {
width: 300px;
margin: 10px;
padding: 0px;
}

.menubox_left {
width: 204px;
margin: 0px 15px 0px 0px;
padding: 0px;
}

.menubox_right {
width: 220px;
margin: 0px;
padding: 0px;
}

.pagebox_menu {
margin: 0px 20px;
padding: 0px;
}

.caption {
margin: 0px;
padding: 2px 0px;
border-bottom: 0px solid #DCDCDC;
}

.caption2 {
margin: 0px;
padding: 2px 0px;
}

.pagebox_caption {
margin: 0px;
padding: 2px 0px;
border-bottom: 0px solid #DCDCDC;
}

.content {
margin: 0px;
padding: 10px 0px;
}

/* SIGNUP */

#xsignup {
width: 220px;
height: 31px;
background: url(images/signup_but.png) no-repeat top center;
margin-bottom: 30px;
text-align: center;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 9px;
}

#xsignup a {
color: #FFFFFF;
}

#xsignup a:hover {
color: #131313;
text-decoration: none;
}

#xmember {
background: #EBEBEB;
width: 220px;
border: 1px solid #DCDCDC;
padding: 10px 0px;
margin-bottom: 30px;
text-align: center;
}

#xmember a img {
margin: 3px;
}

/* SEARCH */

#search_wrap {
width: 220px;
height: 35px;
margin-bottom: 20px;
}

#search_wrap #q {
float: left;
border: 1px solid #DCDCDC;
padding: 5px 40px 6px 6px;
font-size: 14px;
color: #515151;
width: 174px;
}

#search_wrap #button {
float: right;
top: -33px;
height: 35px;
width: 36px;
background: url(images/search.png) no-repeat 0 0;
border: none;
cursor: pointer;
z-index: 1;
position: relative;
}

/*************  FOOTER  ************/

#xfooter {
clear: both;
width: 960px;
margin: 0px auto;
padding: 10px 20px 20px 20px;
color: #515151;
font-size: 13px;
}

.footbot {
clear: both;
padding: 10px;
}

/**********  CORE CLASSES  **********/

h1 {
font: 24px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #303030;
}

h2 {
font: 30px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #303030;
}

h3 {
font: 22px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #ffffff;
}

h4 {
font-size: 17px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

h5 {
font: 24px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 10px;
color: #303030;
}

:focus {
outline: 0;
}

ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}

.tbox, .helpbox{
background: transparent;	
border: 1px solid #DCDCDC;
padding: 3px;
width: 100%;
font-size: 12px;
margin: 4px 0;
color: #515151;
}

.indent {
border: #313131 0px dashed;
padding: 10px;
margin: 8px;
}

.button {
background: #262626;
color: #FFFFFF;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
border: 0;
padding: 2px 4px;
margin: 4px 1px;
}

.button:hover {
background: transparent;
color: #515151;
cursor: pointer;
}

div.code-box {
border: 1px dashed #515151;
margin: 20px;
padding: 15px;
color: #303030;
background: #EBEBEB;
font-size: 0.9em;
letter-spacing: 0.1em;
}

div.code-box ol {
margin: 0;
padding: 0 10px;
}

div.code_highlight {
white-space: normal;
}

a img{
border: 0px;
}

.clear {
clear: both;
}

.smalltext, .smallblacktext {
font: 11px Arial, Helvetica, Sans-serif;
}

#chatbox .tbox {
width: 200px;
}

/**************  FBOX  ************/

#fbox {
background: url(images/lite/fbox_bg.png) no-repeat;
width: 700px;
height: 160px;
margin: 0px 0px 0px 8px;
border: 2px solid #7b1330;
}

div#promos div.scroller { 
width: 630px;
height: 160px; 
text-align: left;
overflow: hidden;
}
div#promos div.scroller div.content {
width: 10000px;
}

div#promos div.scroller div.section {
width: 600px;
height: 160px;
overflow: hidden;
float: left;
padding: 0px 10px;
}

.innerbox {
margin: 0px 0px;
}

p.promo{
color: #ffffff;
font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}

div.fBoxImage img, div.ecliImage img {
padding: 0px;
}

.but_l {
float: left;
width: 35px;
height: 55px;
top: 60px;
position: relative;
}

.but_r {
float: right;
width: 35px;
height: 55px;
top: 60px;
position: relative;
}

/**********  NEXTPREV CLASSES  **********/

.nextprev {
clear: both;
border: 0px;
padding: 0px;
margin-top: -15px;
margin-right: 10px;
float: right;
}

.nextprev ul{
margin: 0;
padding: 0;
list-style: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.nextprev a {
float: none;
}
/* End IE5-Mac hack */

.nextprev li {
background: url(images/nextprev.png) no-repeat;
width: 30px;
height: 35px;
float: left;
display: block;
margin-bottom: 0;
border: none;
padding-top: 8px;
text-align: center;
}

.nextprev li:hover {
background: url(images/nextprev_act.png) no-repeat;
}

.nextprev li a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
border: none;
text-align: center;
}

.nextprev li:hover a {
text-decoration: none;
}

.nextprev li.npempty {
background-color: transparent;
background-image: none;
}

.nextprev li:hover.npempty {
background-color: transparent;
background-image: none;
}

/**********  FORUM CLASSES  **********/

.fborder {
border: 0px solid #DCDCDC;
margin: 0;
padding: 0;
font-size: 13px/18px;
}

.fborder2 {
border: 1px solid #DCDCDC;
margin: 6px;
padding: 4px;
}

.fborder2 p {
font-size: 11px;
}

.fcaption {
padding: 5px;
font-weight: bold;
border: 0;
}

.forumheader {
font: 20px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
color: #303030;
margin: 0px;
padding: 10px;
}

.forumheader2, .forumheader3, .forumheader4 {
padding: 8px;
text-align: left;
border-bottom: 1px solid #DCDCDC;
}

.forumheader3 {
padding: 8px;
text-align: left;
border: 1px solid #DCDCDC;
}

.finfobar {
padding: 10px;
border-bottom: 2px solid #FF8A00;
}

/************  TAGCLOUD  ***********/

.tagcloud {
font-family: Arial, Helvetica, Sans-serif;
}

/************  COMMENTS  ***********/

#comment_box {
width: 100%;
border: 1px solid #DCDCDC;
margin-bottom: 20px;
background: #FFFFFF;
}

.comment_wrap {
margin: 10px
}

.comment_head {
padding-bottom: 10px;
border-bottom: 1px solid #DCDCDC;
}

.comment_head h3 {
color: #303030;
}

.comment_head a {
color: #303030;
}

.comment_head a:hover {
color: #FF8A00;
}

.comment_date {
font-size: 11px;
font-weight: bold;
}

.comment_text {
padding: 10px;
}

.comment_reply {
text-align: right;
}