/* --------------------------------------------------------------
	Site Specific Stylesheet
	http://www.ladymanners.net/
	2010-06-21
	Author: Mike Armstrong - www.e4education.co.uk
-------------------------------------------------------------- */

@import url(reset.css); /* Global Reset */
@import url(default.css); /* Sets sensible default styles */
@import url(fonts.css); /* load webfonts */


/* Site specific styling
-------------------------------------------------- */
body                              {background: #FFF url(../images/design/page_bg.jpg) left top;}

h1, h2, h3, h4, h5, h6            {margin: 0 0 .2em 0; color: #083194;}
h1, h2                            {font-size: 20px; font-family: 'CenturyGothicRegular', Arial, Helvetica, sans-serif;}
h3                                {font-size: 18px;}
h4                                {font-size: 16px;}
h5                                {font-size: 15px;}
h6                                {font-size: 14px;}

a:link                            {text-decoration: underline; color: #083194;}
a:visited                         {text-decoration: underline; color: #083194;}
a:hover                           {text-decoration: underline; color: #000;}
a:focus                           {text-decoration: underline; color: #000;}
a:active                          {text-decoration: underline; color: #000;}

#container                        {width: 100%; background: url(../images/design/container_bg.jpg) no-repeat top; text-align: left;}

#header                           {position: relative; margin: 0 auto; width: 940px; height: 392px; background: url(../images/design/header_bg.png) no-repeat left top; color: #FFF;}
#header h1, #header h2            {display: none;}

#searchBox                        {position: absolute; right: 10px; top: 50px;}
#searchBox form                   {margin: 0; padding: 0;}
#searchBox form label             {display: none;}
#searchBox form #searchValue      {display: inline; float: left; margin: 0; padding: 2px; width: 170px; font-size: 11px; border: 1px solid #666;}
#searchBox form #searchButton     {display: inline; float: left;}

#menuWrapper                      {position: absolute; top: 150px; left: 0; width: 940px; height: 241px; background: #FFF; -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;}

#menu                             {display: block; clear: both; position: relative; width: 940px; height: 40px; background: url(../images/design/menu.png) no-repeat 0 0; border-bottom: 1px solid #FFF;}
#menu ul                          {display: block; margin: 0; padding: 0; width: 940px; height: 40px; list-style-type: none;}
#menu li                          {display: inline; float: left; margin: 0; padding: 0; height: 40px;}
#menu li a                        {display: block; position: relative; width: 95px; height: 40px; text-decoration: none; overflow: hidden;}
#menu li a span                   {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/design/menu.png); background-repeat: no-repeat; background-position: 0 0;}
#menu .menuitem_page_1 a          {width: 111px;}
#menu .menuitem_page_1 a:link span,
#menu .menuitem_page_1 a:visited span{background-position: 0 0;}
#menu .menuitem_page_1 a:hover span,
#menu .menuitem_page_1 a:focus span,
#menu .menuitem_page_1 a:active span{background-position: 0 -40px;}
#menu .menuitem_page_1.selected a span{background-position: 0 -80px; cursor: default;}
#menu .menuitem_page_2 a          {width: 123px;}
#menu .menuitem_page_2 a:link span,
#menu .menuitem_page_2 a:visited span{background-position: -111px 0;}
#menu .menuitem_page_2 a:hover span,
#menu .menuitem_page_2 a:focus span,
#menu .menuitem_page_2 a:active span{background-position: -111px -40px;}
#menu .menuitem_page_2.selected a span{background-position: -111px -80px; cursor: default;}
#menu .menuitem_page_3 a          {width: 114px;}
#menu .menuitem_page_3 a:link span,
#menu .menuitem_page_3 a:visited span{background-position: -234px 0;}
#menu .menuitem_page_3 a:hover span,
#menu .menuitem_page_3 a:focus span,
#menu .menuitem_page_3 a:active span{background-position: -234px -40px;}
#menu .menuitem_page_3.selected a span{background-position: -234px -80px; cursor: default;}
#menu .menuitem_page_4 a          {width: 166px;}
#menu .menuitem_page_4 a:link span,
#menu .menuitem_page_4 a:visited span{background-position: -348px 0;}
#menu .menuitem_page_4 a:hover span,
#menu .menuitem_page_4 a:focus span,
#menu .menuitem_page_4 a:active span{background-position: -348px -40px;}
#menu .menuitem_page_4.selected a span{background-position: -348px -80px; cursor: default;}
#menu .menuitem_page_5 a          {width: 263px;}
#menu .menuitem_page_5 a:link span,
#menu .menuitem_page_5 a:visited span{background-position: -514px 0;}
#menu .menuitem_page_5 a:hover span,
#menu .menuitem_page_5 a:focus span,
#menu .menuitem_page_5 a:active span{background-position: -514px -40px;}
#menu .menuitem_page_5.selected a span{background-position: -514px -80px; cursor: default;}
#menu .menuitem_page_6 a          {width: 163px;}
#menu .menuitem_page_6 a:link span,
#menu .menuitem_page_6 a:visited span{background-position: -777px 0;}
#menu .menuitem_page_6 a:hover span,
#menu .menuitem_page_6 a:focus span,
#menu .menuitem_page_6 a:active span{background-position: -777px -40px;}
#menu .menuitem_page_6.selected a span{background-position: -777px -80px; cursor: default;}
#menu .menuitem_page_7,
#menu .menuitem_page_8,
#menu .menuitem_page_9,
#menu .menuitem_page_10           {display: none;}

#slideshowWrapper                 {position: relative; clear: both; width: 940px; height: 200px;}
#slideshow                        {display: inline; float: left; width: 740px; height: 200px;}

#secondaryNav                     {display: inline; float: right; margin: 0; padding: 0; width: 200px; height: 200px; list-style-type: none;}
#secondaryNav li                  {margin: 0; padding: 0; width: 200px; height: 50px;}
#secondaryNav li a                {display: block; position: relative; width: 200px; height: 50px; text-decoration: none; overflow: hidden;}
#secondaryNav li a span           {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/design/sub_menu.png); background-repeat: no-repeat; background-position: 0 0;}
#secondaryNav .menuitem_page_7 a:link span,
#secondaryNav .menuitem_page_7 a:visited span{background-position: 0 0;}
#secondaryNav .menuitem_page_7 a:hover span,
#secondaryNav .menuitem_page_7 a:focus span,
#secondaryNav .menuitem_page_7 a:active span{background-position: -200px 0;}
#secondaryNav .menuitem_page_8 a:link span,
#secondaryNav .menuitem_page_8 a:visited span{background-position: 0 -50px;}
#secondaryNav .menuitem_page_8 a:hover span,
#secondaryNav .menuitem_page_8 a:focus span,
#secondaryNav .menuitem_page_8 a:active span{background-position: -200px -50px;}
#secondaryNav .menuitem_page_9 a:link span,
#secondaryNav .menuitem_page_9 a:visited span{background-position: 0 -100px;}
#secondaryNav .menuitem_page_9 a:hover span,
#secondaryNav .menuitem_page_9 a:focus span,
#secondaryNav .menuitem_page_9 a:active span{background-position: -200px -100px;}
#secondaryNav .menuitem_page_10 a:link span,
#secondaryNav .menuitem_page_10 a:visited span{background-position: 0 -150px;}
#secondaryNav .menuitem_page_10 a:hover span,
#secondaryNav .menuitem_page_10 a:focus span,
#secondaryNav .menuitem_page_10 a:active span{background-position: -200px -150px;}

.menuitem_news_category_2{display: none;}

#breadcrumbs                      {margin: 0 auto; padding: 5px 0; width: 940px; font-size: 90%; color: #083194;}
#breadcrumbs ul                   {display: inline; margin: 0; padding: 0; list-style: none;}
#breadcrumbs li                   {display: inline; margin: 0; padding: 0;}
#breadcrumbs a:link               {text-decoration: none;}
#breadcrumbs a:visited            {text-decoration: none;}
#breadcrumbs a:hover              {text-decoration: underline;}
#breadcrumbs a:focus              {text-decoration: underline;}
#breadcrumbs a:active             {text-decoration: underline;}
#breadcrumbs li.last .navSeparator{display: none;}
 
#main                             {clear: both; margin: 0 auto; width: 940px;}

#subnavWrapper                    {display: inline; float: left; padding: 10px; width: 198px; background: #FFF; border: 1px solid #083194; font-weight: bold; -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;}
#subnavWrapper h2                 {margin: -10px -10px 10px; padding: 10px; background: #083194; font-weight: normal; color: #FFF;}
#subnav                           {margin: 0 5px; padding: 0; list-style-type: none;}
#subnav li                        {margin: 5px 0; padding: 0;}
#subnav a                         {padding: 0 0 0 20px; background: url(../images/design/subnav_bullet.gif) no-repeat 0 .3em;}
#subnav a:link                    {text-decoration: none;}
#subnav a:visited                 {text-decoration: none;}
#subnav a:hover                   {text-decoration: underline;}
#subnav a:focus                   {text-decoration: underline;}
#subnav a:active                  {text-decoration: underline;}

#contentWrapper                   {display: inline; float: right;}

#content                          {clear: both; padding: 10px; width: 678px; background: #FFF; border: 1px solid #083194; -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;}

.readMore                         {display: block; clear: both; text-transform: capitalize; text-align: right;}

h1.mainHeading                    {margin: -10px -10px 10px; padding: 10px; background: #083194; font-weight: normal; color: #FFF;}
h1.mainHeading a                  {display: block; font-weight: normal; text-decoration: none; color: #FFF;}
h1#itemTitle                      {color: #083194;}

#content .e4eVideo                {padding: 5px;}

iframe#embed                      {height: 600px;}

#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; margin: 20px auto; padding: 10px 0; width: 940px; background: url(../images/design/footer_bg.png) no-repeat left; font-size: 80%; text-align: right; color: #083194;}
#footer p                         {margin: 0;}

/* calendar */
#calendar_monthBlock               {width: 200px; border-spacing: 1px; border-collapse: separate; text-align: center; color: #083194;}
#calendar_monthBlock abbr          {border-bottom: none; font-size: 10px;}
#calendar_monthBlock th            {font-weight: normal; text-align: center;}
#calendar_monthBlock tbody         {font-size: 10px;}
#calendar_monthBlock td            {background: #4565AE; text-align: center; width: 28px; height: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#calendar_monthBlock td.calendar_inactive  {background: #8397C9;}
#calendar_monthBlock td.calendar_highlight{background: #032A91 url(../images/design/calendar_highlight_bg.gif) no-repeat right bottom; font-weight: bold;}
#calendar_monthBlock td a          {text-decoration: none; color: #FFF;}
/* end calendar */

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

#editor #mainContent,
#editor #subContent               {border-right: 1px solid #cacaca; min-height: 590px; }

#mainContent                      {float: left; margin: 0;}
#mainContent.twoColumns           {width: 440px;}
#mainContent.even                 {width: 320px;}

#subContent                       {float: right; margin: 0; width: 220px;}
#subContent.even                  {width: 320px;}

#homeMainContent.even             {float: left; width: 300px;}
#homeSubContent.even              {float: right; width: 280px;}

/* icons and styles for file attachments
-------------------------------------------------- */
ol.fileAttachmentList                               {min-height: 40px; padding: 0 0 20px 0; margin: 0;}
ol.fileAttachmentList li                            {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; }
ol.podcastList li                                   {height: auto !important; }
ol.podcastList li.attachmentDownload_mp3            {background-position: top left;}
ol.fileAttachmentList li.attachmentDownload_doc     {background-image: url(../images/icons/doc.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_mp3     {background-image: url(../images/icons/mp3.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_pdf     {background-image: url(../images/icons/pdf.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_pub     {background-image: url(../images/icons/pub.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_zip     {background-image: url(../images/icons/zip.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_jpg     {background-image: url(../images/icons/jpg.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_jpeg    {background-image: url(../images/icons/jpeg.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_gif     {background-image: url(../images/icons/gif.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_xls     {background-image: url(../images/icons/xls.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_ppt     {background-image: url(../images/icons/ppt.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_rar     {background-image: url(../images/icons/rar.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_rtf     {background-image: url(../images/icons/rtf.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_txt     {background-image: url(../images/icons/txt.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_csv     {background-image: url(../images/icons/csv.gif)  !important;}
ol.fileAttachmentList li.attachmentDownload_png     {background-image: url(../images/icons/png.gif)  !important;}

/* Pagination - change border colours if necessary
-------------------------------------------------- */
div#pagination                    {margin-top: 3px; height: 50px;}
div#pagination .count             {display: inline; float: left; padding: 5px;}
div#pagination .pages             {display: inline; float: right; padding: 5px;}
div.pagination                    {display: inline; float: right; margin: 3px; padding: 3px;}
div.pagination a, .Rows a         {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #0c1a27; text-decoration: none;}
div.pagination a:hover,
div.pagination a:active,
.Rows a:hover, .Rows a:active     {border: 1px solid #999; color: #999;}
div.pagination span.current       {margin: 2px; padding: 2px 5px 2px 5px; background: #26537a; border: 1px solid #0c1a27; font-weight: bold; color: #FFF;}
div.pagination span.disabled      {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #EEE; color: #DDD;}