body{
	font-family: Arial, sans-serif;
	color: #222222;
	font-size: 12px;
}

div {
	margin: 0px auto;
}
div.right {
	float: right;
	padding: 10px;
}
div.left {
	float: left;
	padding: 10px;
}
h1, h2, h3, h4 {
	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 15px auto 15px 0px;
}
.float-right {
	float: right;
	margin-right: 0px;
}
h1 {
	font-size: 25px;
	margin-top: 5px;
	color: #C6101D;
}
h2 {
       clear: both;
	font-size: 20px;
	color: #993333;
	/* font-family: "Book Antiqua"; */
	margin: 20px 0px 5px;
	font-weight: normal;
	text-align: left;
}
h2 a, h2 a:visited, h2 a:link{
	text-decoration: none;
	color: #aa0000;
}
h2 a:hover{
	text-decoration: none;
	color: #ff0000;
}
h2.trial {
 font-size: 120%; margin-bottom: -10px;
}
h3 {
	font-size: 20px;
}
p {
	font-size: 1.0em;
        line-height: 1.45em;
	margin: 10px 0px 10px 0px;
}
a {
	color: #44556C;	
}
a.read_more{
       font-size: 1.2em;
       margin-bottom:10px;
}
hr {
       margin-top:10px;
}
div.excerpt{
	font-size: 0.95em;
	color: #343434;
	line-height: 1.2em;
	margin: 5px 0px 10px;
        overflow: hidden;
	padding: 0px 5px 10px 5px;
	border: 1px solid #cccccc;
	background-color: #EFE9E0;
}
div.excerpt h2, div.excerpt h2 b{
	font-size: 14pt;
}
div.excerpt h3, div.excerpt h3 b, div.excerpt h4, div.excerpt h4 b{
	font-size: 1.0em;
	font-weight: bold;
}
div#article-body{
	color: #202020;
	margin: 5px 0px;	
        overflow: hidden;
}

div#clearfix, .clearfix {
	width: 100%;
	clear: both;
}
div#wrap {
	width: 960px;
	margin: 0px auto;
	background-repeat: repeat-y;
	background-position: center;
}
div#masthead {
	height: 163px;//203px;
	text-align: center;
	margin: 0px auto;
}
div#container {
	width: 960px;
	margin: 0px auto;
	background: url(http://media.edusites.co.uk/images/layout/container-bg.png) repeat-y;
	background-position: 0px 0px;
}

div#container-top {
	height: 40px;
	width: 960px;
	margin: 0px auto;
	background: url(http://media.edusites.co.uk/images/layout/container-top-bg.png) no-repeat transparent;
}
div#container-full_width {
	width: 960px;
	margin: 0px auto;
	background: url(http://media.edusites.co.uk/images/layout/container-bg-full_width.png) repeat-y;
	background-position: 0px 0px;
}

div#container-top-full_width {
	height: 27px;
	width: 960px;
	margin: 0px auto;
	background: url(http://media.edusites.co.uk/images/layout/container-top-bg-full_width.png) no-repeat transparent;
}


div#left {
	height: 100%;
	width: 193px;
	clear: none;
	float: left;
	margin: 0px 5px;
}
div#left h2 {
	font-weight: normal;
	color: #C6101D;
	margin: 5px auto 5px 5px;
}

div#left p {  
      margin: 5px 5px 0 10px;
}

div#left #categories {
	margin: 0px 0px 0px 0px;
	padding-left: 10px;
}
div#container div#content {
	height: 100%;
	width: 515px;
	clear: none;
	float: left;
	margin: 0px 4px 5px 4px;	
	padding: 0px 5px;
}
div#container-full_width div#content {
	height: 100%;
	width: 920px;
	clear: none;
	margin: 0px 20px;
	background-color: #fff;
}

div#content div#innerContent{
	padding: 5px 10px;
}

div#content h1 a {
	color: #C6101D;
	text-decoration: none;
}
#breadcrumb {
	height: 30px;
	font-size: 12px;
	position: relative;
	top:20px;
	color: #ffffff;
	width: 505px;
	margin-left: 210px;
	
}
#breadcrumb a#breadcrumb_home{
	background: url(http://media.edusites.co.uk/images/layout/home_icon.png) no-repeat;
	border: 0px;
	padding: 5px 0px 3px 22px;
}
#breadcrumb a, div#content #breadcrumb a:visited, div#content #breadcrumb a:link,
#breadcrumb a#breadcrumb_home, div#content #breadcrumb a#breadcrumb_home:visited, div#content #breadcrumb a#breadcrumb_home:link{
	text-decoration: none;
	color: #ffffff;
}
div#current_cat{
	font-size: .9em;
	border-bottom: 1px solid #333333;
	padding: 0px 10px;
}
div#current_cat span#category_name{
	display:  inline;		
	font-size: 1em;
	color: #C6101D;
}
div#content p#author-info {
	font-size: 0.9em;
	margin: -5px auto 5px;
	color: #444444;
}

