body { 
    margin: 10px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #fff;
}

* {margin:0; padding:0; border:none; list-style-type:none;}

a:link, a:visited{color: #0000EE;text-decoration: none; border:none; outline:none;}
a:hover, a:focus {color: #0000EE;text-decoration: underline; border:none; outline:none;}

h1 {
	width:576px;
	text-indent:-9999px;
	height:110px;
	margin:0 auto;
	z-index: 0;
}
p {
	line-height: 1.3;
}
/* */


/* tabs */
ul#tots-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 113px;
	left: 240px;
	z-index: 0;
}

ul#tots-menu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 52px;
}

ul#tots-menu li a {
	background: url(images/tabs.gif) no-repeat;
	display: block;
	height: 52px;
	outline: 0;
	text-indent: -999em;
}

ul#tots-menu li#tabMenuItem1 a:link, ul#tots-menu li#tabMenuItem1 a:visited {
	background-position: -0px -0px;
	width: 99px;
}

ul#tots-menu li#tabMenuItem1 a:focus, ul#tots-menu li#tabMenuItem1 a:hover, ul#tots-menu li#tabMenuItem1 a:active {
	background-position: -0px -52px;
	width: 99px;
}

ul#tots-menu li#tabMenuItem2 a:link, ul#tots-menu li#tabMenuItem2 a:visited {
	background-position: -99px -0px;
	width: 131px;
}

ul#tots-menu li#tabMenuItem2 a:focus, ul#tots-menu li#tabMenuItem2 a:hover, ul#tots-menu li#tabMenuItem2 a:active {
	background-position: -99px -52px;
	width: 131px;
}

ul#tots-menu li#tabMenuItem3 a:link, ul#tots-menu li#tabMenuItem3 a:visited {
	background-position: -230px -0px;
	width: 133px;
}

ul#tots-menu li#tabMenuItem3 a:focus, ul#tots-menu li#tabMenuItem3 a:hover, ul#tots-menu li#tabMenuItem3 a:active {
	background-position: -230px -52px;
	width: 133px;
}

ul#tots-menu li#tabMenuItem4 a:link, ul#tots-menu li#tabMenuItem4 a:visited {
	background-position: -363px -0px;
	width: 118px;
}

ul#tots-menu li#tabMenuItem4 a:focus, ul#tots-menu li#tabMenuItem4 a:hover, ul#tots-menu li#tabMenuItem4 a:active {
	background-position: -363px -52px;
	width: 118px;
}

ul#tots-menu li#tabMenuItem5 a:link, ul#tots-menu li#tabMenuItem5 a:visited {
	background-position: -481px -0px;
	width: 100px;
}

ul#tots-menu li#tabMenuItem5 a:focus, ul#tots-menu li#tabMenuItem5 a:hover, ul#tots-menu li#tabMenuItem5 a:active {
	background-position: -484px -52px;
	width: 100px;
}

ul#tots-menu li#tabMenuItem6 a:link, ul#tots-menu li#tabMenuItem6 a:visited {
	background-position: -582px -0px;
	width: 79px;
}

ul#tots-menu li#tabMenuItem6 a:focus, ul#tots-menu li#tabMenuItem6 a:hover, ul#tots-menu li#tabMenuItem6 a:active {
	background-position: -582px -52px;
	width: 79px;
}

ul#tots-menu li#tabMenuItem0 a:link, ul#tots-menu li#tabMenuItem0 a:visited {
	background-position: -660px -0px;
	width: 52px;
}

ul#tots-menu li#tabMenuItem0 a:focus, ul#tots-menu li#tabMenuItem0 a:hover, ul#tots-menu li#tabMenuItem6 a:active {
	background-position: -660px -52px;
	width: 52px;
}






/* covers */
ul.thumb {
	list-style: none;
	margin: 0 auto; padding: 10px;
	width: 778px;
}

.ie ul.thumb {
	list-style: none;
	margin: 0 auto; padding: 0px;
	width: 600px;
}


ul.thumb li {
	margin: 11px; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 160px;
	height: 220px;
}
ul.thumb li img {
	width: 180px; height: 230px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding:0px;
	margin: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0px; 
	top: 30px;
}

