#maincontainer {
	padding:0px;
	width:900px;
	/*background:url(../../images/pm/orange/bg_pm_maincontainer_long.jpg) top repeat-x;*/
}

/*
Style for the banner
*/

#maincontainer #banner_index {
	width:900px;
	height:165px;
	/*background:url(../../images/pm/orange/bg_pm_index_banner.jpg);*/
	position:relative;
}

#maincontainer #banner_index h1 {
	background:none;
	padding:0px;
	margin:0px;
	text-align:right;
	position:absolute;
	right:20px;
	bottom:30px;
	/*color:#f3911c;*/
	font-size:3em;
}

#maincontainer #banner_index h1 span.pngfix {
	position:absolute;
	display:block;
	width:650px;
	height:100px;
	/*background:url(../../images/pm/orange/bg_pm_title_large.png);*/
	overflow:hidden;
	text-align:left;
	text-indent:-999px;
	right:185px;
	bottom:10px;
}

#maincontainer #banner_index p {
	color:#FFFFFF;
	position:absolute;
	right:20px;
	bottom:8px;
	margin:0px;
	padding:0px;
}


#maincontainer h2 {
	display:block;
	/*background:#f26522;*/
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1em;
	height:20px;
	line-height:20px;
	margin:0px;
	padding:0px 0px 0px 250px;
}

/*
Style for the editor box
*/

#maincontainer #theeditor {
	float:left;
	width:225px;
	padding:20px 0px 0px 15px;
}

#maincontainer #theeditor div.pngfix {
	background:url(../../images/pm/bg_pm_index_editor_centre.png) repeat-y;
	width:180px;
	padding:50px 20px 50px 20px;
	position:relative;
}

#maincontainer #theeditor div.pngfix div {
	position:relative;
	z-index:20;
}

#maincontainer #theeditor div.pngfix p {
	font-size:1.1em;
}


#maincontainer #theeditor div.pngfix p.signature {
	position:absolute;
	width:100px;
	height:40px;
	padding:0px;
	margin:0px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	/*background:url(../../images/pm/orange/bg_pm_index_editor_name.gif);*/
	right:20px;
	bottom:15px;
	z-index:20;
}

#maincontainer #theeditor div.pngfix span.top {
	position:absolute;
	z-index:10;
	width:210px;
	height:200px;
	display:block;
	left:5px;
	top:0px;
	background:url(../../images/pm/bg_pm_index_editor_inside_t.jpg);
}

#maincontainer #theeditor div.pngfix span.bottom {
	position:absolute;
	z-index:10;
	width:210px;
	height:100px;
	display:block;
	left:5px;
	bottom:0px;
	background:url(../../images/pm/bg_pm_index_editor_inside_b.jpg);
}
	
#maincontainer #theeditor span.pngfix {
	display:block;
	width:220px;
	background:url(../../images/pm/bg_pm_index_editor_bottom.png) no-repeat;
	height:10px;
}

/*
Style for the main column
*/
	
#column_centre_index {
	width:630px;
	padding:20px 20px 20px 10px;
	overflow:hidden;
	float:right;
	
}

/*
Style for all the variations of articles: from 1 article to 5 articles
*/

#maincontainer #articlelist {
	width:660px;
	padding:0px;
	margin:0px;
}

#maincontainer #articlelist li {
	float:left;
	margin:0px;
	background:none;
	padding:0px;
	margin-bottom:15px;
	margin-right:20px;
	padding-bottom:5px;
	background:url(../../images/pm/bg_pm_index_article_li.gif) bottom repeat-x;
}

#maincontainer #articlelist.count3 li {
	margin-bottom:25px;
}

#maincontainer #articlelist.count4 li {
	margin-bottom:10px;
}

#maincontainer #articlelist.count5 li {
	margin-bottom:10px;
	margin-right:15px;
}

#maincontainer #articlelist.count5 li.typeB {
	margin-right:20px;
}

