/*
Theme Name: The Message Centre
Theme URI: http://www.tmc.net
Description: The Message Centre
Version: 2.0
*/



/* CSS Document */
body {
	margin:0px; 
	padding:0px; 
	background: #fff url(images/mainbg.gif) 0 0 repeat-x; 
	color:#111111; 
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----MAIN PANEL----*/

#mainPan{width: 750px; position:relative; margin:0 auto; padding:0px;}

/*----Left Panel----*/
#leftPan { width: 240px; float:left;}

	#leftPan #imgwrap {
		width: 200px;
		margin: 0 auto;
	}
	
		#leftPan #imgwrap img {
			border: 1px solid #ccc;
			margin-bottom: 5px;
		}

#leftTopPan{width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:url(images/left-top.jpg) 0 0 no-repeat;}

#leftTopPan img{width:200px; height:76px; margin:15px 0 0 18px; border: 0;}

#leftPan ul {
	width:240px; 
	height: 250px; 
	display:block; 
	background:url(images/menu-bg.jpg) 0 0 no-repeat; 
	padding:28px 0 0;
}

#leftPan ul li { 
	width: 170px;
	height:27px; 
	position:relative; 
	margin:0 auto; 
	background:url(images/dot.gif) 0 100% repeat-x;
}

#leftPan ul li a {
	height:26px; 
	display:block; 
	background:url(images/arrow-normal.gif) 0 50% no-repeat #FFFFFF; 
	color:#8F8C73; 
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding:0 0 0 22px; 
	text-decoration:none;
}

#leftPan ul li a:hover { 
	background:url(images/arrow-normal.gif) 0 50% no-repeat #FFF; 
	color:#7F0A5F; 
	text-decoration:none;
}



#leftPan ul.linkone{width:240px; height:259px; padding:0; background:none;}
#leftPan ul.linkone li{width:118px; height:26px; position:relative; margin:0 auto; background:none; padding:0px;}
#leftPan ul.linkone li a{width:96px; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}
#leftPan ul.linkone li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#25241E; text-decoration:underline;}

#leftPan h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}


/*----Right Panel----*/

#rightPan{width: 500px; float:left;}

#rightPan h1 {
	width:450px; 
	height:124px; 
	background: transparent url(images/header.jpg) 0 0 no-repeat; 
	color:#fff; 
	padding: 37px 0 0 13px;}

#rightPan h1 span {
	font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#rightPan h1 span.number {
	font: 24pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	width: 400px;
	float: right;
	margin-top: 10px;
	color: #f15c22;
}

#rightPan h2 {
	width:400px; 
	height:36px; 
	display:block; 
	background:url(images/icon1.jpg) 0 0 no-repeat #fff; 
	color:#111111; 
	font-size:24px; 
	line-height:36px; 
	padding:0 0 0 65px;
	 margin:29px 0 0 12px;
}

#rightPan h3 {
	width:300px; 
	height:36px; 
	display:block; 
	color:#111111; 
	font-size: 20px; 
	font-style: italic;
	font-weight: normal;
	line-height:36px; 
	padding: 0;
	 margin: 29px 0 0 12px;
}


#rightPan p { padding:20px 0 0 12px;}
#rightPan p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;}
#rightPan p span.boldtext{font-weight:bold;}
#rightPan p span.magedacolortext{background:#F6F4E4; color:#8F146E;}

#rightPan img.hero {
	float: right;
	width: 250px;
}

#rightPan img { border: 0; }

/*----/Right Panel----*/

/*----Footer Panel----*/
#footermainPan {
	background: #000000 url(images/footerbg.gif) 0 0 repeat-x; 
	color:#fff; 
	margin:0 auto; 
	height:170px; 
	clear:both;
	width: 100%;
}

#footerPan {
	width: 800px; 
	position:relative; 
	padding-top: 60px;
	margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan ul {
	width: 750px; 
	left: 70px;
	position:absolute; 
	top: 30px; 
	margin: 0 auto; 
	text-align: center;
}

#footerPan li, #footerPanHome li {float:left; }
#footerPan ul li a {padding:0 10px 0; color:#fff; text-decoration:none;}
#footerPan ul li a:hover, #footerPanHome ul li a:hover {text-decoration:underline;}

p.copyright{ text-align: center; color:#eeeeee; }

p.copyright a { color: #fff; text-decoration: none; }
p.copyright a:hover { text-decoration: underline; }

#footerPanHome {
	width: 800px; 
	position:relative; 
	padding-top: 60px;
	margin:0 auto; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPanHome ul {
	width: 650px; 
	left: 0;
	position:absolute; 
	top: 30px; 
	margin: 0 auto; 
	text-align: center;
}

#footerPan ul li a, #footerPanHome ul li a { padding:0 5px; color:#fff; text-decoration:none;}