/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  www.e4education.co.uk 
version:  2007.08
author:   Sean Johnson / Mike Armstrong @ e4education
-------------------------------------------------- */

/* import additional style sheets
-------------------------------------------------- */
@import "news.css";
@import "calendar.css";
@import "comments.css";
@import "contentblock.css";


/* Remove default margins & paddings
-------------------------------------------------- */
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul                          {margin: 0; padding: 0;}


/* icons and styles for file attachments
-------------------------------------------------- */
ul.fileAttachmentList             {min-height: 40px; padding: 0 0 20px 0; margin: 0;}
ul.fileAttachmentList li          {list-style-type: none; height: 35px; padding-left: 40px;	padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat;}

ul.fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif)!important;}
ul.fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif)!important;}

/* Base styles, typography & alignments
-------------------------------------------------- */
body                              {background: #0033FF url(../images/design/page_bg.jpg) repeat-x top left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 140%; text-align: center; color: #333;}

h1, h2, h3                        {margin-bottom: 3px; padding: 10px 0 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0B32C4;}
h1                                {font-size: 180%;}
h2                                {font-size: 170%;}
h3                                {font-size: 100%; font-weight: bold;}

p                                 {margin-bottom: 1em;}

#content ul                       {margin-bottom: 1em;}
#content li                       {margin-left: 1em;}

img                               {}
img.left                          {float: left; margin: 0 10px 10px 0;}
img.right                         {float: right; margin: 0 0 10px 10px;}

.left                             {float: left;}
.right                            {float: right;}
.center                           {margin: 0 auto; text-align: center;}

a                                 {color: #0B32C4;}
a:hover                           {color: #0070D5;}

form                              {margin-bottom: 20px;}
fieldset                          {border: 0;}
input, textarea, select           {margin-bottom: 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 90%;}
input.button                      {margin-left: 210px; width: 100px;}

.error                            {padding-left: 20px; color:#f00;}
.caption                          {font-style: italic; font-size: 90%;}
.noShow                           {display: none;}

hr.cleaner                        {visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none;}
.clear:after                      {content: "."; display: block; clear:both; height: 0; visibility: hidden;}


/* Structure and DIV specific styling
-------------------------------------------------- */
#container                        {margin: 0px auto; width: 760px; text-align: left;}
#header                           {margin: auto; width: 760px; height: 200px; background: #FFF url(../images/design/header_default.jpg) no-repeat top left;}
#header h1, #header h2            {display: none;}


#flashDiv                         {display: block; float: right; width: 473px; height: 185px; background: url(../images/design/flashdiv_bg.jpg) no-repeat top right;}


#main                             {width: 760px; background: #FAFAFA url(../images/design/content_bg.jpg) repeat-y top left;}


ul#mainMenu                       {display: inline; float: left; margin-left: 5px; width: 202px; list-style: none;}
ul#mainMenu li                    {font-weight: bold;}
ul#mainMenu li a                  {display: block; padding: 3px 5px 3px 30px; color: #FFF; text-decoration: none;}
ul#mainMenu li a:hover            {background: #1444FF url(../images/design/menu_over.gif) repeat-y left;}


#contentWrapper                   {background: url(../images/design/content_top.jpg) no-repeat top left;}


#breadcrumbs                      {margin-left: 220px; height: 29px; padding: 10px 0px; font-size: 80%;}
#breadcrumbs li                   {display: inline;	padding: 0px 6px 0px 0px;}
#breadcrumbs a:link               {color: #0B32C4; text-decoration: none;}
#breadcrumbs a:visited            {text-decoration: none;}
#breadcrumbs a:hover              {text-decoration: underline;}
#breadcrumbs a:active             {text-decoration: none;}


#dateTime                         {display: inline; float: right; margin: -3.4em 30px 0px 0px; font-size: 80%; color: #0B32C4;}


#subNav                           {float: left; margin-left: 10px; background: url(../images/design/dotted_line_horiz.gif) repeat-x bottom;}
#subNav ul                        {padding: 10px 0px; width: 530px; background: url(../images/design/dotted_line_horiz.gif) repeat-x top; text-align: center; list-style: inside;}
#subNav li                        {float: left; display: inline; padding: 0px 5px 0px 15px; background: url(../images/design/subnav_bullet.gif) 0 5px no-repeat;}
#subNav li:first-child            {padding: 0px 5px 0px 0px; background: none;}
#subNav a                         {font-weight: bold; color: #0B32C4; text-decoration: none; white-space: nowrap;}
#subNav a:hover                   {text-decoration: underline;}


#content	                      {display: inline; float: right; margin-right: 10px; width: 530px;}


#forcer                           {float: left;	width: 0px; height: 250px;}


#forcerFix                        {float: left; width: 100%;}


#newsTicker                       {margin-bottom: 5px; padding-top: 10px; height: 30px; background: #EFEFEF url(../images/design/news_header.gif) no-repeat left;}
#newsTicker h2                    {display: inline; float: left; margin: 0; padding: 0px 10px 0px 50px; font-size: 110%;}


.contentBlock                     {display: inline; float: right; margin: 5px 0px 5px 5px; width: 201px; background: #FFF url(../images/design/content_block_bottom.gif) no-repeat bottom;}
.contentBlock .contentBlockCap    {margin: 0; padding: 0; width: 201px; height: 15px; background: url(../images/design/content_block_top.gif) no-repeat top; overflow: hidden;}
.contentBlock h2                  {margin-top: 0; padding: 0px 10px 12px; background: url(../images/design/content_block_header.gif) no-repeat bottom; font-size: 100%; font-weight: bold; color: #FFF;}
.contentBlock h2 a                {color: #FFF; text-decoration: none;}
.contentBlock h2 a:hover          {color: #CCC; text-decoration: underline;}
.contentBlock p, .contentBlock ul {padding: 5px;}


.fileList                         {list-style: none;}
.fileList li                      {padding: 5px 0px;}
.fileList .pdf                    {padding-left: 20px; background: url(../images/design/pdf_icon.gif) no-repeat top left;}
.fileList a                       {display: block; color: #333; text-decoration: none;}
.fileList a:hover                 {color: #666; text-decoration: underline;}


#footer                           {clear: both; width: 520px; margin-bottom: 50px; padding: 10px 10px 10px 230px; background: url(../images/design/content_bottom.gif) no-repeat bottom left; font-size: 80%; color: #333; text-align: center;}
#footer a                         {color: #333;}
#footer a:hover                   {color: #666;}
#footer p                         {margin: 0; padding: 0; line-height: 140%;}
#footer .leftgroup                {clear: left; float: left; width: auto;}
#footer .rightgroup               {clear: right; float: right; width: auto; text-align: right;}


.imageFooterMiddle	              {padding-bottom: 20px; /* Enough room for 4 lines of text */ padding-top: 5px; line-height: 120%; font-size: 90% !important;}


.newsItem h2, .newsItemOdd h2     {background: none; font-size: 110%;}

#newsFeeds                        {font-size: 90%;}
#newsFeeds li a                   {font-size: 110%;}
#newsFeeds img                    {margin: 0px 10px 0px 0px; padding: 0;}