#maincontainer #articlelist li a, #maincontainer #articlelist a:visited {
	text-decoration:none;
	display:block;
	/*background:#f26822 url(../../images/pm/orange/bg_pm_index_articlelist_a.gif) repeat-x 0px bottom;*/
	position:relative;
	color:#FFFFFF;
}

#maincontainer #articlelist li a:hover,#maincontainer #articlelist li a:visited:hover {
	background:#898989 url(../../images/pm/bg_pm_index_articlelist_a_over.gif) repeat-x 5px bottom;
}

#maincontainer #articlelist li a span.title {
	position:absolute;
	z-index:10;
}

#maincontainer #articlelist li a span.titleshadow {
	position:absolute;
	z-index:5;
	color:#333333;
}

#maincontainer #articlelist li a span.background {
	display:block;
	position:absolute;
	z-index:10;
	cursor:pointer;
}

#maincontainer #articlelist li a span.career {
	display:block;
	position:absolute;
	z-index:15;
	width:82px;
	height:64px;
	background:url(../../images/pm/bg_pm_index_article_career.png);
	top:-11px;
	right:-12px;
	cursor:pointer;
}

#maincontainer #articlelist li a span.didyouknow {
	display:block;
	position:absolute;
	z-index:15;
	width:82px;
	height:64px;
	background:url(../../images/pm/bg_pm_index_article_didyouknow.png);
	top:-11px;
	right:-12px;
	cursor:pointer;
}

#maincontainer #articlelist li a img {
	position:absolute;
	z-index:15;
}


#maincontainer #articlelist li a span.arrow {
	display:block;
	position:absolute;
	width:25px !important;
	height:23px !important;
	z-index:20;
	background:url(../../images/bg_testi_arrows.gif) 0px 0px;
	overflow:hidden;
}

#maincontainer #articlelist li a:hover span.arrow {
	background:url(../../images/bg_testi_arrows.gif) -25px 0px;
}

#maincontainer #articlelist li a > span.arrow {
	background:url(../../images/bg_testi_arrows.png) 0px 0px;
}

#maincontainer #articlelist li a:hover > span.arrow {
	background:url(../../images/bg_testi_arrows.png) -25px 0px;
}


/*
Type A
*/

#maincontainer #articlelist li.typeA a {
	width:630px;
	height:150px;
	font-size:2.5em;
}

#maincontainer #articlelist li.typeA a span.background {
	width:235px;
	height:170px;
	background:url(../../images/pm/sticker_pm_index_article_1.png) no-repeat;
	right:0px;
	top:-5px;
}

#maincontainer #articlelist li.typeA a img {
	right:20px;
	top:16px;	
}

#maincontainer #articlelist li.typeA a span.arrow {
	right:10px;
	bottom:2px;
}

#maincontainer #articlelist li.typeA a span.title {
	left:15px;
	top:15px;
	display:block;
	width:370px;
}

#maincontainer #articlelist li.typeA a span.titleshadow {
	left:16px;
	top:16px;
	display:block;
	width:370px;	
}


/*
Type B
*/

#maincontainer #articlelist li.typeB a {
	width:305px;
	height:270px;
	font-size:2em;
}

#maincontainer #articlelist li.typeB a span.background {
	width:270px;
	height:195px;
	background:url(../../images/pm/sticker_pm_index_article_4.png) no-repeat;
	left:17px;
	top:-5px;
}

#maincontainer #articlelist li.typeB a img {
	left:37px;
	top:15px;
}

#maincontainer #articlelist li.typeB a span.arrow {
	right:25px;
	top:160px;
}

#maincontainer #articlelist li.typeB a span.title {
	left:15px;
	top:200px;
	width:275px;
	display:block;
	text-align:center;
}

#maincontainer #articlelist li.typeB a span.titleshadow {
	left:16px;
	top:201px;
	width:275px;
	display:block;
	text-align:center;	
}

/*
Type C
*/

#maincontainer #articlelist li.typeC a {
	width:230px;
	height:250px;
	font-size:2em;
}

#maincontainer #articlelist li.typeC a span.background {
	width:235px;
	height:170px;
	background:url(../../images/pm/sticker_pm_index_article_1.png) no-repeat;
	left:-2px;
	top:-5px;
}