ul.thumb li img.hover {
	background:url(images/covers/roary.jpg) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

ul.thumb li h3 {
	padding: 5px;
	position: absolute;
	top: 265px;
	left: 0px;
	color: #2b75d1;
width:170px;
font-size: 14px;
}
/* banners */

#external-banner {
height:65px;
left:586px;
overflow:hidden;
position:absolute;
top:0;
width:370px;
z-index:0;
}


/* ////////////////////// */

.click-on-cover {
background:transparent url(images/click-on-a-cover.gif) no-repeat scroll 0 0;
height:50px;
left:250px;
position:absolute;
text-indent:-999em;
top:365px;
width:365px;
}


#wrapper {
  width:974px;
	margin:0 auto;
	background:url(images/bg-repeat.gif) top left repeat-y;
	position:relative;
}

#header {
	background: url(images/bg.gif); 
	height:180px;
	width: 974px;
}

#branding {
	position:absolute; 
	left:-0px; top:3px; 
	z-index:0; 
	background:url(images/logo.png) 0 0 no-repeat; 
	width:576px;
	height: 150px; 
	text-indent:-999em;}
	
#branding a {
	display: block;
	width:250px;
	height: 120px; 
	text-indent:-999em;
	}
	
.ie #branding a {
	display: block;
	padding: 40px 30px; 
	text-indent:-999em;
	}	
	
		

#slider-home {
    width: 800px;
    height: 410px;
    margin: 15px auto 0px auto;
    position: relative;
	z-index:0;
	background:#FFFFFF url(images/content-bg_01.gif) no-repeat scroll 0 0;
	text-align: center;
	}

.ie #slider-home {
  margin: 0px 0 0 90px;
  width: 800px;
  padding: 0;
  height: 410px;
}

#content {
    width: 800px;
    margin: 10px auto 0px auto;
    position: relative;
	z-index:0;
	background: #fff url(images/content-bg_01.gif) 0 0 no-repeat;
}


.content-foot {
	height: 10px;
	width: 800px;
	background: #fff url(images/content-bg_03.gif) bottom left no-repeat;
	margin: 0 auto;
}

.content-foot-home {
	height: 400px;
	width: 800px;
	background: #fff url(images/content-bg_03.gif) bottom left no-repeat;
	margin: 0 auto;
}

.ie .content-foot-home {
	height: 200px;
	width: 800px;
	background: #fff url(images/content-bg_03.gif) bottom left no-repeat;
	margin: 0 auto;
}


.landd {
	text-indent: -999em;
	background: url(images/learning-and-development.gif) 0 30px no-repeat;
	padding: 20px;
}
.about-us {
	text-indent: -999em;
	background: url(images/about-us.gif) 0 30px no-repeat;
	padding: 20px;
}

.reserve-copy-head {
	text-indent: -999em;
	background: url(images/reserve-copy.gif) 0 30px no-repeat;
	padding: 20px;
}

.comp-head {
	text-indent: -999em;
	background: url(images/competitions.gif) 0 30px no-repeat;
	padding: 20px;
}

.contact {
	text-indent: -999em;
	background: url(images/contacts.gif) 0 30px no-repeat;
	padding: 20px;
}

.head404 {
	text-indent: -999em;
	background: url(images/404.gif) 0 30px no-repeat;
	padding: 20px;
	height: 106px;
}

.head500 {
	text-indent: -999em;
	background: url(images/500.gif) 0 30px no-repeat;
	padding: 20px;
	height: 72px;
}


/*content */


/* footer */
#footer {clear:both; width:974px; height: 30px; font-size:12px; text-align:left; padding-top:20px; margin:0 auto; background:url(images/footer.gif) bottom left no-repeat;}



#footer p {text-align:center; margin:60px auto; width:600px;}

.ie #footer {clear:both; width:974px; height: 30px; font-size:12px; text-align:left; margin:0 auto; background:url(images/footer.gif) 0 0 no-repeat;}

.ie #footer p {text-align:center; margin:100px auto 40px; width:600px;}




