/* style  for ICT at PM studios */

/* change the body defaults */
/* the background colour sets colour surrounding the content */
body {
	font-size:medium;
	font-family: "trebuchet ms", Tahoma, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #000066;
	background-color: #405083;
	background-image: url('../images/gradedbackgroundd.gif');
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}

/* the container is the main block of content, including the banner and menus */
#container {
	text-align: left;
	background-color: #fafaff;
	position: relative;
	z-index: 20;
	width: 974px;
	padding: 0;
	border: 1px solid #7d8bb8;
	margin: 10px auto 10px auto;
}	

/* The main content area */
#content {
	width:700px;
	padding:10px 15px 10px 10px;
	float:right;
}

.smallercontent {
	font-size: small;
}

.error1 {
	color: #aa0000;
}

#content p {
	margin:.3em 0 .8em 0 ;
	padding:0;
}

/* the this places image banner across the top of the content block >>>> Version d2 of banner <<<<< */
#header {
	height:110px;
	background-image: url('../images/ictbannerd2.jpg');
	background-repeat: no-repeat;
	border-bottom:4px solid ;
}

/* change the navigation defaults -------------------------------------------------------------------*/
a {
	color:#0000ff;
	font-weight:normal;
	background: #fafaff;
	text-decoration: underline;
}
a:link {
	color: #0000cc;
	background: #fafaff;
}
a:visited {
	color: #a020a0;
	font-weight:normal;
	background: #fafaff;
}
a:focus {
	color: #FF0000;
	font-weight:normal;
	background: #fafaff;
}
a:hover {
	color: #000066;
	font-weight:normal;
	background: #7d8bb8;
}
a:active {
	color: #FF0000;
	font-weight:normal;
	background: #fafaff;
}


/* setting up the headings -------------------------------------------------------------------------*/
/* Main heading box across the page */ 
#heading {
	text-align: left;
	background-color: #8e9dd0;
	position: relative;
	z-index: 100;
	padding-left: 50px;
	border: 1px solid;
	margin: 0 0 0 0;
}

#heading h1{
	font-size: large;
	font-weight: bold;
	text-indent: -40px;
	margin: 0 0 0 0;
}
#heading p {
	font-size: 80%;
	font-weight: normal;
	margin: 0 0 0 0;
}

/* sub headings within the content */
#content h2 {
	font-size:large;
	font-weight:bold;
	margin:0;
	padding:0;
}
#content h3 {
	font-weight:bold;
	font-size:90%;
	margin:0;
	padding:0;
}

/* Organising the sidebar layout -----------------------------------------------------------------------*/
/* the menu and information boxes in the sidebar */
#sidebar {
	background-color: #7d8bb8;
	position: relative;
	top: -25px;
	left: -10px;
	z-index: 200;
	width:224px;
	float:left;
	border:1px solid;
	margin:0;
	padding:4px 10px 10px 10px;
}

.menuhead {
	font-size: small;
	font-weight:bold;
	letter-spacing: .1em;
}	


#sidebar h2 {
	font-size:medium;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0;
}

#sidebar h3 {
	font-size: x-small;
	font-weight:normal;
	text-align:left;
	padding:5px 0 5px 0;
	margin:0;
}

#sidebar p {
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:center;
}

/* sidebar navigation held as an unordered list -----------------------------------------------------------------*/
/* This code is used to identify the current page and show a different colour */
body.index #servicesmenu li.index a,
body.about-us #servicesmenu li.about-us a,
body.site-map #servicesmenu li.site-map a,
body.services #servicesmenu li.services a,
body.cms #servicesmenu li.cms a,
body.clients #servicesmenu li.clients a,
body.testimonials #servicesmenu li.testimonials a,
body.articles #servicesmenu li.articles a,
body.faqs #servicesmenu li.faqs a,
body.notes #servicesmenu li.notes a,
body.topten #servicesmenu li.topten a,
body.topten-shopping #servicesmenu li.topten-shopping a,
body.legal #servicesmenu li.legal a,
body.seo #servicesmenu li.seo a,
body.php #servicesmenu li.php a,
body.free-stuff #servicesmenu li.free-stuff a,
body.contact-us #servicesmenu li.contact-us a
 {
	background-color: #bbcafc;
	color: #000066;
}
#sidebar ul {
	margin:0;
	padding:0;
	border-bottom:1px solid #7d8bb8;
}
	 
#sidebar ul li {
	list-style:none;
	list-style-position:outside;
	border:1px solid #7d8bb8;
	border-bottom:none;
	margin:0;
	padding:0;
}

#sidebar ul li a {
	display:block;
	padding:1px;
	width:220px;
	background:url(../images/nav-offc.gif) top left no-repeat #fafaff;
	color:#000066;
	text-indent:30px;
	text-decoration:underline;
}

#sidebar ul li a:visited {
	background:url(../images/nav-offc.gif) top left no-repeat #fafaff;
	text-decoration:none;

}

#sidebar ul li a:hover {
	background:url(../images/nav-onc.gif) top left no-repeat #7d8bb8;
	text-decoration:underline;

}

/* The information boxes in the sidebar --------------------------------------------------------------------------*/
.infobox {
	border:1px solid;
	background:#fafaff;
	padding:0 5px 5px 5px;
	text-align:center;
	margin:5px 0 0 0;
	font-size:small;
}	

.infobox4 {
	border:1px solid;
	background:#fafaff;
	padding:0 5px 5px 5px;
	text-align:left;
	margin:5px 0 0 0;
	font-size:small;
}	
.infobox4read {
	font-size:x-small;
}	

/* small navigation for the FAQ items */
.faqlink {
	font-size: smaller;
}	


.testimonial {
	font-style:italic;
}

.pagetop {
	text-align: right;
	font-size:80%;
	padding: 5px 0 10px 0;
}


/* bottom of the page -----------------------------------------------------------------------------*/
#footer {
	font-size:x-small;
	text-align:center;
	clear:both;
	border-top:1px solid;
	background:#7d8bb8;
	padding:10px;
	margin:0;
}

/* bookmarking line */
#add-tell {
	width:724px;
	height:auto;
	margin:0px auto 2px auto;
	position:relative;
	padding:5px;
	border-top:1px solid #000066;
	clear:both;
}

/* bookmarking button */
.add-tell1 {
	width:130px;
	height:35px;
	padding: 0 0 0 5px;
	float:left;
	display:inline;
}
/* bookmarking text */
.add-tell2 {
	width:400px;
	height:35px;
	padding: 0 27px 0 27px;
	float:left;
	display:inline;
	font-size: x-small;
	font-weight: normal;
	text-align: center;
}
/* tell a friend */
.add-tell3 {
	width:130px;
	height:35px;
	padding: 0 5px 0 0;
	float:right;
	display:inline;
	font-size: x-small;
	font-weight: normal;
	text-align: right;
}

/* floating images layout --------------------------------------------------------------------------------------*/
/* Clear floating */
.clearit {
	clear:both;
}

.fpright {
	padding:0 0 3px 10px;
	float:right;
}


.fpleft {
	padding:0 10px 3px 0;
	float:left;
}


/* Vertical Banner that may get hidden ----------------------------------------------------------------------*/ 
/* this places vertical name logo at the top left corner */
#verticalbanner {
	position: absolute;
	top: 10px;
	left: 5px;
	text-align: center;
	width: 99%;
	z-index: 10;
}
#verticalbanner span {
	background: url('../images/vnamec.gif') no-repeat top left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 200px
}


.hideit {
	display: None;
}