
body {margin: 0; padding: 0; background: #014FA2; text-align: center}

* {margin: 0; padding: 0; border: 0; font-family: Georgia, "Times New Roman", Times, serif}

/* --------------------------------- Layout ---------------------------------- */

#shadow {margin: 0 auto; margin-bottom: 20px; width: 770px; background: url(images/shadow.gif) repeat-y 0 0 #014FA2; overflow: hidden }
#top, #bttm {float: left; background: url(images/top.gif) no-repeat bottom left #014FA2; width: 770px; height: 20px; overflow: hidden}


#bttm {
	background: url(images/bttm.gif) no-repeat top left #014FA2;
	margin-left: 0px; 
	text-align: left;
}


#container {
	float: left;  
	width: 750px; 
	text-align: center; 
	background: url(images/container.gif) repeat-y 0 0;
	margin-left: 10px;
}
#container {
	float: left;  
	width: 750px; 
	text-align: center; 
	background: url(images/container.gif) repeat-y 10px 0 transparent;
	margin-left: 0px;		/* IE5-x hack starts here, this is the IE 5.x value */
	voice-family: "\"}\"";
    voice-family: inherit;
	background: url(images/container.gif) repeat-y 0 0;
	margin-left: 5px;
}
html>body #container {
	background: url(images/container.gif) repeat-y 0 0;
	margin-left: 10px;       /* IE5.x hack ends here */
}

#hdr {
	float: left; 
	position: relative; 
	width: 750px; 
	height: 207px; 
	text-align: center; 
	background: url(images/hdr.jpg) no-repeat 0 0 #eee; 
	border-bottom: 2px solid #fff;
	margin-left: 0;
}
#hdr {
	float: left; 
	position: relative; 
	width: 750px; 
	height: 207px; 
	text-align: center; 
	background: url(images/hdr.jpg) no-repeat 0 0 #eee; 
	border-bottom: 2px solid #fff;
	margin-left: 5px;     /* IE5-x hack starts here, this is the IE 5.x value */
	voice-family: "\"}\"";
    voice-family: inherit;
	margin-left: 0px;
}
html>body #hdr {
	margin-left: 0px;       /* IE5.x hack ends here */
}

#navbar {
	float: left; 
	width: 750px; 
	height: 30px; 
	text-align: center; 
	background: url(images/navbkgrnd.gif) repeat-x 0 0 #eee;
	margin-left: 0;
}
#navbar {
	float: left; 
	width: 750px; 
	height: 30px; 
	text-align: center; 
	background: url(images/navbkgrnd.gif) repeat-x 0 0 #eee;
	margin-left: 5px;		/* IE5-x hack starts here, this is the IE 5.x value */
	voice-family: "\"}\"";
    voice-family: inherit;
	margin-left: 0px;
}
html>body #navbar {
	margin-left: 0px;       /* IE5.x hack ends here */
}


#lftcol {			/* Left Column */
	float: left; 
	padding-top: 10px;
	width: 180px; 
	text-align: left; 
	background: url(images/lftcol.gif) no-repeat top left #014FA2;
	margin-left: 0px;
} 
#lftcol {			
	float: left; 
	padding-top: 10px;
	width: 180px; 
	text-align: left; 
	background: url(images/lftcol.gif) no-repeat top left #014FA2;
	margin-left: 5px;		/* IE5-x hack starts here, this is the IE 5.x value */
	voice-family: "\"}\"";
    voice-family: inherit;
	margin-left: 0px;
}
html>body #lftcol {
	margin-left: 0px;       /* IE5.x hack ends here */
}
	
	
#rgtcol {		/* Right Column */
	float: right; 
	padding-top: 10px;
	text-align: left; 
	background: url(images/rgtcol.gif) repeat-x top left #fff;
	width: 570px; 
	margin-right: 0px;
} 
#rgtcol {	
	float: right; 
	padding-top: 10px;
	text-align: left; 
	background: url(images/rgtcol.gif) repeat-x top left #fff;
	width: 570px;		/* IE5-x hack starts here, this is the IE 5.x value */
	margin-right: -10px;
	voice-family: "\"}\"";
    voice-family: inherit;
	width: 570px;	
	margin-right: 0px;
	}