#maincontainer #articlelist li.typeC a img {
	left:18px;
	top:15px;
}

#maincontainer #articlelist li.typeC a span.arrow {
	right:10px;
	top:135px;
}

#maincontainer #articlelist li.typeC a span.title {
	left:11px;
	top:175px;
	width:208px;
	display:block;
	text-align:center;
}

#maincontainer #articlelist li.typeC a span.titleshadow {
	left:12px;
	top:176px;
	width:208px;
	display:block;
	text-align:center;	
}

/*
Type D
*/

#maincontainer #articlelist li.typeD a {
	width:380px;
	height:110px;
	font-size:1.6em;
}

#maincontainer #articlelist li.typeD a span.background {
	width:180px;
	height:130px;
	background:url(../../images/pm/sticker_pm_index_article_2.png) no-repeat;
	right:-5px;
	top:-8px;
}

#maincontainer #articlelist li.typeD a img {
	right:10px;
	top:7px;
}

#maincontainer #articlelist li.typeD a span.arrow {
	right:9px;
	bottom:3px;
}

#maincontainer #articlelist li.typeD a span.title {
	left:15px;
	top:15px;
	width:190px;
	display:block;
}

#maincontainer #articlelist li.typeD a span.titleshadow {
	left:16px;
	top:16px;
	width:190px;
	display:block;
}

/*
Type E
*/

#maincontainer #articlelist li.typeE a {
	width:380px;
	height:80px;
	font-size:1.4em;
}

#maincontainer #articlelist li.typeE a span.background {
	width:130px;
	height:95px;
	background:url(../../images/pm/sticker_pm_index_article_3.png) no-repeat;
	right:-7px;
	top:-5px;
}

#maincontainer #articlelist li.typeE a img {
	right:7px;
	top:5px;
}

#maincontainer #articlelist li.typeE a span.arrow {
	right:5px;
	bottom:1px;
}

#maincontainer #articlelist li.typeE a span.title {
	left:15px;
	top:15px;
	width:240px;
	display:block;
}

#maincontainer #articlelist li.typeE a span.titleshadow {
	left:16px;
	top:16px;
	width:240px;
	display:block;
}

/*
Type F
*/

#maincontainer #articlelist li.typeF a {
	width:230px;
	height:270px;
	font-size:2em;
}

#maincontainer #articlelist li.typeF a span.background {
	width:235px;
	height:170px;
	background:url(../../images/pm/sticker_pm_index_article_1.png) no-repeat;
	left:-2px;
	top:-8px;
}

#maincontainer #articlelist li.typeF a img {
	left:18px;
	top:12px;
}

#maincontainer #articlelist li.typeF a span.arrow {
	right:10px;
	top:135px;
}

#maincontainer #articlelist li.typeF a span.title {
	left:11px;
	top:175px;
	width:208px;
	display:block;
	text-align:center;
}

#maincontainer #articlelist li.typeF a span.titleshadow {
	left:12px;
	top:176px;
	width:208px;
	display:block;
	text-align:center;	
}

/*
Type G
*/

#maincontainer #articlelist li.typeG a {
	width:200px;
	height:100px;
	font-size:1.3em;
	text-align:right;
}

#maincontainer #articlelist li.typeG a span.background {
	width:110px;
	height:80px;
	background:url(../../images/pm/sticker_pm_index_article_5.png) no-repeat;
	left:0px;
	top:5px;
}

#maincontainer #articlelist li.typeG a img {
	left:9px;
	top:12px;
}

#maincontainer #articlelist li.typeG a span.arrow {
	left:20px;
	bottom:14px;
}

#maincontainer #articlelist li.typeG a span.title {
	right:8px;
	top:10px;
	width:80px;
	display:block;
}

#maincontainer #articlelist li.typeG a span.titleshadow {
	right:7px;
	top:11px;
	width:80px;
	display:block;
}

/*
Style for the other items links
*/

#maincontainer #otheritems {
	display:block;
	padding:10px 5px 5px 15px;
	margin-bottom:20px;
	clear:left;
}