.date {
	font-size: .8em;
	color: #999;
	margin-bottom: 14px;
}
div#content p.cat-list{
        color: #444;
	font-size: 0.9em;
	font-family: Helvetica, Arial, sans-serif;	
	margin-bottom: 10px;
}
div#content p.cat-list a,div#content p.cat-list a:visited,div#content p.cat-list a:link{
	text-decoration: none;
	padding: 2px 2px;
}
div#content p.cat-list a:hover{
	border: 1px solid #885555;
	padding: 1px 1px;
	color: #D02022;
	
}
div#content ul li {
        list-style: disc;
	margin: 5px auto 10px 25px;
	font-style: normal;
}
div#content ol li {
        list-style:decimal;
	margin: 5px auto 10px 25px;
}
div#right {
	height: 100%;
	width: 217px;
	clear: none;
	float: right;
	padding: 0px 5px 0px 0px;
}
div#right h2 {
	color: #222;
}
div#right ul {
	list-style-type: none;
	margin: 10px 15px 10px 0px;
}
div#right ul li {
	font-family: Myriad Pro;
	font-size: 13px;
        margin: 0px 5px 10px 5px;
}
div#right ul li a {
	color: #000;
	text-decoration: none;

}

div#right #related-entries, {
	margin: 20px 0px 0px 0px;
}
div#right #related-entries h2 {
	color: #C6101D;
}
div#right #hot-entries {
	margin: 20px 0px 0px 0px;
}
div#right #hot-entries h2 {
	color: #C6101D;
}
div#right #account-info {
	margin: 0px 12px auto 0px;
	clear: both;
}
div#right #account-info h3 {
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	text-decoration: none;
	clear: none;
}
div#right #account-info p {
	margin: 15px auto 15px 0px;
	font-size: 13px;
	clear: both;
}
div#account-info h3.account {
	margin: 0px auto 5px 10px:
}
div a.logout {
	margin: auto 20px 10px auto;
	float: right;
}
div#right #search {
	margin: 10px 10px 0px 0px;
	background-color: #e6e6e6;
	border: 1px #b3b3b3 solid;
}
div#right input {
	padding: 0px;
	margin: 5px 0px 10px 5px;
}
div#right #mailing-list {
	margin: 10px 10px 30px 0px;
	border: 1px #b3b3b3 solid;
	background-color: #e6e6e6;
}
div#right h3 {
	font-family: Myriad Pro;
	font-size: 15px;
	font-weight: normal;
	margin: 0px auto 0px 5px;
	padding: 10px 0px 5px 0px;
	color: #464155;
	font-style: normal;
}
div#right input {
	margin: 5px auto 5px 5px;
}
div#right input.rightCol_txt_field{
	width: 130px;
}
div#container-bottom {
		height: 28px;
		width: 960px;
		margin: 0px auto;
		background: url(http://media.edusites.co.uk/images/layout/container-bottom-bg.png) no-repeat transparent;
}
div#container-bottom-full_width {
		height: 28px;
		width: 960px;
		margin: 0px auto;
		background: url(http://media.edusites.co.uk/images/layout/container-bottom-bg-full_width.png) no-repeat transparent;
}
div#footer {
	background-color: transparent;
}
div#footer p {
	font-family: Myriad Pro;
	font-size: 13px;
	text-align: center;
	color: #F0F0F0;
}
div#footer a {
	color: #F0F0F0;
}

/* Colour styles */

.blue { color: #0000cc; }

.red { color: #cc0000;  }

.orange { color: #ff6600; }
 
/* jQuery Accordion Menu */

#cat-menu {
    margin: 0 0 0 0px;
}

ul.fiMenu, ul.fiMenu ul
{
	list-style-type: none;
	margin: 5px 5px 5px 10px;
	padding: 0;
}

ul.fiMenu a
{
	text-decoration: none;
}

ul.fiMenu li li
{
	margin: 0px 0 5px 10px;
}

ul.fiMenu li a
{
	margin: 0 0 0 0;
}

ul.fiMenu li li a
{
	margin: 0 0 0 0;
}

div#left ul.fiMenu li a.fiBranch
{
	margin: 0px 0px 5px 5px;
        font-weight: bold;
}

div#left a.fiActive
{
	color: #C6101D;
}


/* Rules imported from includes/site_css */

.articleimage {
float: left;
margin:0 8px 8px 0;
}

.imagetitle {
margin: 4px auto; text-align: center;
font-weight: bold;
font-size:90%;
color: #0E3645;
background: inherit;
}

textarea {
overflow: auto;
margin-top: 5px;
}

.center {
margin: 10px auto;
text-align:center;
}

.right {
float: right;
margin-left: 8px;
}

.left {
float: left;
margin: 0 8px 5px 0 ;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}

.filesharing-item {
	margin-bottom: 15px;
}
.filesharing-item-title a:link {
	padding-left: 16px;
	background: no-repeat left center url(http://www.edusites.co.uk/englishedu/images/arrow_down.png);
}

img {
border: 0;
}

a img  {text-decoration: none;
border: 0;
}


#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }