/****************************************
Made by Baldeep Birak
© Baldeep Birak 2007 and beyond
Colour Changes (since w3c does not recognise)
lightsteelblue - #B0C4DE
lightslategrey -  #778899
lightcyan - #638000
More colours available:
- http://www.draac.com/colorconvert.html
****************************************/

/******************** Center Page Content ********************/
#container{	/*****Centers Page Content*****/
	min-width: 770px; /*54em;*/
	max-width: 1020px; /*71.8em;*/
	margin: -0.63em auto 0em auto;
}

/******************** Body of Page ********************/
body {
	background:#DFE4EE; /** #EAEBEE or #DFE4EE **/
	color: black;
	font: 14px Helvetica, Verdana, Arial, sans-serif;
	z-index:0;
}

/******************** HTML Content on page ********************/
.pageContent {
	background: #B0C4DE;
	color:black;
	margin:-10px auto -10px auto;
	min-height:480px;
}

.pageContent a:visited {
	color: blue;
}
	
.pageContent a:hover {
	color: white;
}

/******************** Navigation Bar (AKA Page Header) ********************/
.navBar{
	background: url("../images/menus/menuhead02.png") repeat #2B4F82;  /**was #000099;navbar_bg.jpg**/
	font: bold 12pt Arial;
	height: 120px;
	margin:-8px auto 0px auto;
	position:relative; 
	text-align: center;
	z-index:1;
}

.headerTitle{
	color: white;
	float:left;
	font: bold 18pt Arial;
	margin-left: 8px;
	z-index:2;  
}

.headerTitle a{
	color: #FFFFFF;
	text-decoration: none;
}


.headerSearch{
	float:right;
	margin-right:-0.5em;
	margin-top:0.2em;
	position:relative;
	text-align:right;
	vertical-align: middle;
	width:18em;
		/*width:300px; Gets rid of problem of align*/
	z-index:2; 
}

.headerSearchBox, .headerSearchImageOn{
	border: 0.15em solid #B1D2F2;
	color: grey; 
	height: 1.1em;
	width: 12em; 
}

.headerSearchImageOn{
	background: rgb(255, 255, 255) url(/images/external/google_custom_search_watermark.gif) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
}

/*****Menu in Site Header*****/
.menuItem{
	color: #B0C4DE; 
	margin: 10px;
	text-decoration:none;
}

.menuItem a:hover{
	color: white;
	margin: 10px;
	text-decoration:none;
}

.menuItem a:visited{
	color: #B0C4DE; 
}

.menuSides{
	float:left;
	height:22px;
	width:10px;
	z-index:2; 
}

/******************** Begin CSS Drop Down Menu ********************/
#menu_centered{height:18px; width:590px; margin:auto}

#menu{position:absolute; margin-top:-58px; z-index:2;}
#menu ul .item{display:none; margin: auto;}
#menu ul:hover .item{display:block; background: url("../images/menus/mainmenu_bg.png") top repeat-x black;padding:1px;margin:1px;}

#menu ul:hover .item a{color:#999;text-decoration:none; display:block;}
#menu ul:hover .item a:hover{color:white;}
#menu ul:hover .top a{display:block;margin:auto;}/**optional colour white keeps header white**/

#menu ul{width:110px;float:left;margin:0px;padding:2px;background: url("../images/menus/ul_bg.jpg") top repeat-x #6A5ACD;list-style:none;}
#menu li a{background-position:center top;}

#menu .noicon{height:18px; padding-top: 2px; padding-right:0px; background: url("")} /*Hide external link*/
.clear{clear:both;height:10px;}

/******************** End CSS Drop Down Menu ********************/

/******************** Begin Side Menu ********************/

.sideMenu {
	background: url("../images/menus/sidemenu_bg2_140px.png") top repeat-x #B0C4DE;
	color:white;
	min-height:480px;
	max-height:540px;
	margin: -0.4em 0em 0em 0.1em;
	width:140px;
}

.sideMenu a {
	color:white;
	display: block;
	text-decoration: none;
}