/*.subscribe a:link, .subscribe a:visited {
	background:url(images/subscribe.gif) 0 -0 no-repeat;
	width:283px;
	height:67px;
	float:left;
	margin:0;
	text-indent:-999em;
}

.subscribe a:hover, .subscribe a:focus {
	background:url(images/subscribe.gif) -0 -67px no-repeat;
	width:283px;
	height:67px;
	float:left;
	margin:0;
}
*/

.downloads a:link, .downloads a:visited {
	background:url(images/Downloads.jpg) 0 -0 no-repeat;
	width:196px;
	height:81px;
	float:left;
	margin:10px 0 0 45px;
	text-indent:-999em;
}

.downloads a:hover, .downloads a:focus {
	background:url(images/Downloads.jpg) -0 -82px no-repeat;
	width:196px;
	height:81px;
	float:left;
	margin:10px 0 0 45px;
}

/* Magazine */
#magazine {
background:#FFFFFF url(images/content-bg_01.gif) no-repeat scroll 0 0;
margin:10px 0 0 118px;
padding-top: 10px;
position:relative;
width:800px;
z-index:0;
}

 #magazine h1, #error-contents h1 {
	height: 80px;
	padding: 0;
}

#magazine h2, #magazine h1, #error-contents h1, #error-contents h2 {
	margin:10px 63px;
}

#magazine h3, #error-contents h3 {
	margin: 10px 65px 5px;
	
}
#magazine p, #error-contents p{
	width: 500px;
	margin: 10px 65px;
	font-size: 12px;
}

.mag-logo {
float: left;
}
.mag-copy {
	width: 400px;
	float: left;
	margin: 20px 0 10px 25px;
	text-align: left;
}

.ie .mag-copy {
	width: 330px;
	float: left;
	margin: 20px 0 10px 10px;
	text-align: left;
}


#magazine .mag-copy p, #magazine .mag-copy h2 {
	text-align: left;
	width: 350px;
}

.ie #magazine .mag-copy p, .ie #magazine .mag-copy h2 {
	text-align: left;
	width: 330px;
	margin: 0;
}

#magazine .mag-copy p {
	font-size: 14px;
	margin-left: 40px;
}

#magazine .mag-copy h2 {
	color: #000;
	font-size: 20px;
	margin-left: 40px;
}

.mag-cover {
	background:url(images/comic-bg.png) 0 60px no-repeat;
	height: 500px;
	margin:0px 0 0px 440px;
	position: relative;
	
}

.ie .mag-cover {
	background:url(images/comic-bg.gif) 0 60px no-repeat;
	height: 500px;
	margin:0px 0 0px 380px;
	position: relative;
	padding: 0;
	
}


.mag-cover img {
	position: absolute;
	top: 72px;
	left: 24px;
	
}

.ie .mag-cover img {
	position: relative;
	
}


.mag-nav {
width: 375px;
list-style-type: none;
margin: 15px 20px 0 0;
padding: 0;
height: 54px;
float: right;
margin-top: 10px;;
}

.mag-nav li {
	float: left;
	width: 134px;
	height: 54px;
	overflow: hidden;
	
}

#look-inside a:link, #look-inside a:visited {
	background: url(images/subscribe-nav.png) 0 0 no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
#look-inside a:hover, #look-inside a:focus {
	background: url(images/subscribe-nav.png) 0 -54px no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 

#subscribe a:link, #subscribe a:visited {
	background: url(images/subscribe-nav.png) -131px 0 no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
#subscribe a:hover, #subscribe a:focus {
	background: url(images/subscribe-nav.png) -131px -54px no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
}
#subscribe {
	width: 131px;
} 
#look-inside {
	width: 128px;
} 
#reserve-copy {
	width: 108px;
}

#reserve-copy a:link, #reserve-copy a:visited {
	background: url(images/subscribe-nav.png) -259px 0 no-repeat;
	width: 108px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 

#reserve-copy a:hover, #reserve-copy a:focus {
	background: url(images/subscribe-nav.png) -259px -54px no-repeat;
	width: 108px;
	height: 54px;
	display: block;
	text-indent: -999em;
}


/* ie */

.ie #reserve-copy a:link, .ie #reserve-copy a:visited {
	background: url(images/subscribe-nav.gif) -259px 0 no-repeat;
	width: 108px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 

