/* XX STYLESHEET 
by DARREN TAYLOR for INTERNETCREATION LTD 2009

MAIN COLORS:
#white - #FFFFFF
#red - #df0000
#grey - #636363
#dark red - #8d0000


*/

* { font-family: Arial; font-size: 14px; }

div#container 					{ text-align: left; margin: 0 auto; width: 1020px; }

a								{ color: #FFFF00; text-decoration: none; }
a:hover							{ color: #ffffff; text-decoration: underline; }

div#headWrap						{  width: auto; height: 90px;}
div#logo							{ float: left; height: 90px; width: 35%; background-image:url(../images/logo.jpg); background-repeat: no-repeat; }


div#navigation					{ float: left; width: 65%; text-align: right; padding-top: 46px; }
div#navigation ul					{ list-style: none; padding-right: 0px;}
div#navigation li					{ display: inline; padding: 0 5px 0 5px; height: 100px;}
div#navigation li a					{ font-variant: small-caps; text-decoration: none; color: #111111; }
div#navigation li a:hover, div#navigation li a:active
								{ color: #df0000; }
								
div#redStrip						{ clear: both; background-color: #DF0000; width: 100%; height: 12px; }
div#redStripThick				{ clear: both; background-color: #DF0000; width: 100%; height: 45px; }
div#redStripThick h1				{ width: 130px; background: url(../images/navArrow.jpg) no-repeat right;  padding: 10px 10px 10px 38px; color: #FFF; font-size: 24px; font-variant: small-caps; letter-spacing: 1px; }

div#contentWrap					{}
div#indexImage					{ }

div#contentLeft					{ border-top: 1px solid #FFF; background-color: #8d0000; float: left; width: 787px; height: 500px; }
div#contentLeft h2				{ font-size: 18px; color: #FFF; padding: 10px 30px 10px 30px; }
div#contentLeft hr				{ color: #FFF; width: 80%; margin: 10px 30px 10px 30px; }
div#contentLeft p 				{ padding-bottom: 10px;}
div#contentLeft p.info			{ padding: 3px 10px 3px 30px; font-size: 12px; color: #FFF;  line-height: 14px; width: 600px;}
div#contentLeft p.mainText		{ padding: 50px 10px 20px 30px; font-size: 14px; color: #FFF; letter-spacing: 1px; line-height: 16px; width: 600px;}
div#contentLeft p.subText			{ padding: 10px 10px 10px 30px; font-size: 12px; color: #FFF; line-height: 14px; width: 600px;}
div#contentLeft p.subText a			{ color:#CCFF00; text-decoration:underline; }
div#contentLeft p.subText a:hover	{ color:#FFFFFF; text-decoration: none; }
div#contentLeft label				{ width: 60px; color: #FFF; float: left; padding: 2px 20px 0 30px; }
div#contentLeft input				{ }

div#contentRight				    	{ border-top: 1px solid #FFF; background-color: #8d0000; float: left;  height: 500px; }

div#messageBar					{ height: 105px; background-color: #000; width: 100%; border-bottom: solid 1px #bfbfbf;}
div#slogan						{ float: left; padding: 15px 30px 5px 50px; width: 50%;  }
div#slogan h2						{ font-size: 24px; color: #FFF; font-weight: bold; }
div#message0					{width: 30%; float: left; }
div#message			{ float: left; width: 15%;}
div#message2			{ float: right; width: 18%; padding: 0 60px 0 0;}
div#message p, div#message2 p, div#message0 p			
								{ font-size: 12px; padding-top: 5px; color: #FFF; line-height: 15px; }

div#footer						{ clear: both; width: 100%; height: 158px; background: #fff url(../images/footerImgs/gradient.jpg) bottom left repeat-x; }
div#footer ul						{ text-align: center; padding-top: 10px;}
div#footer ul li 					{ display: inline; }
div#footer ul li a					{ border: none; }
div#footer p					{padding: 25px 0 0 10px; color:#FFFFFF; font-size: 12px; }
div#footer span.ic			{float: right; padding: 0 10px 0 0; }
div#footer span.ic a		{text-decoration: none; color: #FFFFFF; }
div#footer span.ic a:hover	{text-decoration: underline; color:#eeeeee;}

div#coursesCol1					{ float: left; border-top: 1px solid #FFF; background-color: #a00606; width: 300px; height: 500px;}
div#coursesCol1 h2				{ padding: 50px 10px 20px 30px; color: #FFF; font-size: 18px; letter-spacing: 1px;}
div#coursesCol1 ul					{ padding-left: 30px; font-size: 12px; line-height: 20px;}
div#coursesCol1 li 					{ padding: 3px 0 3px 0; color: #FFF;}
div#coursesCol1 li a				{ text-decoration: none; color: #FFF; }
div#coursesCol1 li a:hover			{ text-decoration: underline;  }
div#coursesCol2					{ float: left; border-top: 1px solid #FFF; background-color: #8d0000; width: 487px; height: 500px; }
div#coursesCol2 div#coursesInfo	{ }
div#coursesCol2 div#coursesInfo p	{ width: 400px; color: #FFF; padding: 25px 20px 20px 60px; font-size: 12px; line-height:18px;}
div#coursesCol2 div#coursesInfo h2	{ padding: 50px 10px 0 60px; color: #FFF; font-size: 18px; letter-spacing: 1px;}

.pics 							{ height: 361px; width: 1020px; overflow: hidden; padding: 0; margin:  0; } 
.pics img 						{ width:  1020px; height: 361px; top:  0; left: 0 } 

.pics2 							{ height: 431px; width: 233px; overflow: hidden; padding: 0; margin:  0; } 
.pics2 img 						{ width:  233px; height: 431px; top:  0; left: 0 } 

.bold							{ font-weight: bold; width: 150px;}
.courseInfo 						{ display: none; padding: 50px;}
.courseInfo h3					{  padding: 0 10px 20px 10px; color: #FFF; font-size: 18px; letter-spacing: 1px; }
.courseInfo p, label, ul					{  padding: 0 10px 10px 10px; color: #FFF; font-size: 12px; line-height:18px; }
li { list-style-type:circle; list-style-position:outside; margin: 0 0 0 20px;}

#bar{
  display:none;
  background: url(../images/ajaxLoader.gif) no-repeat;
  margin-left:20px;
  margin-top:50px;
  height:20px;
  width: 230px;
}



#errors{
	padding-top: 20px;
	width: 36%;
	float: left;
	
}

#errors p{ margin-left: 25px; margin-bottom: 10px; padding: 10px;text-align: center; border: 1px solid #FF0000; background-color: #ffcccc; color: #000; font-weight: bold; width: 500px;}
p.thanks { padding: 10px 0px 10px 30px; color: #FFF; font-size: 12px; background: transparent; border: none; text-align: left; }