@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: #FFF url(../images/design/background.png) repeat-x; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 70%; line-height: 170%; text-align: center; color: #000;}

h1, h2, h3, h4, h5, h6            {font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 100%; color: #666;}
h1                                {margin-bottom: 20px; font-size: 220%;}
h2                                {margin-bottom: 20px; font-size: 180%;}
h3                                {margin-bottom: 5px; font-size: 150%;}
h4                                {margin-bottom: 5px; font-size: 130%;}
h5                                {margin-bottom: 5px; font-size: 120%;}
h6                                {margin-bottom: 5px; font-size: 100%;}

p                                 {margin-bottom: 1em;}

a                                 {color: #666666; text-decoration: none;}
a:hover                           {color: #3366FF;}

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

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

#contentWrapper img               {padding: 5px; margin: 5px 10px; background: #fff; border: 1px solid #CCC;}

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           {padding: 5px; 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;}

#contentBlockHolder_cJxQL, #infoboxes {display: none;}

#login_form, #reminder_form                         { display: block; border: 1px solid #cacaca; width: 400px; padding: 10px; text-align: center; }
#login_form p, #reminder_form p                       { line-height: 1.2em; }
#login_form .description, #reminder_form .description            { clear: both; margin: 10px 5px 0 0; padding-right: 5px; font-size: 85%; width: 100%; text-align: right; }
#login_form .textField {float: left; width: 400px; padding: 5px 0;}

/* Structure and DIV specific styling
-------------------------------------------------- */

#header		                      {width: 990px; height: 180px; margin: 0px auto; background: url(../images/design/header.png); color: #FFF;}
#header h1, #header h2	          {display: none;}

#header p                         {text-align: right; display: block; height: 41px; padding: 15px 20px 0 0; color: #666;}

#headerbanner                     {display: none;}

#headerthreephoto                 {display: inline; float: right; width: 286px; height: 86px; margin-right: 22px; background: url(../images/design/header_threephoto.jpg)}

#accessibilityLinks               {display: inline; font-size: 80%;}
#accessibilityLinks li            {display: inline;}
#accessibilityLinks li a          {margin: 0px .6em; padding: 0px 0px 0px 15px; background: url(../images/design/text_link.gif) no-repeat left;}
#accessibilityLinks li a.homeLink {background-image: url(../images/design/home_link.gif);}
#accessibilityLinks li a.contactLink{background-image: url(../images/design/contact_link.gif);}
#accessibilityLinks li a.mapLink  {background-image: url(../images/design/map_link.gif);}
 
#main	                          {width: 100%; background: #fff url(../images/design/inner_contenttop.png) top repeat-x; text-align: left;}

/* ------------------ start menu classes for standard menus ----------------- */

#menu	                          {display: block; width: 100%; height: 50px; background: url(../images/design/menu_rpt.png);}
#menu ul	                      {display: block; width: 990px; height: 50px; margin: 0 auto;}
#menu li 	                      {list-style: none; float: left; padding: 0; margin: 0 10px;}
#menu li a, #menu li a:hover	  {float: left; height: 38px; display: inline; padding: 12px 25px 0 25px; color: #fff; text-decoration: none; font-size: 100%;}
#menu li a:hover	              {color: #666; text-decoration: underline;}
#menu li a                        {color: #000; font-weight: normal;}

#menu li.mainMenuSelected         {background: url(../images/design/menu_tab_right.png) no-repeat right top; cursor: default;}
#menu li.mainMenuSelected a, #menu li.mainMenuSelected a:hover {background: url(../images/design/menu_tab_left.png) no-repeat left top; color: #fff; display: inline; text-decoration: none; cursor: default;}
					
/* ------------------ ^^ end menu classes for standard menus ^^ ----------------- */

#contentWrapper                   {display: block; width: 970px; padding: 0 10px; margin: 0px auto; }

#subnav                           {display: block; background: #09222d; width: 100%; text-align: left;}
#subnav ul                        {display: block; width: 970px; padding: 5px 20px; margin: 0 auto;}
#subnav li                        {display: inline; padding: 0px 30px 0px 0px; margin: 0;}
#subnav a                         {text-decoration: none; color: #CCC;}
#subnav a:visited                 {text-decoration: none;}
#subnav a:hover                   {color: #fff;}
#subnav a:active                  {text-decoration: none;}

#breadcrumbs                      {padding-top: 30px; display: inline; float: left; width: 800px; font-size: 90%;}
#breadcrumbs ul                   {list-style: none; margin: 0;}
#breadcrumbs li                   {display: inline; 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: #666666;}
#breadcrumbs a:hover              {text-decoration: underline;}
#breadcrumbs a:active             {text-decoration: none;}

#dateTime                         {float: right; width: 140px; padding: 30px 0 0 0; font-size: 80%; text-align: right; color: #666666;  font-family: Verdana, Arial, Helvetica, sans-serif;}

#content                          {float: left; display: inline; padding-top: 30px;}

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

.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;	width: 100%; height: 121px; background: url(../images/design/footer_rpt.png) repeat-x; font-size: 80%; color: #FFF; text-align: left;}
#footer a                         {color: #FFF;}
#footer p                         {padding: 25px 0 0 20px;}
#footerlogos                      {margin: 0 auto; width: 990px;}

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