/* --------------------------------------------------
Standard Stylesheet for homepage!
website:  Dunraven School 
date:     2009.03
author:   Stuart Elmore @ e4education
-------------------------------------------------- */

.AJAXLoading          {width:100%; height:250px; background:#E6E6E6 url(../images/icons/ajax-loader.gif) no-repeat center center;}
.AJAXLoading p        {display:none;}

ol.fileAttachmentList 	{display:none;}

#homeHolder           {width: 950px; margin: 0 auto; background: url(../images/design/home/homeholder_bg.gif) repeat-y left;}

#topHolder            {display: inline; float: right; width:565px; clear:right; margin:11px auto 0;}
#bottomHolder         {display: inline; float: right; width:565px; clear:right; margin:10px auto;}

#newsHolder           {display: inline; float: left; margin: 0 10px 0 0; width: 375px;}
#newsHolder h2        {padding-left: 25px; background: #1A4065 url(../images/icons/news.gif) no-repeat  0 7px; color:#fff;}
#latestNews           {padding: 10px; background-color: #fff;}
.latestStories                    {margin: 0; padding: 0; width: 355px;}
.homeNewsItem                     {display: block; clear: both; margin: 0 0 1em 0; padding: 0; list-style: none;}
.homeNewsItem .dateComments       {display: inline; float: left; width: 50px;}
.homeNewsItem .dateComments .newsThumb{width: 50px; height: 50px; overflow: hidden;}
.homeNewsItem .dateComments img   {width: 50px; height: 50px;}
.homeNewsItem .dateComments .date {display: block; margin: 5px 0 0; height: 15px; background: #1A4065; border: 1px solid #1A4065; font-size: 85%; line-height: 130%;}
.homeNewsItem .dateComments .month{display: inline; float: left; padding: 0 2px; width: 20px; text-align: right; color: #FFF;}
.homeNewsItem .dateComments .day  {display: inline; float: left; padding: 0 2px; width: 20px; background: #FFF; color: #1A4065;}
.homeNewsItem .newsDetails        {display: inline; float: right; width: 290px;}
.homeNewsItem .newsDetails h3     {margin: 0 0 .2em 0; font-size: 120%; line-height: 120%;}
.homeNewsItem .newsDetails h3 a   {font-weight: bold;}
.homeNewsItem .newsDetails h3 a:link{text-decoration: none; color: #012340;}
.homeNewsItem .newsDetails h3 a:visited{text-decoration: none; color: #012340;}
.homeNewsItem .newsDetails h3 a:hover{text-decoration: underline; color: #000;}
.homeNewsItem .newsDetails h3 a:active{text-decoration: underline; color: #000;}
.homeNewsItem .newsDetails p      {margin: 0;}

p.readMore             {display: block; clear: both; text-align: right; font-style: italic;}

#homepageWelcome      {margin: 1.8em 0 0; width: 545px; padding:10px; background:#E6E6E6; height: auto!important; min-height: 180px; height: 180px;}
#homepageWelcome p    {margin:0 0 10px; font-size:95%;}
#homepageWelcome h1   {color:#4D4D4D;}

#upcomingEvents       {margin:0 10px 0 0; width: 565px;}
#upcomingEvents h2    {padding-left:25px; background:url(../images/icons/events.gif) no-repeat  0 7px; color:#fff;}
#upcomingEvents ul    {margin:0; background:#E6E6E6; padding:10px 10px 0; list-style:none; }
#upcomingEvents li    {margin:0; color:#111;}
#upcomingEvents ul li a{color:#666; text-decoration:none;}
#upcomingEvents ul li a:hover{color:#111; text-decoration:underline;}
#upcomingEvents ul li ul{margin:0; padding:0 0 10px 0; list-style:none;}
#upcomingEvents ul li ul li{margin:0 0 0 10px; color:#666;}
#upcomingEvents ul li ul li a{color:#666; text-decoration:none;}
#upcomingEvents ul li ul li a:hover{color:#111; text-decoration:underline;}
#latestVideo          {width:250px; float:left; display:inline; margin:0 10px 0 0;}
#latestVideo h2       {padding-left:25px; background:url(../images/icons/video.gif) no-repeat  0 7px; color:#fff;}
#latestVideo p        {color:#fff; margin:3px 0;}
#latestVideo a        {color:#fff; text-align:right;}
#latestPhotos         {width:305px; float:left; display:inline;}
#latestPhotos h2      {padding-left:25px; background:url(../images/icons/photo.gif) no-repeat 0 7px; color:#fff;}

#newsFlash {margin:0 auto; width:950px;  text-align:center;}
	#newsFlash a {color:#000; text-decoration:none; text-align:center; background-color:#FFF; border:#FF0000 2px solid; padding:10px 15px; display: block;}
	#newsFlash ul {width:100%; margin: 0;}
		#newsFlash li {width:100%;}
#subnavList	{display: none;}