/* Home CSS Document */
@import url(calendar.css); /* Calendar Reset */

#subnavWrapper, h1 {display: none;}

#backgroundrpt                    {background: url(../images/design/background_rpt_home.png) repeat-x top;}
#background                       {background: url(../images/design/background_home.jpg) no-repeat top;}
#container                        {background: url(../images/design/background_home.jpg) top no-repeat;}

#contentWrapper                   {float: right; width: 960px; display: inline; margin: 0; position: relative;}
#content                          {float: left; display: inline; width: 410px; height: 280px; overflow: auto; padding: 0 20px; margin: 0 10px 0 0; color: #fff;}

#search                           {float: left; clear:left; display: inline; height: 45px; width: 450px; margin: 5px 0 0 20px;}
#search form                      {float: left; height: 30px; padding: 0; margin: 11px 0 0 0; font-size: 95%;}
#search input                     {padding: 6px 0; float: left; height: 30px;}
#search .searchText               {width: 290px; padding-left: 10px; padding-right: 10px; display: inline; float: left; background: none; border: none; margin-right: 5px; text-align: left; color: #666;}
#search .submit                   {width: 120px; display: inline; float: left; padding: 5px 0px 5px 15px; border: none; background: url(../images/design/search_button.png) bottom no-repeat; cursor: pointer; color: #ccc; text-align: left; position: relative;}
#search .submit:hover             {color: #fff; background: url(../images/design/search_button.png) top no-repeat; }

#video                            {float: right; display: block; width: 500px; height: 322px; margin: 26px -19px 0 0;}
#video #player                    {float: left; width: 462px; height: 322px; position: relative;}
#video .videoplayer               {position: absolute; top: 2px; left: 0; float: left; display: block;}
#video #videoplayer1                     {z-index: 2;}
#video #videoSelect a                    {cursor: pointer;} 

#videoSelect #video1 a            {float: left; width: 34px; height: 126px; background: url(../images/design/video_tabs.png) no-repeat top left;}
#videoSelect #video2 a            {float: left; width: 34px; height: 145px; background: url(../images/design/video_tabs.png) no-repeat bottom left;}
#video #videoSelect #video1 a:hover {background-position: right top;}
#video #videoSelect #video2 a:hover {background-position: right bottom;}

#video #videoSelect #video1 a.selected {background-position: right top;}
#video #videoSelect #video2 a.selected {background-position: right bottom;}

#video #videoSelect a span               {display: none;}

#prospectusDownload               {width: 500px; height: 100px; float: left;}
#prospectusDownload span          {display: none;}

#latestContent                    {clear: both; width: 960px;}

.latestContentBlock               {float: left; display: inline; margin: 0 58px 0 0; position: relative;}
.latestContentBlock h2            {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin: 0 0 10px 0;}

.newsSubscribe                    {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(../images/design/rss_icon.png) no-repeat;}
.newsSubscribe span               {display: none;}

ul#homeLatestNews                 {width: 420px;}
ul#homeLatestNews, ul#homeLatestNews li {margin: 0; padding: 0; list-style: none;} 
ul#homeLatestNews li              {margin: 30px 0;}
ul#homeLatestNews h3              {padding: 3px 0; margin: 20px 0; border-bottom: 1px dotted #ccc; float: left; display: block; width: 335px;}
ul#homeLatestNews h3 a            {color: #666;}
ul#homeLatestNews .homeNewsThumb  {float: left; display: inline; margin: 0 10px 0 0;}
ul#homeLatestNews .homeNewsThumb img {width: 68px; height: 68px; padding: 1px; border: 1px dotted #ccc;}
ul#homeLatestNews .postDetails    {color: #999; float: left; display: block;}
ul#homeLatestNews .homeNewsWrapper{clear: both; padding: 10px 0;}
ul#homeLatestNews .readMoreLink   {float: right;}

#schoolCalendar                   {width: 300px;}
#schoolCalendarData table         {width: 300px;}
#schoolCalendarData th a, #schoolCalendarData td a {padding: 10px; text-align: center;}

#vitualTours                      {display: block; width: 300px; height: 111px; padding: 15px 0; margin: 0 0 20px 0; background: url(../images/design/virtualtours.jpg) no-repeat 0 15px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;}
#vitualTours span                 {display: none;}

.quickLink a                      {width: 287px; height: 43px; padding: 7px 0 0 13px; margin: 10px 0; display: block; background: url(../images/design/quicklink.png) top no-repeat; color: #fff;}
.quickLink a:hover                {background-position: bottom; text-decoration: none;}
.quickLink strong                 {font-size: 140%;}

#schoolGallery                    {width: 120px; margin: 0;}
#schoolGallery li, #schoolGallery ul {margin: 0; padding: 0; list-style: none;}
#schoolGallery img                {border: 1px dotted #ccc; padding: 1px; margin: 5px 0; width: 116px; height: 116px;}

a.twitterLink	{color:inherit; font-size:18px;}
.twitterLink div {border-top:1px dotted #bbb; padding:15px 0 0 5px; text-align:center;}
.twitterLink div img {margin-right:20px}
.twitterLink div span {position:relative; bottom:4px;}