@import "news.css";
@import "calendar.css";
@import "contentblock.css";
@import "comments.css";

/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  www.e4education.co.uk 
date:     2008.07
author:   Jack Howell @ e4education
-------------------------------------------------- */

/* Remove default margins & paddings
-------------------------------------------------- */
*                                 {margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%;}

/* Fixes forcer issue with news items
-------------------------------------------------- */
.newsItemOdd, .newsItem           {clear: none;}

/* 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.podcastList li                                   {height: auto !important; }
ul.podcastList li.attachmentDownload_mp3            {background-position: top left;}
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                              {margin: 0px auto; background: #2a647f url(../images/design/body_new.jpg) top repeat-x; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 80%; line-height: 170%; text-align: center; color: #000;}

h1, h2, h3, h4, h5, h6            {font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 100%;}
h1                                {margin-bottom: 20px; font-size: 200%;}
h2                                {margin-bottom: 20px; font-size: 160%;}
h3                                {margin-bottom: 5px; font-size: 130%;}
h4                                {margin-bottom: 5px; font-size: 120%;}
h5                                {margin-bottom: 5px; font-size: 110%;}
h6                                {margin-bottom: 5px; font-size: 100%;}

p                                 {margin-bottom: 1em;}

a:hover                           {color: #999;}

strong, b                         {font-weight: bold;}
em, i                             {font-style: italic;}

ul, ol                            {margin: 0 0 20px 10px; font-family: inherit;}
li                                {padding-left: 25px; background: url(images/bulletArrow.gif) 0 4px no-repeat;}

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;}

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;}

#treelinks                      {display: none;}

/* Structure and DIV specific styling
-------------------------------------------------- */
#container                        {margin: 0 auto; width: 990px; text-align: left; background: url(../images/design/main_rpt_new.gif) repeat-y;}

#header		                      {width: 990px; height: 150px; background: url(../images/design/header_new.jpg); color: #FFF;}
#header h1, #header h2	          {display: none;}
#header p                         {text-align: right; margin: 0; padding: 5px 50px 0 0; font-size: 90%; color: #fff;}
#header p a                       {color: #ccc; text-decoration: none;}
#header p a:hover                 {text-decoration: underline;}
#header #address                  {display: inline; float: right; width: 200px; padding: 5px 20px 0 0; text-align: right; font-size: 90%; color: #fff;}

#main	                          {width: 990px; float: left; background: url(../images/design/wrapper_new.jpg) top no-repeat;}

#menu	                          {display: block; float: left; width: 190px; padding-top: 20px; margin-left: 9px; background: url(../images/design/menu_bg.gif) no-repeat center top;}
#menu ul	                      {display: block; float: left; padding: 0 0 10px 0; margin: 0; width: 190px; background: #9a1a09 url(../images/design/menu_bottom.png) no-repeat bottom;}
#menu li 	                      {list-style: none; float: left; padding: 0; margin: 0 15px; text-align: center; background: #9a1a09;}
#menu li a, #menu li a:hover	  {float: left; height: 35px; display: inline; padding: 8px 20px 0 20px; color: #000; text-decoration: none; font-size: 110%;}
#menu li a:hover	              {color: #fff; text-decoration: underline;}
#menu li a                        {color: #fff; font-weight: normal;}
#menuBottom                       {display: inline; width: 191px; height: 10px; background: url(../images/design/menu_bottom.png) no-repeat bottom;}

#menu li.mainMenuSelected         {background: url(../images/design/menu_slide.gif) no-repeat right top; cursor: default;}
#menu li.mainMenuSelected a, #menu li.mainMenuSelected a:hover {background: url(../images/design/menu_left.gif) no-repeat left top; color: #fff; display: inline; text-decoration: none; cursor: default;}

#contentWrapper                   {float: right; width: 990px; background: url(../images/design/content_wrapper_new.gif) top right no-repeat;}

#subnav                           {display: inline; float: right; padding: 0px; margin: 10px 35px 0 0; width: 700px;}
#subnav ul                        {display: inline; width: 700px; margin: 10px 0 0 15px; padding: 0; font-size: 90%;}
#subnav li                        {display: inline; float: left; margin: 2px 10px; padding-left: 15px; color: #999; font-size: 150%; list-style-type: none; background: url(../images/design/subnav_square.gif) no-repeat left;}
#subnav a                         {text-decoration: none; color: #333; font-size: 70%;}
#subnav a:visited                 {text-decoration: none;}
#subnav a:hover                   {text-decoration: underline;}
#subnav a:active                  {text-decoration: underline;}

#breadcrumbs                      {display: inline; float: left; width: 710px; padding-top: 5px; font-size: 100%;}
#breadcrumbs ul                   {display: inline; list-style: none; float: left; margin-left: 0;}
#breadcrumbs li                   {display: inline; color: #5572b3; padding: 0;}
#breadcrumbs a                    {text-decoration: none; padding: 0px 5px 0px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #666666;}
#breadcrumbs a:visited            {text-decoration: none; color: #5572b3;}
#breadcrumbs a:hover              {color: #000;}
#breadcrumbs a:active             {text-decoration: none;}

#dateTime                         {float: right; width: 140px; padding: 5px 25px 0 0; font-size: 90%; text-align: right; color: #5572b3;  font-family: Verdana, Arial, Helvetica, sans-serif;}

#content                          {display: inline; float: right; width: 710px; padding: 10px 25px 0 5px; line-height: 220%;}

.forcer                           {float: left;	width: 0px; height: 680px;}

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

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

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

#footer                           {clear: both;	padding: 70px 10px 0 0; width: 980px; height: 93px; background: url(../images/design/footer_inner_new.gif); font-size: 80%; color: #FFF; text-align: right;}
#footer a                         {color: #FFF;}


/* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */
#editor                           {margin: 0px; padding: 0px; width: 650px; min-height: 400px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;}