#maincontainer #otheritems h3 {
	padding:0px;
	background:none;
	font-size:1.2em;
	/*color:#FFFFFF;*/
}

#maincontainer #otheritems ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#maincontainer #otheritems ul li {
	float:left;
	background:none;
	position:static;
	padding:0px;
	margin:0px;
	padding-right:5px;
	padding-bottom:5px;
}

#maincontainer #otheritems ul li a, #maincontainer #otheritems ul li a:visited {
	display:block;
	position:relative;
	width:187px;
	height:32px;
	padding:5px;
	color:#FFFFFF;
}

#maincontainer #otheritems ul li a:hover, #maincontainer #otheritems ul li a:visited:hover {
	background:url(../../images/pm/bg_pm_index_articlelist_a_over.gif) repeat-x 5px -10px;
	text-decoration:none;
}

#maincontainer #otheritems ul li a img {
	position:absolute;
	right:9px;
	top:3px;
	z-index:6;
}

#maincontainer #otheritems ul li a span.pngfix {
	display:block;
	position:absolute;
	width:70px;
	height:55px;
	top:-3px;
	right:2px;
	background:url(../../images/pm/bg_pm_sub_article_sticker.png);
	z-index:5;
}


/*
Styles for the nice graphic links in the middle
*/

#maincontainer #landing_bar_centre {
	display:block;
	width:640px;
	height:170px;
	padding:0px;
	margin:0px;
	background:url(../../images/pm/bg_pm_index_regular.jpg) 0px 0px no-repeat;
	clear:left;
}

#maincontainer #landing_bar_centre li {
	padding:0px;
	margin:0px;
	margin-right:10px;
	background:none;
	float:left;
}

#maincontainer #landing_bar_centre li h4 {
	text-indent:-999px!important;
	position:absolute;
	overflow:hidden;
	display:block;
	left:0;
	top:0;
}	

#maincontainer #landing_bar_centre li a, #landing_bar_centre li a:visited {
	display:block;
	width:150px;
	height:170px;
	overflow:hidden;
	text-indent:-999px;
}

#maincontainer #landing_bar_centre li.letters a {
	background:url(../../images/pm/bg_pm_index_regular_letters.jpg) 0px 0px no-repeat;
}

#maincontainer #landing_bar_centre li.letters a:hover {
	background:url(../../images/pm/bg_pm_index_regular_letters.jpg) 0px -170px no-repeat;
}

#maincontainer #landing_bar_centre li.creativ a {
	background:url(../../images/pm/bg_pm_index_regular_creativ.jpg) 0px 0px no-repeat;
}

#maincontainer #landing_bar_centre li.creativ a:hover {
	background:url(../../images/pm/bg_pm_index_regular_creativ.jpg) 0px -170px no-repeat;
}

#maincontainer #landing_bar_centre li.boredom a {
	background:url(../../images/pm/bg_pm_index_regular_boredom.jpg) 0px 0px no-repeat;
}

#maincontainer #landing_bar_centre li.boredom a:hover {
	background:url(../../images/pm/bg_pm_index_regular_boredom.jpg) 0px -170px no-repeat;
}

#maincontainer #landing_bar_centre li.allabou a {
	background:url(../../images/pm/bg_pm_index_regular_allabou.jpg) 0px 0px no-repeat;
}

#maincontainer #landing_bar_centre li.allabou a:hover {
	background:url(../../images/pm/bg_pm_index_regular_allabou.jpg) 0px -170px no-repeat;
}

/*
Games
*/


#maincontainer #games {
	display:block;
	background:#0e60aa url(../../images/pm/bg_pm_index_regular_bg_games.jpg) 0px 0px;
	height:60px;
	margin-right:5px;
	width:630px;
	position:relative;
	padding:0px;
	margin:15px 0px;
}

#maincontainer #games h4 {
	position:absolute;
	overflow:hidden;
	text-indent:-100px;
}

#maincontainer #games a {
	display:block;
	width:235px;
	height:50px;
	padding:10px 270px 0px 125px;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
}

