/* THE BASICS */
* {	margin:0px;padding:0px;border:0px; } /* zero everything!  */
html { height:100% }
body {
	min-height:101%; /* set min-height to stop Moz from scrollbar-popping. */
	text-align:center; /* IE has trouble with auto margins */
	font-size:100.01%/130%; /* force font to a reasonable scale. */
	background-color: #254589;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* float containers fix from csscreator.com. add clearfix to element that contains the floated element. */
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix{ display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;} .clearfix{display: block;}
/* End hide from IE-mac */

.bold {font-weight:bold;}
.left {text-align:left;}
.right {text-align:right;}
.imgleft { float:left;margin:0em 0.8em 0.2em 0em; }  /* top right bottom left */ 
.imgright { float:right;margin:0em 0em 0.2em 0.8em; }
.doublenorm { padding-bottom: 0.5em; }
.indent {margin-left: 3em;}
a { color:#254589;font-weight:bold; }
a:hover { text-decoration:underline; }
h2 { color: #ED7900;font-size: x-large; font-weight:1000%;}
h3 {color: #254589;	margin: 2px;font-size: medium; }
h4 { color: #CA7A0F;font-size:small;font-weight:bold; margin:0em 1.5em 1em 1.5em; clear:left;}
h5 { /*color: #CA7A0F;*/font-size:small;font-weight:bold; margin:0em 1.5em 0em 1.5em; }
h6 { font-size:1em;font-weight:small; margin-bottom:1em; }
p {margin-bottom: 1em;}
table {border-width:1px; border-color: #254589; }
td {border-width:1px; border-color: #254589; padding: 5px;}
/* END THE BASICS */

/* wrapper contains the whole page */
#wrapper{ 
	position:relative;
	width: 760px;
	margin:0 auto;
	text-align:left; /* realign text after auto margin fix  */
}

/* HEADER (uses clearfix) */
#header {
	border-top:14px #F1A23B solid;
	padding:5px 0px 5px 0px;
	padding-bottom:10px;
	background-color:#fff;
	width:760px;
	margin:0 auto;
	text-align:center;
	max-height:100px;
	min-height:90px;
	_height:90px;
}
#header div { width:750px; margin:0 auto; }
#header ul { list-style:none;padding:0;margin:0; }
#header li {
	float:left;
	display:block;
	background-repeat: no-repeat;
	color: #254589;
	background-position: left top;
	text-align:left;
	font-size: 12px;
}
#header a { display:block;width:90px;padding-top:60px; font-weight:normal; text-decoration:none; }
#header a:hover {text-decoration:underline;}
#top-symedu{ background-image: url(/images/menu/education.gif); } 
#top-works{	background-image: url(/images/menu/team.gif); }
#top-resources{ background-image: url(/images/menu/resources.gif); }
#top-evidence{ background-image: url(/images/menu/evidence.gif); }
#top-projects{ background-image: url(/images/menu/projects.gif); }
#top-sip,#top-discs,#top-widgit { font-size:1px; text-indent:-200px; overflow:hidden; } /* hide text in image-only links */
/* change dimensions for image only links */
#top-sip { background-image: url(/images/menu/sip_logo.gif); width: 155px; height:80px; }
#top-discs { background-image: url(/images/menu/warwickshire-logo.gif);	width: 116px; height:53px; }
#top-widgit { background-image: url(/images/menu/widgit_logo.gif); width: 102px;	height:40px; }
/* END HEADER */

/* EXTRA contains the menus and extra content */
/*#extra {
	position:absolute;
	top:128px; 
	left:0px;
	width:166px;
}
#extra div {
	width:166px;
	padding:8px;
	border: 7px solid #fff;
	margin:0px 5px 10px 0px;
	background-color: #F7D295;
	color:#93600B;
	font-size: small;
	font-weight: bold;	
}
#extra #mainmenu { width:182px;padding:0;}
#extracontent p { text-align:center; }*/
/* END EXTRA */

#navigation {
	width:754px;
	background-color:#FFCD9B;
	font-size:small;
	position:absolute;
	top:128px;
	padding:3px;
	right:0;
}
#navigation a {font-weight:normal; text-decoration:none; }
#navigation a:hover {text-decoration:underline;}

/* CONTENT contains the main content */
#content{
	position:absolute;
	top:155px;
	right:0;
	width:760px;
	background-color:#fff;
	font-size:small;
	left: -1px;
	/* overflow:auto; */

}
#content a:hover{color: #F1A23B;}
#content h3 { border:1px solid #b5c0d7;padding:0.5em;clear:both;margin:1em;font-size:medium; color:#254589;font-weight:bold; }
#content .heading { border:1px solid #b5c0d7;padding:0.5em;clear:both;margin:1em; }
#content .heading h2 { font-size:large; color:#f1a23b; font-weight:1000%;padding:0;margin:0;}
#content .heading h3 { font-size:medium; color:#254589;font-weight:bold;border:0;padding:0;margin:0;}
#content .heading h5 {margin:0; }
#content p { margin:0em 1.5em 1em 1.5em;}
#content ul {margin-bottom:1em;margin-left:1em;padding-left:3em;list-style-type: square;}
#content ol { margin:0em 1em 1em 1em;padding-left:3em; }

/*#content li {list-style-position:outside;margin-bottom:1em;}*/

/* Hacked for IE messing up the bullet position. IE can't read attribute selectors. */
/*#content li.pdf { list-style-image:  url(../testingcss/images/icons/iepdf2.gif); }
#content li[class=pdf] { list-style-image:  url(../testingcss/images/icons/pdf2.gif); }
#content li.cip { list-style-image:  url(../testingcss/images/icons/iecip2.gif);}
#content li[class=cip] { list-style-image:  url(../testingcss/images/icons/cip2.gif);}
#content li.wws { list-style-image:  url(../testingcss/images/icons/iewws3.gif);}
#content li[class=wws] { list-style-image:  url(../testingcss/images/icons/wws3.gif);}
#content li.idea { list-style-image:  url(../testingcss/images/icons/ieidea.gif);}
#content li[class=idea] { list-style-image:  url(../testingcss/images/icons/idea.gif);}
#content li.contents { list-style-image:  url(../testingcss/images/icons/iecontents.gif);}
#content li[class=contents] { list-style-image:  url(../testingcss/images/icons/contents.gif);}
#content li.impact { list-style-image:  url(../testingcss/images/icons/ieimpact.gif);}
#content li[impact] { list-style-image:  url(../testingcss/images/icons/impact.gif);}
#content li.practical { list-style-image:  url(../testingcss/images/icons/iepractical.gif);}
#content li[practical] { list-style-image:  url(../testingcss/images/icons/practical.gif);}*/

/* icon-supported paragraphs - use height/min-height to handle images */
p.pdf, p.cip, p.wws, p.idea, p.contents, p.impact, p.practical, div.practical, div.idea {
	background-repeat:no-repeat; background-position:left top; 
}
p.pdf { background-image: url(/images/icons/pdf2.gif);padding-left:30px;min-height:20px;_height:20px; }
p.cip { background-image: url(/images/icons/cip2.gif);padding-left:30px;min-height:20px;_height:20px; }
p.wws { background-image: url(/images/icons/wws3.gif);padding-left:30px;min-height:20px;_height:20px; }
p.idea { background-image: url(/images/icons/idea.gif); padding-left:50px;min-height:40px;_height:40px; }
div.idea { background-image: url(/images/icons/idea.gif); padding-left:50px;min-height:40px;_height:40px;  margin:0em 1.5em 1em 1.5em; }
#content div.idea p {margin:0em 0em 1em 0em ;}
p.contents { background-image: url(/images/icons/contents.gif);padding-left:30px;min-height:30px;_height:30px; }
p.impact { background-image: url(/images/icons/impact.gif);padding-left:50px;min-height:40px;_height:40px; }
p.practical { background-image: url(/images/icons/practical.gif);padding-left:50px;min-height:40px;_height:40px;  }
div.practical { background-image: url(/images/icons/practical.gif);padding-left:50px;min-height:40px;_height:40px; margin:0em 1.5em 1em 1.5em;  }
#content div.practical p {margin:0em 0em 1em 0em ;}
#extra p {margin:0em;}
#extracontent p {margin:0em 0em 0.7em 0em ;}
.bar {color:#b5c0d7; background:#b5c0d7; border: 0; Height:2px; size:2; ; margin:auto;}

/* END CONTENT */
.rightlist
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}
/*.orange {
	padding:8px;
	margin:0em 1.5em 1em 1.5em;
	background-color: #FAE4C0;
}*/
.homeboxs {background-color:#FFCD9B; padding:0.5em;clear:both;margin:1em;}
.homeboxw {background-color:#FFF;padding:0.5em;clear:both;margin:1em;}
.homeboxo2 {background-color:#FFBC79; padding:0.5em;clear:both;margin:1em;}
.homeboxs2 {background-color:#FFE9D2;padding:0.5em;clear:both;margin:1em;}
.homeboxs3 {background-color:#FFF9F2; padding:0.5em;clear:both;margin:1em;}

blockquote {margin-left:4em;}

.fix {
	color: #FF00FF;
	font-weight: bold;
}
.subheading {
	color: #f1a23b;
	font-size: medium;
	font-weight: bold;
	margin-left:1.2em;
}