/* Home CSS Document */

#subnavWrapper, #breadcrumbs {display: none;}
#contentWrapper                   {padding: 10px 0 0 0;}

.forthcolumn                      {float: left; display: inline;}
.infoblock                        {clear: both;}

#content                          {float: left; display: inline; width: 198px; padding: 20px 20px 0; margin: 0 0 0 20px; background: #fff; border: 1px solid #ccc;}
#content h1                       {color: #41529a;}
.schoolvideo                      {display: block; background: #ced7ff; width: 200px;}
.schoolvideo span                 {padding: 5px 10px; font-size: 120%; display: block;}
.schoolvideo:hover                {background: #D7F4FF; text-decoration: none;}
#content #welcomebubble           {margin: 0 0 -90px 0; background: url(../images/design/welcomebubble.png) top right no-repeat; padding: 10px 20px 30px 0; position: relative; height: 50px;}

#ofsted                           {float: left; display: inline; width: 220px; padding: 0 0 30px 0; margin: 20px 0 0 35px; background: url(../images/design/ofsted_logo.jpg) bottom right no-repeat}
#ofsted p                         {color: #41529a; text-align: center; font-style: italic; font-size: 110%;}

#latestnews                       {float: left; display: inline; width: 208px; padding: 20px 20px 0; margin: 0 0 0 20px; background: #fff; border: 1px solid #ccc;}
#latestnews h3                    {margin: 0;}
#latestnews li, #latestnews ul    {margin: 0; padding: 0; list-style: none;}
#latestnews li                    {clear: both; margin: 5px 0 0 0; float: left; display: block; width: 208px;}
#latestnews .latestnewsinfo       {float: left; display: block;}
#latestnews .newspostdate         {display: block; color: #999; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ffd400;}
#latestnews .latestnewsintro      {float: left; display: inline;}
#latestnews .link                 {float: right;}

#sponsorship                      {float: left; display: inline; width: 220px; padding: 0; margin: 20px 0 0 26px;}
#contentBlockHolder_xdAlB a       {display: block; background: #ced7ff; font-size: 120%;}
#contentBlockHolder_xdAlB .info   {padding: 5px 10px; display: block;}
#contentBlockHolder_xdAlB a:hover {background: #D7F4FF; text-decoration: none;}

#homegallery                      {width: 220px; padding: 60px 0 0 10px; margin: 0 0 0 20px; clear:both;}
#homegallery ul, #homegallery li  {padding: 0; margin: 0; list-style-type: none;}
#homegallery ul                   {float: left; display: block; width: 250px; margin: 0 0 0 -10px;}
#homegallery ul li                {display: inline; float: left; margin: 10px 12px;}
#homegallery ul li img            {padding: 1px; background: #fff; border: 1px solid #ccc;}

#latestevents                     {float: left; clear: both; display: inline; width: 185px; padding: 10px 20px 10px; margin: 20px 0 0 20px; background: #fff; border: 1px solid #ccc;}
#latestevents ul, #latestevents li {list-style-type: none; margin: 0; padding: 0;}
#latestevents li                  {display: block; font-size: 90%; clear: both;}
#latestevents li .date            {float: left; display: inline; width: 65px; height: 25px; padding: 0; text-align: left; color: #0075ab;}
#latestevents li a                {display: inline; float: left; width: 120px; color: #000;}


#quicklinks, #quickbuttons        {margin: 20px 0 0 20px; display: inline; float: left;}
#quicklinks ul, #quicklinks li, #quickbuttons ul, #quickbuttons li {margin: 0; padding: 0; list-style: none; display: block; float: left;}
#quickbuttons ul                  {width: 160px;}
#quicklinks li a                  {width: 150px; height: 25px; padding: 5px 0 0 10px; margin: 2px 0; display: block; background: url(../images/design/linksbutton.png) no-repeat top left; color: #000; outline: none;}
#quicklinks li a:hover            {color: #0099CC;}