/* default formatting	*/
html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form { margin: 0; padding: 0; }
body { font: 0.625em Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #666; text-align: center; background: #fff; padding: 10px 20px; }

h1 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 200%; margin: 0 0 10px 0; }
h2 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 180%; margin: 0 0 10px 0; }
h3 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 160%; margin: 0 0 10px 0; }
h4 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 130%; margin: 0 0 10px 0; }

p { margin: 10px 0; }
pre { clear: both; font-size: 130%; text-align: left; }

ul { margin: 0 0 0 20px; }
ol { margin: 0 0 0 25px; }
li { margin: 5px 0; }

a { color: #3399FF; text-decoration: none; } 
a:hover { color: #CC0000; text-decoration: underline; }
a:active, a:focus { outline: 0; }

.hide { display: none; visibility: hidden; }

.clr { clear: both; height: 0; overflow: hidden; }
.goleft { float: left; }
.goright { float: right; }


/* Layout */
#shell { width: 100%; margin: 0 auto; text-align: left; font-size: 110%; line-height: 125%; }


/* header */
#header { position: relative; width: 100%; padding: 0; }
#header h1 { float: left; margin: 30px 0; }


/* navigation */
#navigation {  display: none; visibility: hidden; }

/* subnav */
#subnav { display: none; visibility: hidden; }


.listitem { border-top: 1px solid #ddd; padding: 10px 0; }
.listitem h3 { margin: 0; }
.listitem p { margin: 3px 0 0 0; }


/* content area layout */
#contentrightcol { float: left; width: 100%; background: #fff; }
.maincol { float: left; width: 100%; font-size: 110%; line-height: 145%; }
.rightcol { display: none; visibility: hidden; }


/* content area items */
.title { color: #3399FF; font-size: 180%; }
.date { color: #999; }
#breadcrumb { margin: 0 0 5px 0; }

.youtube { text-align: center; padding: 20px; background: #fff url(http://www.free-teaching-resources.co.uk/images/dot-x.gif) repeat-x left top; } 
.clrdot { clear: both; height: 3px; overflow: hidden; background: #fff url(http://www.free-teaching-resources.co.uk/images/dot-x.gif) repeat-x left top; }


/* footer */
#footer { clear: both; float: left; width: 100%; border-top: 3px solid #999; padding: 5px 0; margin: 10px 0 0 0; }
#footer img { vertical-align: middle; margin: 0 0 0 5px; }


/* forms etc */
fieldset { border: 1px solid #ddd; padding: 15px; margin: 15px 0; }
legend { padding: 0 5px; color: #777;  }
textarea { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; }
input { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; }
select { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; margin: 3px; vertical-align: middle; background: #FFFFEC; border: 1px solid #6E6E6E; }
.form { font-size: 120%; }
.txt { background: #FFFFEC url(http://www.free-teaching-resources.co.uk/images/input-bg.gif) no-repeat left top; border: 1px solid #6E6E6E; font-size: 100%; color: #000; padding: 4px 5px; }
.radio { margin: 5px 30px 5px 0; padding: 0; line-height: 250%;}
.button { vertical-align: middle; margin: 0 10px 0 0; }
.forminfo { clear: both; margin-left: 180px; }
.formerror { color: #CC0000; }
.formsummary { color: #888; }
.formseparation { clear: both; width: 98%; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 10px; }
.formheading { clear: both; margin: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; }

.field { float: left; margin: 0 0 10px 0; padding: 5px 0 0 0; } 
.field .lbl { float: left; text-align: right; width: 172px; padding: 6px 8px 0 0; }
.field .data { float: left; width: 460px; }
.field .data .txt { margin: 0 0 6px 0; }
.field .data .alternate { vertical-align: middle; }

/* send to friend */
#sendtofriend #header { width: 500px; margin: 0 auto; text-align: left; }
#sendtofriend #container { width: 500px; margin: 0 auto; text-align: left; font-size: 120%; }
#sendtofriend .lbl { width: 130px; }
#sendtofriend .data { width: 320px; }
#sendtofriend .forminfo {margin-left: 135px; }
#sendtofriend .options { position: absolute; top: 0; right: 0; margin: 0; padding: 0!important; background: #EFEFEF url(http://www.free-teaching-resources.co.uk/images/header-options-bg-right.gif) no-repeat right bottom; }
#sendtofriend .options strong { display: block; background: transparent url(http://www.free-teaching-resources.co.uk/images/header-options-bg-left.gif) no-repeat left bottom; padding: 10px 5px; }
#sendtofriend .options a { font-weight: bold; font-size: 120%; margin: 0 5px; padding: 2px 0px 0px 20px; }
.close { background: url(../images/cross.png) no-repeat left center; }


/* system messages */
.message { clear: both; font-size: 110%; color: #333; font-weight: bold; }
.info { background: #E8F3FD url(../images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }
.error { background: #FEF2F2 url(../images/cross.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #EB9A9A; }
.ok { background: #EAF5E9 url(../images/tick.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #AADBA3; }
.loggedin { clear: both; background: #E8F3FD url(../images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }

/* Localized */