@charset "utf-8";
/* CSS Document */

html{margin:0;padding:0;height:100%}
body{
font-family:Arial, Helvetica, sans-serif;
background:#eee;
margin:0;
padding:0;
height:100%
}

/* Dimesions*/
#wrapper{position:relative;margin:0 auto;width:800px;min-height:95%}
#container{position:relative;float:left;background:#fff url(http://www.themarketingcollege.co.uk/images/content.jpg) repeat-y;height:90%}
#header{position:relative;margin:0px 5px; width:790px; height:75px;background:url(http://www.themarketingcollege.co.uk/images/logo.jpg) left bottom no-repeat;}
#content{position:relative;margin:0px auto;width:800px;height:auto;}
#sidebar{width:190px;height:auto;float:left;margin:40px 0 }
#rightpan{position:relative;float:left;width:580px;height:auto;padding:10px;}
#footerpan{width:100%;height:160px;float:left;position:relative;background:url(http://www.themarketingcollege.co.uk/images/footer.jpg) repeat-x;
	margin:0;
	padding:0;

}
#footer{text-align:left;width:800px;height:160px;margin:0 auto;padding:0;}


/* Body Styles*/
h1{font-size:1.6em;color:#0066cc;margin:0;}
h2{font-size:1.1em;color:#0066cc;margin:0;}
h3{font-size:1.0em;color:#fff;margin-top:15px;margin-bottom:0px;display:block;background:#0066cc;width:760px;height:20px;padding:5px}
h3.lab{font-size:1.0em;color:#333;margin-top:15px;margin-bottom:0px;display:block;background:#FFCC00;width:760px;height:20px;padding:5px}
h4{font-size:1.0em;color:#fff;margin:0 5px 5px 5px;padding:0;}
a{color:#0066cc;text-decoration:underline;}
a:hover{text-decoration:none;}
li{font-size:0.9em;}
hr{width:780px;height:8px;background:#0066cc;margin:5px 0}
a img {border:none;}
.left{float:left;padding-left:0px;}
.right{padding:0;float:right;}
.center{margin-left:77px;}
.small{font-size:0.7em;}
.clear{clear:both;}
.img{float:left;margin:5px 5px 0 0}
.companylogos{margin-top:15px;}


/* TopNav Styles*/
#header ul {list-style:none;padding:0px 0;width:780px;height:20px;float:right;margin:0 }
#header li {display: inline;margin: 0 1px;float:right;background:url(http://www.themarketingcollege.co.uk/images/right.jpg) no-repeat bottom right;}
#header li:hover {display: inline;margin: 0 1px;float:right;background:url(http://www.themarketingcollege.co.uk/images/rightover.jpg) no-repeat bottom right;}
#header li.actual{display: inline;margin: 0 1px;float:right;background:url(http://www.themarketingcollege.co.uk/images/rightover.jpg) no-repeat bottom right;}

#header li a {width:95px;display: block;float: left;text-decoration: none;color:#000000;padding:5px 5px;height:15px;text-align:center;font-size:0.8em;font-weight:bold;background:url(http://www.themarketingcollege.co.uk/images/left.jpg) no-repeat bottom left;margin:0;}
#header li a:hover {text-decoration: underline;color: #fff;background: url(http://www.themarketingcollege.co.uk/images/leftover.jpg) no-repeat bottom left;}

#header li p{width:100px;display: block;float: left;text-decoration: none;color:#ccc;padding:5px 5px;height:15px;text-align:center;font-size:0.8em;font-weight:bold;background:url(http://www.themarketingcollege.co.uk/images/leftover.jpg) no-repeat bottom left;margin:0;}

#header li.find{display: inline;margin: 0 1px;float:right;background:url(http://www.themarketingcollege.co.uk/images/findright.jpg) no-repeat bottom right;}
#header li.find a{width:95px;display: block;float: left;text-decoration: none;color:#000000;padding:5px 5px;height:15px;text-align:center;font-size:0.8em;font-weight:bold;background:url(http://www.themarketingcollege.co.uk/images/findleft.jpg) no-repeat bottom left;margin:0;}
#header li.find a:hover {text-decoration: underline;color: #fff;background: url(http://www.themarketingcollege.co.uk/images/leftover.jpg) no-repeat bottom left;}
#header li.find:hover{display: inline;margin: 0 1px;float:right;background:url(http://www.themarketingcollege.co.uk/images/rightover.jpg) no-repeat bottom right;}



/* Blog Styles */
#blog ul{background:none;margin:0px 0;padding:0;height:auto;width:190px}
#blog ul li{width:190px;height:auto;}
#blog ul li a{background:none;width:170px;height:auto;display:block;color:#333;font-weight:normal;text-decoration:none;margin:5px 0px;padding:5px;border-bottom:1px dashed #0066cc;font-weight:bold;font-size:0.8em}
#blog ul li a:hover{background:#BED7F1;color:#333;}
#blog h3{color:#fff;padding:5px 0 0 0;font-size:1.1em;margin:0;background:url(http://www.themarketingcollege.co.uk/images/blog.jpg) no-repeat;width:175px;height:35px;text-align:center;}
#blog h3 a{color:#fff;text-decoration:none;}
#blog h4{color:#333;padding:0;font-size:1.2em;margin:0; text-transform:capitalize}

#addthis{width:160px;height:20px;margin:20px auto 0 auto;}

/* Content Styles */
#top{position:relative;margin:10px auto 5px 10px;width:780px;height:150px;background:#0066cc url(http://www.themarketingcollege.co.uk/images/top.jpg) top left no-repeat;float:left;}
#top h1{color:#fff;float:right;display:block;width:420px;height:120px;padding:15px 10px;margin-right:20px}
.step{position:relative;width:250px;height:150px;margin:5px 5px 5px 10px;float:left;border-top:5px solid #0066cc;}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}


/* RightPan Styles */
.tableborder{border:4px dashed #0066cc;background:#efefef;}
#rightpan ul{list-style:square;font-size:1em;color:#333;}
#rightpan li{padding:5px 0;}
#rightpan p{font-size:0.9em;color:#333333; margin:10px 0px;line-height:1.2em;}
.casecontainer{width:560px;height:auto;margin-bottom:10px;border:1px solid #666;padding:5px;position:relative;}
.casecontainer:hover{background:#BED7F1;border:1px solid #666;}
.casecontainer a{margin-left:60px;}
#rightpan p.quote{font-style:italic;padding-left:30px;color:#0066cc}

/* Footer Styles */
#footer p{padding:5px;width:740px;margin:5px auto;font-size:0.7em;color:#fff;}
#footer p a{color:#fff;;}
#footer p strong{font-size:1.1em;}