/* © 2005 Kerry Gray - March 2007 */

body {  margin: 0; padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 	line-height: 100%;
	background-color: #000000;
	color: #555555;
}
body.blue { background-color: #003366; }
body.green { background-color: #336633; }
body.red { background-color: #993333; }
body.brown { background-color: #333300; }

p {
	font-size: 90%;
	line-height: 150%;
	margin-left: auto;
}

#mainContainer_bgBlue {
	background-image: url(../images/bgBlue.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 702px;
	height: auto;
	color: #000044;
	}		
#mainContainer_bgGreen {
	background-image: url(../images/bgGreen.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 702px;
	height: auto;
	color: #003300;
	}
#mainContainer_bgRed {
	background-image: url(../images/bgRed.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 702px;
	height: auto;
	color: #330000;
	}
#mainContainer_bgBrown {
	background-image: url(../images/bgBrown.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 702px;
	height: auto;
	color: #222200;
	}
				
#banner_home {
	background-image: url(../images/bgBanner-home.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #003366;
}		
#banner_web {
	background-image: url(../images/bgBanner-web.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #336633;
}	
#banner_computer  {	background-image: url(../images/bgBanner-computer.jpg);
	background-repeat: no-repeat; 
	height: 210px;
	width: 702px;
	background-color: #993333;
	}			
#banner_photo  { 	background-image: url(../images/bgBanner-photo.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #003366;
	}	
#banner_broadcast  { 	background-image: url(../images/bgBanner-broadcast.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #336633;
	}	
#banner_consult  { 	background-image: url(../images/bgBanner-consult.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #993333;
	}	
#banner_contact  { 	background-image: url(../images/bgBanner-contact.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #003366;
	}	
#banner_resources  { 	background-image: url(../images/bgBanner-resources.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 702px;
	background-color: #333300;
	}	

#navBox {
	top: 120px;
	width: 690px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	padding: 5px;
}
	
A.linknav:link {color: #F4F4F4; text-decoration: none}
A.linknav:hover {color: #FFCC33; text-decoration: underline }
A.linknav {color: #CCCCCC; text-decoration: none} 	
	
#content {
	width: 623px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	padding: 0px 0px 0px 20px;
	}	
		

#imageFrame {	width: 230px;	height: 180px;
	float: left;	margin-left: -100px;	padding-right: 20px; }
#imageFrame2 {	width: 230px;	height: 180px;
	float: left;	margin-left: -100px;	padding-right: 20px; }
#imageFrame3 {	width: 230px;	height: 180px;
	float: left;	margin-left: -100px;	padding-right: 20px; }
#imageFrame4 {	width: 230px;	height: 180px;
	float: left;	margin-left: -100px;	padding-right: 20px; }
#imageRA {
	width: 230px;
	height: 180px;
	float: right;
	margin-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 100px;
	background-image: url(../images/imgBaseB.png);
	background-repeat: no-repeat;
	}	
#imageRA2 {
	width: 230px;
	height: 180px;
	float: right;
	margin-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 100px;
	background-image: url(../images/imgBaseB.png);
	background-repeat: no-repeat;
	}
#imageA {
	width: 230px;
	height: 180px;
	float: left;
	margin-left: -100px;
	padding-right: 20px;
	background-image: url(../images/imgBaseB.png);
	background-repeat: no-repeat;
	position: relative;
}
#imageA1 {
	width: 230px;
	height: 180px;
	float: left;
	margin-left: -100px;
	padding-right: 20px;
	background-image: url(../images/imgBaseB.png);
	background-repeat: no-repeat;
	position: relative;
}
#imageA2 {
	width: 230px;
	height: 180px;
	float: left;
	margin-left: -100px;
	padding-right: 20px;
	background-image: url(../images/imgBaseB.png);
	background-repeat: no-repeat;
	position: relative;
}
#imageB {
	width: 230px;
	height: 180px;
	float: left;
	margin-left: -100px;
	padding-right: 20px;
	background-image: url(../images/imgBaseG.png);
	background-repeat: no-repeat;
	position: relative;
}
#imageR {
	width: 230px;
	height: 180px;
	float: left;
	margin-left: -100px;
	padding-right: 20px;
	background-image: url(../images/imgBaseR.png);
	background-repeat: no-repeat;
	position: relative;
}
#imageN {
	width: 230px;
	height: 180px;
	float: left;
	margin-left: -100px;
	padding-right: 20px;
	background-image: url(../images/imgBaseN.png);
	background-repeat: no-repeat;
	position: relative;
}		
	
#imgPlacement {	text-align: center;	margin: auto;
	position: relative;	width: 230px;	padding-top: 30px; }
#imgPlacement2 {	text-align: center;	margin: auto;
	position: absolute;	width: 230px;	padding-top: 30px; }
#imgPlacement3 {	text-align: center;	margin: auto;
	position: relative;	width: 230px;	padding-top: 30px; }
#imgPlacement4 {	text-align: center;	margin: auto;
	position: relative;	width: 230px;	padding-top: 30px; }
#imgPlacement5 {	text-align: center;	margin: auto;
	position: relative;	width: 230px;	padding-top: 30px; }
#imgPlacement6 {	text-align: center;	margin: auto;
	position: relative;	width: 230px;	padding-top: 30px; }

			
#footer {
	clear: both;
	font-size: 10px;
	line-height: 10px;
	text-align: right;
	margin-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}	 
  				
/* -------------------------------------------- */
/* CLASSES defining attributes for blocks of text */
/* -------------------------------------------- */
h1 {
	font-size: 110%;
	line-height: 120%;
	margin-left: 6px;
}
h2 {
	font-size: 105%;
	line-height: 100%;
	margin-right: 20px;
	margin-left: 6px;
}
h3 {
	font-size: 95%;
	line-height: 120%;
	margin-right: 20px;
	margin-left: 6px;
}

li {
	line-height: 150%;
	font-size: 90%;
	margin: 1%;
	padding-top: 0.3%;
	padding-bottom: 0.3%;
	padding-right: 1%;
}

.tinyText {
	font-size: 10px;
	line-height: 11px;
	float: right;
} 

.ploose  { line-height: 150%; }
.ptight  { line-height: 100%; }
.indent  { margin-left: 50px}
.indent15 {	margin-left: 15px; }

.imagePadRight {
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 20px;
}
				
/* colours for fonts */

.col-difference     {	color: #333399;}
.col-alert { color:#CC0000}
.col-contrast { color:#FFFF00}

hr.fineLine {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	margin-left: 25px;
}
.FormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.ListItems {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 90%;
	text-decoration: none;
}
UL LI    {
	font-size: 90%;
	line-height: 115%;
	padding-top: 1%;
}    
UL LI UL LI {
	font-size:100%;
	line-height: 150%;
	margin: 0.4px;
}
UL LI UL LI UL LI { font-size:95% }
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-align: justify;
	margin-left: 40px;
	margin-right: 20px;
}