@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	font-size: 76%;
	background: #bde4f3;
	background-image: url(../img/body_tile.jpg);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}
/*Basic typography*/
a {
	}
a:link {
	color: #a4dff6;
	}
a:visited {
	color: #d1e0e5;
	}
a:hover {
	text-decoration: none;
	}
a:active {
	color: #00a5e4;
	}
h1, h2, h3 {
	font-style: italic;
	}
h1 {
	font-size: 1.4em;
	margin: 0em 0em 0.3em 0em;
	}
h2 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0.2em 0em 0.2em 0em;
	}
h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0.2em 0em 0.2em 0em;
	}
h5 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-style: italic;
	font-weight: bolder;
	margin: 0em 0em 0.7em 0em;
	}
p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	}
td {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	}
td p {  /* to counteract nesting */
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	}
.p_bigger {  
	font-size: 1.2em; 
	line-height: 1.2em;
	}
.p_smaller {
	font-size: 0.8em;
	line-height: 1.1em;
	}
ul {
	margin:0 0 0.5em 0; 
	padding: 0 0 0 1.25em;
	font-size: 1.1em;
	line-height:1.2 em;
	}
dl {
	margin:0; 
	padding: 0;
	}
dt {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:bolder;
	margin-top: 0.75em;
	}
dd {
	margin:0;
	padding:0;
	}
small{
	font-size: 0.8em;
	line-height: 1em;
	font-weight: lighter; 
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.2em;
	}
strong, b {
	font-weight: bold;
	}
/*end Basic typography*/

#container {
	width: 100%; 
	min-width:550px; /* Reset in iewinhacks.css using expression*/
	max-width:90em;
	background: #767676;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
#header {
	width: 100%;
	height: 92px;
	margin: 0;
	background-image: url(../img/header_tile2.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	}
#header_left {
	float:left;
	}
#header_movie {
	float: right;
	}
#navbar {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 1px 0;
	background-color:#00a5e4;
	}
#navbar ul {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
	border: none;
	}
#navbar ul li {
	float: left;
	margin: 0;
	list-style: none; 
	}
#navbar ul a {
	display: block;
	white-space: nowrap;
	padding: 5px 10px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #00a5e4;
	text-decoration: none;
	font-size: 1em;
	font-weight:bold;
	text-transform:uppercase;
	width: auto;		/*changed to width: 2em in iewinhacks.css*/
	}
#navbar ul a:link {
	color:#FFFFFF
	}
#navbar ul a:hover {
	background-color: #006bcb;
	}
/*The following sets the "current" tab with each li given an id="___" in concert
with the class="___" of the body tag. Only the class of the body tag
should change from page to page. Body tag can also be given an id if sub menus are used down the line. */
.home #nav-home a, 
.urgent #nav-urgent a,
.employers #nav-employers a, 
.lab #nav-lab a,
.xray #nav-xray a,
.other #nav-other a,
.about #nav-about a,
.contact #nav-contact a,
.payment #nav-payment a {
	background-color: #0055aa;
  }
#wrapper {
	margin: 0;
	padding: 0;
	background-color:#767676; /*Also set same in parent #container */
	background-image:url(../img/content_tile.jpg);
	background-repeat: repeat-x;
	min-height:400px; /*Changed to height:400px in iewinhacks.css*/
	}
#slideshow {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	}
.clearbothinvisible {
	clear: both;
	display: block;
    overflow: hidden;
	visibility: hidden;
    width: 0;
    height: 0;
	}
.clearbothfloats {
	clear: both;
	}
#mainContent {
	padding: 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 0 0 200px;
	color: #FFFFFF;
	}
.shout {
	margin-bottom: 1em;
	}
.shout p {
	font-size: 1.4em;
	font-weight: bold;
	background-color:#EF2E23; 
	border-left: 2px solid #000; 
	border-bottom: 2px solid #000; 
	padding:2px 5px 5px 4px;
	display: inline;
	}
.shout a {
	padding:inherit; /* for Safari */
	}
.shout a:link {
	color: #ffffff;
	}
.shout a:visited {
	color: #d1e0e5;
	}
.shout a:hover {
	text-decoration: none;
	}
.shout a:active {
	color: #00a5e4;
	}
div.redbox {
	margin-bottom:15px; 
	color: #fff; 
	background-color:#EF2E23; 
	border-left: 2px solid #000; 
	border-bottom: 2px solid #000; 
	padding: 10px; 
	text-align:center;
	}
.redbox a:link {
	color: #ffffff;
	}
.redbox a:visited {
	color: #d1e0e5;
	}
.redbox a:hover {
	text-decoration: none;
	}
#mainEmail {
	margin-top: 1px;
	}
.callOutBox {
	color: #003399; 
	background-color:#CCCCCC; 
	border: 1px solid #333333; 
	width: 15%; 
	float: right; 
	margin: 5px 0 5px 10px; 
	padding: 10px;
	}
.callOutBoxWithPic {
	color: #003399; 
	background-color:#CCCCCC; 
	border: 1px solid #333333; 
	width: 200px; 
	float: right; 
	margin: 5px 0 5px 10px; 
	padding: 10px;
	}
#footer {
	padding: 15px;
	color: #FFFFFF;
	background-color: #006bcb;
	}

/* Begin IE5-Mac hacks*/
/*\*//*/
#navbar ul a {float: left;}
/* End IE5-Mac hacks */