/*
Project Name:City of Manchester School of Management
Project URL:http://www.cmsm.com.sg
Project Version:1.5
Project Author:Vincent Mah
*/

html {
	background:#01673f;
}
body {
	background:url(../images/css/background.jpg) repeat-x top;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	height:100%;
}
a {
	color:#cc0066;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:6px;
	letter-spacing:-0.03em;
}
h2 {
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:-0.025em;
}
h3 {
	font-size:0.7em;
	font-weight:bold;
}
p {
	line-height:1.8em;
	font-size:0.7em;
	/* margin:10px 0; */
}

/* EXTERNAL WRAPPER */
#wrapper {
	width:1116px;
	margin:0 auto;
	position:relative;
}

#lhand { /* adds lefthand */
	width:133px;
	height:223px;
	position:absolute;
	top:280px;
	left:18px;
	background:url(../images/css/handleft.png) no-repeat;
}
#rhand { /* adds righthand */
	width:138px;
	height:216px;
	position:absolute;
	top:280px;
	right:20px;
	background:url(../images/css/handright.png) no-repeat;
	z-index:1;
}

/* INNER WRAPPER */
#inner {
	margin:0 auto;
	width:900px;
}
/* header */
#header {
	background:url(../images/css/header.jpg);
	width:900px;
	height:178px;
}
#language {
	padding:10px 0 0px 20px;
	float:left;
}
#header ul {
	padding-top:90px;
	margin-left:77px;
	font-size:0.75em;
	clear:both;
}
#header ul li {
	float:left;
	margin-right:40px;
}
#header ul li a {
	width:90px;
	height:27px;
	padding-top:28px;
	color:#777;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	display:block;
	outline:none;
}
#header ul li a:hover, #header ul li a.sel {
	color:#000;
	background:url(../images/css/navarrow.jpg) center bottom no-repeat;
}
/* content */
#content {
	background:#f3f3f3;
	min-height:400px;
	padding:10px 20px 20px 20px;
}
#contentleft {
	float:left;
}
#contentright {
	float:right;
}
/* full width box with border */
.whiteBoxWideTop { /* adds border to top (wide) */
	width:860px;
	height:14px;
	background:#fff;
	background:url(../images/css/whiteboxwidetop.jpg);
}
.whiteBoxWide {
	width:814px;
	background:#fff;
	padding:5px 22px 20px 22px;
	border:1px solid #e4e4e4;
	border-top:0;
}
.whiteBoxWide h1 { /* colour to title */
	color:#000; /* default:blue */
}
.item, .itemline { /* item block for contents with no seperator */
	margin-bottom:20px;
	float:left;
}
.itemline { /* item block for contents with seperator */
	border-bottom:1px solid #e4e4e4;
}
.itemlast { /* last block content */
	float:left;
}
.itemimg {
	float:left;
	margin-right:10px;
}
.imgColourBorder { /* grey image background */
	float:left;
	background:#000;
	padding:10px;
	margin-right:10px;
	height:250px;
	text-align:center;
}
.imgColourBorder a {
	color:#fff;
}
.imgColourBorder a:hover {
	color:#cc0066;
}
.itemText { /* text */
	float:left;
	padding:0px 10px 10px 10px;
	width:560px;
}
.itemText p {
	line-height:1.5em;
}
.itemText ul {
	font-size:0.7em;
	margin-top:10px;
}
.itemText ul li {
	margin-bottom:5px;
	background:url(../images/css/arrowgreen.gif) no-repeat left 2px;
	padding:0 0 0 15px;
	width:212px;
	float:left;
}
/* 468px width box - left */
.whiteBoxLTop {
	width:568px;
	height:14px;
	background:#fff;
	background:url(../images/css/whiteboxLtop.jpg);
}
.whiteBoxL {
	width:522px;
	border:1px solid #e4e4e4;
	border-top:0;
	background:#fff;
	padding:5px 22px 0px 22px;
}
.whiteBoxL h1 {
	color:#000;
}
/* pink box - right */
.pinkBoxTop {
	width:283px;
	height:14px;
	background:url(../images/css/pinkboxRtop.jpg);
}
.pinkBox {
	width:237px;
	border:1px solid #e3e3e3;
	border-top:0;
	background:#cc0066;
	padding:5px 22px 0px 22px;
	margin-bottom:7px;
}
.pinkBox h1 {
	color:#fff;
}
.pinkBox p {
	color:#fff;
}
.pinkBox a {
	color:#0099cc;
	text-decoration:none;
}
.pinkBox a:hover {
	text-decoration:underline;
}
/* white box - right */
.whiteBoxRTop {
	width:283px;
	height:14px;
	background:url(../images/css/whiteboxRtop.jpg) no-repeat;
}
.whiteBoxR {
	width:237px;
	border:1px solid #e4e4e4;
	border-top:0;
	background:#fff;
	padding:5px 22px 0 22px;
	position:relative;
	margin-bottom:7px;
}
.whiteBoxR h1 {
	color:#01673f;
}
/* list in right boxes */
.pinkBox ul, .whiteBoxR ul {
	margin-top:15px;
}
.pinkBox ul li, .whiteBoxR ul li {
	background:url(../images/css/arrowgreen.gif) no-repeat 2px 0;
	padding:0 0 0 25px;
	margin-bottom:11px;
	font-size:12px;
	line-height:1em;
}
.pinkBox ul li {
	color:#fff;
}
/* image hyperlink */
.imgHyperlink:hover {
	text-decoration:none;
	outline:1px solid;
}

/* FOOTER */
#footer {
	background:url(../images/css/footer.jpg) no-repeat center top;
	width:1116px;
	padding:50px 0 20px 0;
	color:#ccc;
	font-size:0.7em;
}
#footer div {
	width:900px;
	margin:0 auto;
}
#footer ul {
	float:left;
	line-height:1.2em;
	margin-left:19px;
	width:266px;
}
#footer ul li {
	width:133px;
	float:left;
	padding-bottom:6px;
}
#footer ul li a {
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#copyright {
	float:right;
	text-align:right;
	margin-right:19px;
}

/* MISCELLANEOUS */
.ftl {
	float:left;
}
.ftr {
	float:right;
}
.clr {
	clear:both;
}
.text_field {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
	background-color:#e1e1e1;
	padding:2px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
}
.img_staff {
	border:1px dashed #777;
	margin-right:5px;
}