html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	padding:6px;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}







body{

margin:0;

padding:0;

line-height: 1.5em;

background-color:#eee;

color:#666;

font-family:"Myriad Pro","Trebuchet MS", Arial, Helvetica, sans-serif

}



#content h1, h2, h3{background:url(images/header_bg.jpg) repeat-x; border:solid 1px 08364a; color:#FFF; font-family:"Myriad Pro", "Trebuchet MS"; font-weight:normal; line-height:39px;padding-left:10px}



#content h1,h3{font-size:18px}





#container{width:1020px;margin:0px auto}



#header{

	background-image:url(images/header.png);background-repeat:no-repeat;

	width:1020px;height:99px;

	}

#header h1{color:#fff; font-family:Garamond, Georgia, "Times New Roman";font-size:40px; font-weight:normal; padding:30px 0 0 30px;}



#menu{

	float:left;

	margin:20px 20px 20px 0;

	width:205px;

}

#menu ul{

	list-style:none;

	background:#FFF;

	border:solid 1px #CCC;

	margin: 0;

	padding:0;}



#menu ul li

	{border-bottom:solid 1px #CCC;}



#menu li a{

	display: block;

	padding: 5px 10px;

	color:#0c4d69;

	text-decoration: none;}



#menu li a:hover {background-image:url(images/title-bg.png);background-repeat:repeat-x;color: #fff;}



#menu li li{margin-left:20px;}



#content{

	background:#FFF;

	border:solid 1px #CCC;

	border-top:none !important;

	float:left;

	margin:20px 0;

	width:790px;overflow:hidden}



#content p{margin:10px;}





a.download{text-align:right;}



#video{padding:0 0 0 20%}



#footer{background:#FFF; border:solid 1px #CCC; clear:both;}

#footer p{line-height:40px;padding-right:40px;padding-left:40px; font-size:70%; text-align:right;}

#footer img{margin-top:13px}



/* EXTRA STUFF TO ADD TO THE MAIN CSS ON MONDAY */



#quiz {margin-left:30px;list-style:decimal}



ol{margin:0px 20px}



ol li ul{font-size:13px;margin:0 20px 10px 0;}





ol li{border-bottom:dashed 1px #CCC; margin-bottom:10px}



ul li{border-bottom:none}



li input{margin:0 20px}



.submit{margin:10px 340px;}



#login{border: solid 1px #CCC; margin:0 auto 20px auto; width:400px}

#login label{display:block; font-size:12px;}

#login input{background:#0c4d69;border:solid 1px #006; color:#FFF;padding:7px;width:350px}

#login .login{background:url(www.marksweb.co.uk/ddel/images/header_bg.jpg) repeat-x;margin-left:265px; width:100px}