html>body #rgtcol {
	width: 570px;	
	margin-right: 0px;       /* IE5.x hack ends here */
} 


#bttmbar {		/* Bottom Navigation Column */
	height: 1.5em;
	margin-top: 20px;
	text-align: left; 
	width: 570px; 
	margin-right: 0px;
} 
#bttmbar {	
	height: 1.5em;
	margin-top: 20px;
	text-align: left; 
	width: 570px;		/* IE5-x hack starts here, this is the IE 5.x value */
	margin-right: -10px;
	voice-family: "\"}\"";
    voice-family: inherit;
	width: 570px;	
	margin-right: 0px;
	}
html>body #bttmbar {
	width: 570px;	
	margin-right: 0px;       /* IE5.x hack ends here */
} 


/* --------------------------------- Content Divs ---------------------------------*/

div.intro {
	font-size: 1.00em;
	padding-top: 20px;
	width: 560px;
	font-weight: bold;
	background: url(images/intro-top.gif) top left no-repeat #fff;
}



/* --------------------------------- Headings ----------------------------------- */

h1 a {position: absolute; left: 18px; top: 32px; display: block; width: 
157px; height: 182px}

h1 a span {display: none}

/* ------------------------------- Text & Lists --------------------------------- */

p, ul {margin: 10px 20px; color: #555; font-size: 0.70em; line-height: 1.8em}

#rgtcol ul {margin-left: 28px; width: 90%; list-style: none outside}  /* Main content list */
#rgtcol ul li {padding-left: 11px; background: url(images/mainbullet.gif) 0 0.70em no-repeat}

#bttmbar ul {float: right; width: 580px; margin: 0; padding: 0; list-style: none inside}/* bottom nav list */
#bttmbar ul li {display: inline; margin: 0 3px; padding: 0; line-height: 2em; background: transparent}
#bttmbar ul li a:link, #bttmbar ul li a:visited, #bttmbar ul li a:active {text-decoration: none}
#bttmbar ul li a:hover {text-decoration: underline}

/* ------------------------------- Normal Links --------------------------------- */

#rgtcol a:link, #rgtcol a:visited, #rgtcol a:active {color: #005CBD}
#rgtcol a:hover {color: #000; text-decoration: none}

/* -------------------------------- Side Nav ------------------------------------ */

#lftcol ul {margin: 10px 0 10px 20px; list-style: none inside; line-height: 40px}
#lftcol ul li {width: 160px; float: left; background: url(images/lftcolli.gif) 0 50% no-repeat}
#lftcol ul li a:link, #lftcol ul li a:visited, #lftcol ul li a:active {padding-left: 11px; color: #ddd; text-decoration: none; background: url(images/lftcolbullet.gif) 0 50% no-repeat}
#lftcol ul li a:hover, #lftcol ul li a.current {color: #57A8FF}


/* ------------------------------ Main Nav --------------------------------- */


ul#mainnav {
	float: right;
	height: 30px;
	width: 520px;
	margin: 0;
}

ul#mainnav li {float: left; list-style: none;}

#mainnav li a {display: block; height: 30px; background-position: 0 -30px}

#mainnav li a span {display: none}

#mainnav li a:hover, #mainnav li a.current {background-position: 0 0}

#mainnav a#home {background-image: url(images/home-button.gif); width: 74px}
#mainnav a#results {background-image: url(images/results-button.gif); width: 84px}
#mainnav a#sectors {background-image: url(images/sectors-button.gif); width: 84px}
#mainnav a#media {background-image: url(images/media-button.gif); width: 74px}
#mainnav a#what-we-do {background-image: url(images/what-we-do-button.gif); width: 108px}
#mainnav a#contact {background-image: url(images/contact-button.gif); width: 84px}
#mainnav a#random {background-image: url(images/contact-button.gif); width: 150px}

/* ---------------------------------- Images ---------------------------------- */

#topbttn {float: left; margin: 5px 0 0 20px}