.sideMenu a:hover {
	color:white;
	text-decoration: underline;
}

.sideMenu a:visited {
	color:white;
}

.sideMenu li {
	margin-bottom:0.4em;
}

.sideMenu ul {
	list-style-type: none;
	margin:0.4em 0em 2em -2.5em;
}

li.menuTitle{
	font: bold 12pt Arial;
	margin-bottom:1em;
	margin-left:-0.4em;
	text-align: center;
	text-transform: uppercase;
}

.subTitle{
	font: bold 10pt Arial;
	margin-top:1em;
	text-transform: uppercase;
}

.subItem{
	font: 8pt Arial;
	list-style-type: circle;
	margin-left:2em;
}

li.item{ /**only li's that have a sub item below**/
	margin-bottom: -1.6em;
}

#list1, #list2, #list3{
	display: none;
	margin-bottom:0.5em;
}

#list4, #list5{
	display: none;
	margin-bottom:0.5em;
}
	/******************** Page with Side Menu ********************/

	.contentCenteredWMenu{
		margin-left:140px;
		margin-top:-485px;
		text-align:left;		
	}

/******************** End Side Menu ********************/

/******************** 'A' TAGS ********************/
a:active {
	color: white;
}

a:link {
	/**color: #fff;**/
}

a:hover {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

a:visited {
	/**color: blue;**/
}

a.anchor:hover, a.anchor{/*Makes text bold but no hyperlink.*/
	color: #000;
	font-weight: bold;
}

a.noicon {
	background: url("");
	height:0px; 
	padding-top: 0px; 
	padding-left:0px;
	padding-right:0px; 
} /*Hide external link*/

/******************** Submit Buttons ********************/

img.headerSearchButton {
	background: url("../images/buttons/forms/search/search02_black.png");
	border:0px;
	color:#FFFFFF;
	font-size:0pt;
	padding:0px;
	vertical-align:middle;
}

.headerSearchButton{	
	border:0px;
	background: url("../images/buttons/forms/search/search02_black.png");
	cursor: pointer;
	height:20px;
	width:50px;
}

.headerSearchButton:hover{
	background: url("../images/buttons/forms/search/search02_white.png");
	cursor: pointer;
}

/******************** Contact ME ********************/

.contentCentered{
	width:600px;
	text-align:left;	
	margin: auto;

}

.contentLeft{
	width:500px;
	text-align:left;	
	margin: auto;
}

/******************** Fieldsets ********************/
.fieldCol{
	border: 0.08em solid #000099;
	background-color:#E0E0E0;
	color:#0000FF;
}
.legCol{
	border: 0.08em solid #000099;	
	background-color:#E0E0E0;
	padding: 0.35em 0.8em;
}

/******************** Forms ********************/
.formTextBox{
	border: 0.08em solid #74B2CB;
}

.formLogin{
	font-weight: bold;
	font-size: 10pt;
	width:38em;
	height:9em;
	margin-left:auto;
	margin-right:auto;
}

/******************** Form Validation ********************/
.formError{
	color:#D23D24; 
	font-family: Verdana, Arial, sans-serif; 
	text-align:center;
	background-color: #FFF; 
}

.formSuccess{
	background-color: #FFF; 
	color:#66CC00;
	font-family : Verdana, Arial, sans-serif; 
	text-align:center;
}

/*Make it easier to view errors*/
p.formError, p.formSuccess{
	background-color: #FFF;
	padding-bottom: 1em;
	padding-top: 1em;
}

/*Keep Links correct colour*/
.formError a:hover, .formSuccess a:hover{
	color: blue;	
}

/******************** Headers ********************/
h1 {
	color: #000099;
	font-size: 26px;
	text-align: center;
}

h2 {
	color: #000099;
	font-size: 20px;
	text-align: center;
}

h3 {
	margin: 10px 20px 10px 20px;
	text-align: justify;
}

/******************** Image Settings ********************/
img{ /**By Default images should have no border**/
	border: 0em;
}

.imageLeft{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.imageRight{
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

/**********Actual Images**********/
.imageBaldeep{
	float: left;
	height: 75px;
	margin: 0 20px 0 20px;
	width: 100px;
}

.imageFlag{
	height: 53px;
	margin-top: -57px;
	width: 80px;
	z-index:3;
}

.imgIcons{   /**Footer Buttons and RSS Feed**/
	margin: 1px auto -2px auto;
}

.imageWorld{
	height: 110px;
	width: 700px;
	margin: -36px auto 0px 50px;
	position: relative;
	z-index:1; 
}

/******************** iFrames ********************/
.tagtagEmulator{
	height: 380px;
	width: 200px;
}

/******************** Lists ********************/
/**Not currently in use**/
.champCounter { /*add after 16 and hide original list*/
	counter-reset: item 16;
	list-style: none;
}

.champCounter :before {
	content: counter(item) ". ";
	counter-increment: item;
}

/******************** Tables ********************/

/********* Tables settings Universal *********/

table{
	font-family: arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

th{
	background: url("../images/menus/menubar05_2.png") repeat-x; 
	color:#000;
}

tr.color0 td {
	background-color: #FCF6CF;
}

tr.color1 td {
	background-color: #FEFEF2;
}

/********** Table Indiv Settings **********/
.tableCompare td.left{
	text-align: left;
}

.tableCompare a:hover, .tableCentered a:hover{
	color:blue;
}

/******************** Other CSS ********************/

/******************** Standard Tags ********************/
.nopreview { /** Hide row in table from visitor**/
	display:none;
}

label.nodisplay { /**Used for Accessibility**/
	display:none;
}

p {
	line-height: 14px;
	margin: 10px 20px 20px;
	text-align: justify;
}

ul.paragraph
{
	margin-right: 20px;
}

/******************** Page Footer ********************/
.pageFooter {
	/*background: #778899;*/
	background: url("../images/menus/footer_bg4.png") top repeat-x #789;
	font: bold 8pt Arial;
	height: 24px;
	margin:-10px auto -10px auto;
}

.pageFooter a:hover{
	color:#1111EE; /*OR 1111EE, 0098FF*/
	text-decoration: none;

}

.footerItem{
	border: 0px;
	color:black;
	float:left;
	margin: 5px 10px 5px 10px;
	text-align:center;
	text-decoration:none;
	vertical-align: middle;	
}

.vertcenter{	/**Used to v-align footer text as it does not without floats**/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	max-width:25em; /* max-width:250px; //previously in 250px */
}

/******************** ERRORS - 404 ********************/
.error404{
	border: 1px dashed black;
	text-align:left;
	margin:auto;
}

.error404 th{
	color: rgb(204, 0, 0);
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 18px;
	font-style: italic;
}

/******************** Filetypes: icons ********************/
/**http://www.iconfinder.net**/

/* External links - keep first as icon hidden if file download*/
a[href^="http://"], a[href^="https://"] {
background: url(/images/icons/external.png) center right no-repeat;
display:inline-block;
padding-right:15px;
line-height:15px;
}

/* Archive documents links */
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] {
background:transparent url(/images/icons/filetypes/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Excel document links */
a[href$='.xls'] {
background:transparent url(/images/icons/filetypes/xls.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* PDF document links */
a[href$='.pdf'] {
background:transparent url(/images/icons/filetypes/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Powerpoint document links */
a[href$='.ppt'] {
background:transparent url(/images/icons/filetypes/ppt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Text Files and RTFs */
a[href$='.rtf'], a[href$='.txt'] {
background:transparent url(/images/icons/filetypes/txt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Word document links */
a[href$='.doc'], a[href$='.docx'] {
background:transparent url(/images/icons/filetypes/doc.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}
 
/* Contact us and Mailto: links */
a[href^="contactme.php"], .contact {
background:transparent url(/images/icons/filetypes/mail.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/******************** INDIV PAGES ********************/

/* Contact Form */
.formComments{
	float:right;
}