.ie #reserve-copy a:hover, .ie #reserve-copy a:focus {
	background: url(images/subscribe-nav.gif) -259px -54px no-repeat;
	width: 108px;
	height: 54px;
	display: block;
	text-indent: -999em;
}

.ie #look-inside a:link, .ie #look-inside a:visited {
	background: url(images/subscribe-nav.gif) 0 0 no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
.ie #look-inside a:hover, .ie #look-inside a:focus {
	background: url(images/subscribe-nav.gif) 0 -54px no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 

.ie #subscribe a:link, .ie #subscribe a:visited {
	background: url(images/subscribe-nav.gif) -131px 0 no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
.ie #subscribe a:hover,.ie #subscribe a:focus {
	background: url(images/subscribe-nav.gif) -131px -54px no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
}










#magazine p.roary-external img {
position: absolute;
top: 0;
left: 0;
}

#magazine p.roary-external {
	position: absolute;
	top: 480px;
	left: 0px;
	width: auto;
	margin: 0;
}
.roary-external a:link, .roary-external a:visited {
	background: url(images/roary-external-link.gif) -0px 0 no-repeat;
	width: 320px;
	height: 54px;
	display: block;
	text-indent: -999em;
}
.roary-external a:hover, .roary-external a:focus {
	background: url(images/roary-external-link.gif) -0px -54px no-repeat;
	width: 320px;
	height: 54px;
	display: block;
	text-indent: -999em;
}

#error-contents {
	text-align: left;
	background:#FFFFFF url(images/content-bg_01.gif) no-repeat scroll 0 0;
margin:10px auto 0;
position:relative;
width:800px;
z-index:0;
}

/* competitions*/
#comp-contents {
	text-align: center;
	background:#FFFFFF url(images/content-bg_01.gif) no-repeat scroll 0 0;
margin:10px auto 0;
position:relative;
width:800px;
z-index:0;
}

#comp-contents h1 {
	height: 80px;
	padding: 0;
	margin:10px 40px;
}

#comp-contents ul {
	width: 745px;
	margin: 0 auto;
}

#comp-contents li {
	margin: 10px 0;
}

/* Magazine Nav */
ul#magazine-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: -20px;
	top: 150px;
	z-index:0;
}

ul#magazine-nav li {
	margin: 0;
	padding: 0;
	height: 120px;
}

ul#magazine-nav li a {
	display: block;
	height: 120px;
	outline: 0;
}

.active {
	background:url(images/active.png) 85px 15px no-repeat;
display: block;
	height: 120px;
	outline: 0;
}




ul#magazine-nav li#mag-MenuItem1 a:link, ul#magazine-nav li#mag-MenuItem1 a:visited {
	background-position: -0px -0px;
	width: 106px;
}

ul#magazine-nav li#mag-MenuItem1 a:focus, ul#magazine-nav li#mag-MenuItem1 a:hover, ul#magazine-nav li#mag-MenuItem1 a:active {
	background:url(images/active.png) top left no-repeat;
	width: 106px;
	z-index: 100;
}


ul#magazine-nav li#mag-MenuItem2 a:link, ul#magazine-nav li#mag-MenuItem2 a:visited {
	background-position: -106px -0px;
	width: 103px;
}

ul#magazine-nav li#mag-MenuItem2 a:focus, ul#magazine-nav li#mag-MenuItem2 a:hover, ul#magazine-nav li#mag-MenuItem2 a:active {
	background:url(images/active.png) top left no-repeat;
	width: 103px;
}

ul#magazine-nav li#mag-MenuItem3 a:link, ul#magazine-nav li#mag-MenuItem3 a:visited {
	background-position: -209px -0px;
	width: 106px;
}

ul#magazine-nav li#mag-MenuItem3 a:focus, ul#magazine-nav li#mag-MenuItem3 a:hover, ul#magazine-nav li#mag-MenuItem3 a:active {
	background-position: -209px -120px;
	width: 106px;
}

ul#magazine-nav li#mag-MenuItem4 a:link, ul#magazine-nav li#mag-MenuItem4 a:visited {
	background-position: -315px -0px;
	width: 100px;
}