#maincontainer #games a:hover {
	text-decoration:none;
	color:#66FFFF;
}

#maincontainer #games a span {
	width:265px;
	height:80px;
	background:url(../../images/pm/bg_pm_index_regular_games.png);
	position:absolute;
	right:-5px;
	top:-10px;
}

/*
Write to us and subscribe box
*/

#maincontainer #index_write {
	float:left;
	width:235px;
	padding-top:13px;	
}

#maincontainer #index_write h4 {
	text-indent:-999px;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}

#maincontainer #index_write a.write, #maincontainer #index_write a.write:visited {
	display:block;
	width:235px;
	height:125px;
	overflow:hidden;
	text-indent:-999px;
	background:url(../../images/pm/bg_pm_index_write.gif) 0px 0px no-repeat;
}

#maincontainer #index_write a.write:hover {
	background:url(../../images/pm/bg_pm_index_write.gif) 0px -125px no-repeat;	
}

#maincontainer #index_write a.subscribe, #maincontainer #index_write a.subscribe:visited {
	display:block;
	width:130px;
	height:62px;
	overflow:hidden;
	padding:23px 90px 0px 10px;
	color:#FFFFFF;
	font-size:1.25em;
	line-height:1.4em;
	background:url(../../images/pm/bg_pm_index_subscribe.jpg) 0px 0px no-repeat;
	position:relative;
	top:2px;
}

#maincontainer #index_write a.subscribe:hover {
	text-decoration:none;
	background:url(../../images/pm/bg_pm_index_subscribe.jpg) 0px -85px no-repeat;	
}


/*
Compeitions box
*/

#maincontainer #index_comps {
	margin-top:5px;
	display:block;
	width:395px;
	height:220px;
	background:url(../../images/pm/bg_pm_index_comp_bg2.gif) 0px 0px no-repeat;
	position:relative;
	float:right;
}

#maincontainer #index_comps h4 {
	overflow:hidden;
	position:absolute;
	text-indent:-999px;
}

#maincontainer #index_comps a.monthly, #maincontainer #index_comps a.monthly:visited {
	display:block;
	position:absolute;
	left:155px;
	top:81px;
	color:#FFFFFF;
	font-size:1.6em;
	width:132px;
	height:44px;
}

#maincontainer #index_comps a.monthly span.title {
	position:absolute;
	left:17px;
	top:9px;
	width:112px;
	height:35px;
	overflow:hidden;
	display:block;
	z-index:20;
}

#maincontainer #index_comps a.monthly span.pngfix {
	width:120px;
	height:120px;
	display:block;
	position:absolute;
	left:-80px;
	bottom:-95px;
	background:url(../../images/pm/bg_pm_index_comp_month_st.png) 0px 0px no-repeat;
	z-index:10;
}

#maincontainer #index_comps a.monthly:hover span.pngfix {
	background:url(../../images/pm/bg_pm_index_comp_month_st.png) 0px -120px no-repeat;
}

#maincontainer #index_comps a.monthly img {
	position:absolute;
	left:-70px;
	bottom:-83px;
	z-index:5;
}

#maincontainer #index_comps a.annual, #maincontainer #index_comps a.annual:visited {
	display:block;
	position:absolute;
	left:214px;
	top:135px;
	color:#FFFFFF;
	font-size:1.6em;
	width:131px;
	height:67px;
}

#maincontainer #index_comps a.annual span.title {
	position:absolute;
	left:13px;
	top:11px;
	width:118px;
	height:55px;
	overflow:hidden;
	display:block;
	z-index:20;
}

#maincontainer #index_comps a.annual span.pngfix {
	width:118px;
	height:120px;
	display:block;
	position:absolute;
	right:-59px;
	top:-68px;
	background:url(../../images/pm/bg_pm_index_comp_annual_st.png) 0px 0px no-repeat;
	z-index:10;
}

#maincontainer #index_comps a.annual:hover span.pngfix {
	background:url(../../images/pm/bg_pm_index_comp_annual_st.png) 0px -120px no-repeat;
}

