/* Normal Style sheet for Meteor IT web site (c) Meteor IT Ltd. 2007 */
body{}	

/*Three-column layout stuff here*/
#outerwrapper{max-width:1400px;
	margin-left:auto;
	margin-right:auto}
	
#threecolwrap{float:left; 
	width:100%;
	min-width:735px;}

#twocolwrap{float:left;
	width:100%;
	display:inline;
	margin-right:-120px}
	
#leftcolumn{float:left;	
	width:160px;
	display:inline}

#pagebody {width:auto;
	margin-left:160px;
	margin-right:120px;
	font-size:medium;}	

#rightcolumn{float:left;width:120px}

div#footer {clear:both;
	font-size:small;
	margin:5px 0 0 160px;
	text-align:center}

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

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

/* Styles for header section */
#header{margin:0;padding:15px 20px;
	font-family: verdana, arial, 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", tahoma, helvetica, sans-serif;
	float:left; display:inline;
	text-align:center;
	padding:0 0 5px 0;}
	
div#menu ul {margin:0;
	padding:0;
	float:left;
	list-style-type: none;}
		
div#menu li ul {position:absolute; 
	display:none; 
	width:170px;
	left:159px;
	top:0;}
div#menu li:hover ul{display:block}

div#menu li:hover li ul {position:absolute; 
	display:none; 
	width:11em;
	left:175px;
	top:0;}
div#menu li:hover li:hover ul{display:block}
	
div#menu li li {width:100%;}

div#menu li{padding:0;margin:0;
	font-size:medium;
	font-weight:bold;
	float:left;
	position:relative}
	
div#menu li a {display:block;
	width:158px;
	margin:-1px 0 0 0;
	padding:6px 0;
	/*background-color:#FFD;*/
	background-color:#EFB;
	/*border:1px solid #FA3;*/
	border:1px solid #8D2;
	color:#444;
	text-decoration:none;
	position:relative}
	
div#twocolwrap div#menu ul li a:hover {color:white;
	/*background-color:#FA3;*/
	background-color:#8D2;
	text-decoration:none;}
	
div#menu li:hover a{
	/*color:#F60;*/
	color:#3C0;}
	
div#menu li:hover li:hover a{
	/*color:#F60;*/
	color:#3C0;}
	
div#menu li:hover li a{width:100%;
	color:#444;
	/*border-left:5px solid #FA3*/
	border-left:5px solid #8D2;}

div#menu li:hover li:hover li a{width:100%;
	color:#444;
	/*border-left:5px solid #FA3*/
	border-left:5px solid #8D2;}

/*
div#twocolwrap div#menu ul li a:hover {color:white;
	background-color:#FA3;
	text-decoration:none;}
	
div#menu li:hover a{
	color:#F60;}
	
div#menu li:hover li:hover a{
	color:#F60;}
	
div#menu li:hover li a{width:100%;
	color:#444;
	border-left:5px solid #FA3}

div#menu li:hover li:hover li a{width:100%;
	color:#444;
	border-left:5px solid #FA3}
*/


/*Main pagebody stuff here*/
*/


/*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:black;	text-decoration:none}
div#pagebody li a:hover {color:blue; text-decoration:underline}

.clear{clear:both}

/* Styles for headings */

h1, h2, h3 {font-family:verdana, calibri, "trebuchet ms", tahoma, helvetica, sans-serif;
	font-weight:bold;
	font-size:large;
	/*color:#F60;*/
	color:#19C;
	margin:10px 0;
	padding:0}

h1 {margin-left:-1.5%; padding-top:0.7em}
h2 {padding-top:0.4em}
	
h3 {font-size:medium; 
	/*color:#C00*/
	color:#3C0;}

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

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

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

/*links*/
h1 a,h2 a, h3 a{
	/*color:#F60;*/
	color:#3C0;
	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 #F60;*/
	border-bottom:dashed 1px #9D1;}
	
/*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:cambria, "times new roman", calibri, 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}

}