/*############################################################################################*/
/* ----- BALLYFERMOT IT CENTER STYLESHEET ----- 
/*############################################################################################*/


/* STYLES FOR HTML TAGS */
	
body {
	background-color: #003366;
	text-align: center;	/* IE misinterprets this to centre the wrapper div */
	font: 12px Arial, Helvetica, sans-serif;
}

p {
	font: 12px TArial, Helvetica, sans-serif;
	color:#232428;
}

p.courses {
margin-left:20px;
margin-top:-5px;
}


/* STYLES FOR WRAPPER */

/* ELEMENT BELOW WITH CSS HACK TO DISPLAY IN IE6 & FIREFOX */

#wrapper { /* This is the container div for all other divs */
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-15px;
	padding-bottom: 23px;

}	

html>body #wrapper { /* This is the container div for all other divs */
	background-color:#fff;
	position: relative;
	text-align: left;
	width: 748px;
	min-height: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-8px;
	padding-bottom: 23px;
}/* END HACK */

h2.protraining{
font: 15px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
padding-left:10px;
padding-top:2px;
}

h2 {
color:#dc7700;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#content ul{
margin-left:17px;
}
	
	




/* STYLES FOR BANNER */

#logo {
	height:141px;
	width:217px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:top left;

}

#banner {
	margin-top:-141px;
	margin-left:217px;
	height:93px;
	width:530px;
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
	background-position:top right;

}


/* STYLES FOR TOP NAVIGATION */

#menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 89px;
	left: 217px;
	z-index:100;
	width: 529px; /* precision for Opera */
	background-color: #009bdd;
	border-top: 1px solid #fff;
	margin: 3px 0px 3px 0px;
	padding: 1px;
	list-style:none;
}

html>body #menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 89px;
	left: 217px;
	z-index:100;
	width: 529px; /* precision for Opera */
	background-color: #009bdd;
	border-top: 1px solid #fff;
	margin: 3px 0px 3px 0px;
	padding: 1px;
	list-style:none;
}

#menu ul {
	margin: 0;
	color: #00599f;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	font-weight: bold;
	margin-left:-40px;
}

#menu ul li { 
	display: inline; 
}

#menu ul li a {
	padding: 0.2em 10px;
	background-color: #009bdd;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#menu ul li a:hover {
	background-color: #ffffff;
	color: #dc7700;
	border-top: #009bdd;
	border-bottom:#fff;
}

#navlistbottom li a:hover, #navlist li a:active {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	border-bottom:#fff;
}

#blue{
	height:29px;
	width:531px;
	margin-left:217px;
	margin-top:20px;
	background-color:#184a7c;
	background-image:url(../images/blue.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#band{
	background-color:#003366;
	height:7px;
	margin-top:-2px;
}

/* STYLES FOR CONTENT */

#content { /* container div for main content area */
	
	position:relative;
	margin-left:333px;
	margin-right:0px;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:15px;
	z-index:100;
	min-height: 420px;
	background-color:#fff;
	background-image:url(../images/cog.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

h1 {
	font: 17px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#687e2c;
	margin-top:0px;
}

img.page {
position:relative;
float:right;
}

ul.homepage {
margin-top:15px;
font: Arial, Helvetica, sans-serif;
list-style-type:none; 
}

ul.homepage li {
background: url(../images/greencog.gif) 0px 0 no-repeat; 
height:23px;
margin-left:-25px;
margin-bottom:0px;
padding-left:25px;
}

div.course{

	margin-bottom:-10px;
	padding-left:2px;
	padding-right:5px;
	padding-bottom:3px;
	}


ul.courses {
	list-style-postion: inside;
	list-style-image: url(../images/greencog2.gif);
	margin-top:4px;
	margin-left:20px;
	margin-bottom:6px;
	}
	
	
p.detail {
background: url(../images/greencog.gif) 0px 0 no-repeat; 
height:25px;
padding-left:25px;
}




/* STYLES FOR RIGHT COLUMN */

#leftcontainer {/* container div for all elements on right */
	position: absolute;
	top: 141px;
	left: 0px;
	width: 333px;
	height: 460px;
	z-index:50;
}

#training {/* container div for all elements on right */
	width: 333px;
	height: 460px;
	background-image:url(../images/laptop.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#trainingdetails {/* container div for all elements on right */
	position:relative;
	margin-top:-180px;
	width: 333px;
	background-image:url(../images/orange.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



/* STYLES FOR FOOTER */


/* ELEMENT BELOW WITH CSS HACK TO DISPLAY IN IE6 & FIREFOX */
#footer {
	position: relative;
	clear:both;
	width: 100%;
	background-color: #009bdd;
}
html>body #footer {
	position: relative;
	clear:both;
	width: 100%; 
	background-color: #009bdd;

}/* END HACK */


p.footer {
	font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding-top:5px;
	padding-bottom:1px;

	
}

#bottom {
	width: 748px;
	height: 9px;
	margin-bottom:-30px;
	margin-top:-15px;
	background-color:#003366;
	background-image:url(../images/bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}






/* STYLES FOR FORMS */


form {
	margin-left: 0px;
	width:80%;
}

form p {
	clear:left;
	margin:0;
	padding:0;
	padding-left:10px;
}

input.txt {
	width:257px;
	color: #00008b;
	background-color:#ffffa0;
	margin-left:-10px;
}

form p label{
	float:left;
	width: 30%;
	margin-left:-10px;
	font: arial, verdana, sans-serif;
}

textarea.txt {
margin-left:-10px;
}




.button {
	width:60px;
	margin-top:5px;
	margin-left:-10px;
	font: bold 100% arial, verdana, sans-serif;
	color:#000;
	border: 1px solid #000;
	background-color:#ffe5ea;
}

.btn{
margin-left:-10px;
}


.button2 {
	width:87px;
	height:25px;
	margin-top:-10px;
	font: bold 1em arial, verdana, sans-serif;
	color:white;
	border: outset 1px;
	background-color:#bb006d;
}

.button3 {
	width:87px;
	height:25px;
	margin-top:-10px;
	font: bold 1em arial, verdana, sans-serif;
	color:white;
	border: outset 1px;
	background-color:#ad022b;
}


.error {
		padding-left: 93px;
		margin-top: 0px;
		color: red;
		font: 70% arial, verdana, sans-serif;
}


div.box {
padding: 10px;
border:solid 3px red;
margin-right: 20px;
margin-top:-8px;
}