ul#magazine-nav li#mag-MenuItem4 a:focus, ul#magazine-nav li#mag-MenuItem4 a:hover, ul#magazine-nav li#mag-MenuItem4 a:active {
	background:url(images/active.png) top left no-repeat;
	width: 100px;
}

/* Subs */

#magazine ul.subs-thumbs {
	list-style-type: none;
	width: 782px;
	padding-left: 15px;
	margin: 0 auto;
	height: 500px;
	
	
}

.ie #magazine ul.subs-thumbs {
	list-style-type: none;
	width: 792px;
	padding-left: 15px;
	margin: 0 auto;
	height: 500px;
	
}

#magazine ul.subs-thumbs li {
float:left;
height:220px;
margin:11px;
padding:5px;
position:relative;
width:160px;
}

.ie #magazine ul.subs-thumbs li {
float:left;
height:220px;
margin:11px;
padding:3px;
position:relative;
width:160px;
}


#magazine ul.subs-thumbs li img {
height:220px;
width:160px;
}

#magazine ul.subs-thumbs li h3 {
font-size: 14px;
margin: 7px 0 4px 0;
height: 40px;
text-align: center;
}
#magazine ul.subs-thumbs li p {
font-size: 14px;
margin: 0;
padding: 3px;
width: 150px;
}

.subscribe a:link, .subscribe a:visited {
	background: url(images/subscribe-nav.png) -131px 0 no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
.subscribe a:hover, .subscribe a:focus {
	background: url(images/subscribe-nav.png) -131px -54px no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
}


.ie .subscribe a:link, .ie .subscribe a:visited {
	background: url(images/subscribe-nav.gif) -131px 0 no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
.ie .subscribe a:hover, .ie .subscribe a:focus {
	background: url(images/subscribe-nav.gif) -131px -54px no-repeat;
	width: 131px;
	height: 54px;
	display: block;
	text-indent: -999em;
}

/* Subs Page */


.sub-subscribe a:link, .sub-subscribe a:visited {
	background: url(images/subscribe-nav.png) -371px 0 no-repeat;
	width: 150px;
	height: 50px;
	display: block;
	text-indent: -999em;
} 
.sub-subscribe a:hover, .sub-subscribe a:focus {
	background: url(images/subscribe-nav.png) -371px -50px no-repeat;
	width: 150px;
	height: 50px;
	display: block;
	text-indent: -999em;
}


.ie .sub-subscribe a:link, .ie .sub-subscribe a:visited {
	background: url(images/subscribe-nav.gif) -371px 0 no-repeat;
	width: 150px;
	height: 54px;
	display: block;
	text-indent: -999em;
} 
.ie .sub-subscribe a:hover, .ie .sub-subscribe a:focus {
	background: url(images/subscribe-nav.gif) -371px -50px no-repeat;
	width: 150px;
	height: 54px;
	display: block;
	text-indent: -999em;
}





#magazine h2.subs {
	width: 500px;
	text-align: center;
	margin: 5px auto;
	font-size: 18px;
	
}

#magazine h2.subscribe-save {
	text-indent: -999em;
	background: url(images/subscribe-save.gif) 0 30px no-repeat;
	padding: 20px;
	margin: 10px auto;
	width: 140px;
}

#magazine h2.join-news {
	text-indent: -999em;
	background: url(images/join-newsletter.gif
) 0 0px no-repeat;
	padding: 10px;
	width: 273px;
	margin: 30px 63px 10px;
	width: 380px;
}



#magazine h3.subh3 {
	width: 600px;
	text-align: center;
	margin: 5px auto;
	padding: 5px;
	/*border: 1px solid #333;*/
	font-size: 16px;
	color:#2B75D1;
	
}

#magazine h4 {
	width: 400px;
	font-size: 14px;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
}

.comp-body{
	height: 300px;
}

.error-body {
	height: 391px;
}


.signmeup a:link, .signmeup a:visited {
	background: url(images/signup.gif) 0 0 no-repeat;
	width: 194px;
	height: 32px;
	display: block;
	text-indent: -999em;
} 
.signmeup a:hover, .signmeup a:focus {
	background: url(images/signup.gif) 0 -32px no-repeat;
	width: 194px;
	height: 32px;
	display: block;
	text-indent: -999em;
}