/* Normal Style sheet for Meteor IT web site (c) Meteor IT Ltd. 2013 */
body{}
html{overflow-y:scroll}

/*Three-column layout stuff here*/
#outerwrapper{max-width:1020px;
	margin-left:auto;
	margin-right:auto}
	
#threecolwrap{float:left; /*no longer used*/
	width:100%;
	min-width:800px;}

#twocolwrap{float:left;
	width:100%;
	display:inline;
	min-width:800px;
	margin-right:0px}
	
#leftcolumn{float:left;	
	width:120px; /*repeat left column width in three places*/
	display:inline;
	padding-top:10px;}

#pagebody {width:auto;
	margin-left:120px; /*repeat left column width in three places*/
	margin-right:0px;
	font-size:medium;}	

#rightcolumn{display:none;float:left;width:0px}

div#footer {clear:both;
	font-size:small;
	margin:5px 0 0 140px; /*repeat left column width here or adjust to balance text better*/
	text-align:center}

#header_inner, #pagebody_inner, #rightcolumn_inner{overflow:hidden}

#leftcolumn_inner {
	text-align:center}
	
#rightcolumn_inner {padding-top:0px; 
	text-align:center; 
	font-size:small; 
	color:#C00}

/* Styles for header section */
#header{margin:0;padding:10px;
	max-width:1000px;
	font-family: calibri, "trebuchet ms", helvetica, arial, tahoma, sans-serif;
	font-size:small;
	font-weight:bold;
/*	background-image:url(/images/HeaderNew.jpg);*/
	background-position:center left;
	background-repeat:no-repeat}

/*Menu styling, positional stuff first*/
#menu {font-family:calibri, "trebuchet ms", helvetica, arial, tahoma, sans-serif;
	float:left; display:inline;
	text-align:center;
	padding:0 0 5px 0;
	margin:0;}
	
div#menu ul {margin:0;
	padding:0px 0 0 0;
	float:left;
	list-style-type: none;}
			
div#menu li ul {position:absolute; 
	padding:0;
	display:none; 
	width:145px;
	left:0;}
	
div#menu li:hover ul{display:block}

div#menu li:hover li ul {position:absolute; 
	display:none; 
	width:11em;
	left:150px;/*=li ul + left border +1*/
	top:0;}
	
div#menu li:hover li:hover ul{display:block}
	
div#menu li{padding:0;margin:0;
	font-size:large;
	font-weight:bold;
	float:left;
	position:relative}
	
div#menu li li{font-size:medium;
	width:100%;}
	
div#menu li a {display:block; /*force container to size of link*/
	width:150px;/*=li ul + left border +1*/
	margin:0 0 -1px 0;
	padding:6px 0;
	background-color:#FFF;
	color:#444;
	text-decoration:none;
	position:relative}	
	
div#menu li:hover a{
	color:#C00;}
div#menu li:hover a:hover {color:white;
	background-color:#0033DC;
	text-decoration:none;}

div#menu li:hover li a{width:100%;
	color:#444;
	border:1px solid #0033DC;
	border-left:4px solid #0033DC}

div#menu li:hover li:hover a{
	color:#C00;}
div#menu li:hover li:hover a:hover {color:white;
	background-color:#0033DC;
	text-decoration:none;}
	
div#menu li:hover li:hover li a{width:100%;
	color:#444;
	border:1px solid #0033DC;
	border-left:4px solid #0033DC}

/*Main pagebody stuff here*/
div#pagebody ul{padding:0 0 0 1em;
	font-size:medium;
	font-weight:bold;
	line-height:160%}
	
div#pagebody li {margin-left:0.8em;padding-left:0.4em;}

div#pagebody li a {color:#0033DC;text-decoration:none}
div#pagebody li li a {color:black;	text-decoration:none}
div#pagebody li a:hover {color:#0033DC; text-decoration:underline}

.clear{clear:both}

/* Styles for headings */

h1, h2, h3 {font-family:"segoe ui", verdana, calibri, "trebuchet ms", tahoma, helvetica, sans-serif;
	font-weight:bold;
	font-size:large;
	color:#0033DC;
	margin:10px 0;
	padding:0}

h1 {margin-left:-1.5%; padding-top:0.7em}
h2 {padding-top:0.4em}
	
h3 {font-size:medium;
	font-weight:normal; 
	color:#C00;}

/*images*/
img {border:0; padding:0;}

img.left {float:left;
		padding:10px 15px 10px 0}
		
img.right {float:right;
		padding:10px 0 10px 15px}

div#header img{float:left;}
div#header img.right{float:right;}

div#leftcolumn_inner img{padding:6px;}
div#rightcolumn_inner img{padding:6px 0px;}

div#footer img {padding:5px 12px 10px 20px;float:right}

/*links*/
h1 a,h2 a, h3 a{
	color:#0033DC;
	text-decoration:none}

a {text-decoration:underline; color:blue}
a:hover {color:blue;text-decoration:none}

/*bodytext has border beneath each section*/
div.bodytext{margin:5px 1%;
	text-align:justify;
	padding:0 1% 10px 3%;
	border-bottom:dashed 1px #C00;}
	
/*Styles for drop-quotes*/

div.quote {clear:both;
	margin:10px 5%;
	font-family: arial, sans-serif;
	background-image:url(/images/LeftQuote.png);
	padding-left:50px;
	background-position:top left;
	background-repeat:no-repeat}

div.quote_inner{background-image:url(/images/RightQuote.png);
	min-height:45px;
	padding-right:50px;
	background-position:bottom right;
	background-repeat:no-repeat}

div.quote h4 {padding:0.7em 0.5em;
	margin:0;
	text-align:center; 
	font-weight:bold;
	font-size:large}
	
div.quote p {text-align:right;
	padding:0 88px 0 0;
	margin:0;
	font-size:small;
	font-style:italic}
	
/*styles for use on screen only in here*/
@media screen
{
body {font-family:calibri, helvetica, arial, sans-serif}
	
/* "nolink" styles used for trivial links like "back to top" which 
need no decoration or highlighting (omitted entirely in print) */
		
a.nolink {font-size:x-small;
	color:#666;
	clear:both;
	text-decoration:none;}
a.nolink:hover {text-decoration:underline;color:blue}

}	


/*styles for use in print only in here*/
@media print
{

/* serif font is clearer for body text in printed version */
body {font-family:calibri, cambria, "times new roman", arial, sans-serif; 
	font-size:medium;}
	
a {color:inherit; text-decoration:none}
a.nolink {display: none} /* nolink is only used for in-page navigation links so don't print it*/

div.bodytext li a {font-size:inherit;
	font-weight:normal;
	line-height:120%}

/*div.quote {border-top:solid 2px #666;
	border-bottom:solid 2px #666;
	margin:2em}*/

/*footer not printed except for copyright*/
div#footer p {display:none}
div#footer p.copyright {display:block;color:#C00}

}