#maincontainer #index_comps a.annual img {
	position:absolute;
	right:-48px;
	top:-60px;
	z-index:5;
}


#maincontainer #index_comps a span.arrow {
	display:block;
	position:absolute;
	width:25px !important;
	height:23px !important;
	z-index:30;
	background:url(../../images/bg_testi_arrows.gif) 0px 0px;
	overflow:hidden;
}

#maincontainer #index_comps a.monthly span.arrow {
	left:25px;
	top:40px;
}

#maincontainer #index_comps a.annual span.arrow {
	right:-15px;
	bottom:5px;
}

#maincontainer #index_comps a:hover span.arrow {
	background:url(../../images/bg_testi_arrows.gif) -25px 0px;
}

#maincontainer #index_comps a > span.arrow {
	background:url(../../images/bg_testi_arrows.png) 0px 0px;
}

#maincontainer #index_comps a:hover > span.arrow {
	background:url(../../images/bg_testi_arrows.png) -25px 0px;
}

/*
Older issues box
*/


#maincontainer #index_issues {
	float:left;
	width:630px;
	height:105px;
}

#maincontainer #index_issues div {
	/*background:url(../../images/pm/orange/bg_pm_index_otherissues.gif) 0px 0px repeat-x;*/
	height:65px;
	width:380px;
	position:relative;
	margin:5px 0px 0px 250px;
}

#maincontainer #index_issues div span {
	/*background:url(../../images/pm/orange/bg_pm_index_otherissues_tit.png) 0px 0px no-repeat;*/
	width:210px;
	height:30px;
	position:absolute;
	left:8px;
	top:10px;
}

#maincontainer #index_issues div p {
	position:absolute;
	left:10px;
	top:40px;
	color:#000000;
}

#maincontainer #index_issues div div {
	position:absolute;
	right:9px;
	top:10px;
	background:#CCCCCC;
	padding:0px;
	margin:0px;
	width:150px;
	height:auto;
	overflow:hidden;
}

#maincontainer #index_issues div div h4 {
	width:142px;
	height:20px;
	/*position:absolute;*/
	background:#FFFFFF url(../../images/pm/bg_pm_index_otherissues_arr.gif) 120px 5px no-repeat;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	padding:0px 0px 0px 8px;
	margin:0px;
	/*left:0px;
	left:0px;*/
	line-height:20px;
	cursor:pointer;
}

#maincontainer #index_issues div div ul {
	margin:0px;
	padding:0px;
	/*position:absolute;
	left:9px;
	top:21px;*/
	overflow:hidden;
	width:150px;
	padding-top:1px;
	background:#CCCCCC;
}

#maincontainer #index_issues div ul li {
	padding:0px;
	margin:0px;
	background:none;
}

#maincontainer #index_issues div ul li a, #maincontainer #index_issues div ul li a:visited {
	display:block;
	width:134px;
	padding:3px 8px 3px 8px;
	color:#333333;
	background:#FFFFFF;
	border-bottom:solid 1px #CCCCCC;
}

#maincontainer #index_issues div ul li a:hover {
	text-decoration:none;
	color:#000000;
	background:#CCCCCC;
}

/*
Also see box
*/

#maincontainer #index_studentslink {
	float:right;
	width:270px;
	height:105px;
}

#maincontainer #index_studentslink h2 {
	padding-left:20px;
}

#maincontainer #index_studentslink p {
	margin:0px;
	padding:5px 20px 15px 20px;
}

#maincontainer #index_studentslink p a, #index_studentslink p a:visited {
	display:block;
	width:210px;
	height:58px;
	padding:7px 10px 0px 10px;
	color:#666666;
	background-color:#FFFFFF;
	font-weight:normal;
	font-size:1em;
}

#maincontainer #index_studentslink p a:hover {
	text-decoration:none;
	color:#000000;
	background:#CCCCCC;
}

/*
Swirls that sit absolutely positioned on top of the page
*/



#maincontainer #swirl_tl {
	left:0px;
	top:107px;	
}