/*Credits and Copyright
-----------------------------------------------
Concrescence Design Inc. Content Management System
author:    Craig Hermanson/Concrescence Design Inc.
version:   2007-02
copyright: Concrescence Design Inc., Hamilton ON
client: FRS Instrumentation and Controls
----------------------------------------------- */

/*  Global Elements
----------------------------------------------- */

html, body { 
margin:0; 
padding:0; 
text-align:left; 
background: url(background.gif);
height: 100%;
} 
div,p,h1,h2,h3,h5,ul,li {
	margin: 0;
	padding: 0;
 }
/* This is the PNG IE55/6 transparency fix */
img, #nav { behavior: url(/css/iepngfix.htc); }


/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
visibility: hidden;
letter-spacing: -10px;
font-size: 36px;
line-height: 42px; 
z-index:1;
}

/* Links 
----------------------------------------------- */
a:link {color: #c00; background-color: transparent; } 
a:visited {color: #c00; background-color: transparent; text-decoration: none;}
a:hover {color: #039; background-color: transparent; text-decoration: none; }

/* TitleBar
-----------------------------------------------*/
#banner {
 width:754px;
 height:260px;
 background:transparent;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 }
#bannertag {
 clear:both;
 width:754px;
 height:4px;
 background-color:#3366CC;
 color:#FFF;
 font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
 margin:0;
 }
/*#homeBanner {
  margin: 0 0 0 0;
  padding-top:330px;
  width:555px;
  background: #FFF url("/med/photo/officephoto.jpg");
  background-repeat: no-repeat;
  overflow: hidden;
  height:330px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 0;
  }*/
#headers {
  padding: 0 0 0 15px;
  background: transparent;
  clear:both;
  }
#newUpcoming {
  margin: 60px 0 0 0;
  padding-top: 55px;
  width: 200px;
  background-image: url('newUpcoming.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  height:55px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 0;
  }  
#welcome {
  margin: 0 0 0 0;
  padding-top: 50px;
  width: 400px;
  background: #FFF url('/med/graphic/welcome.png');
  background-repeat: no-repeat;
  overflow: hidden;
  height:50px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 0;
  }  



/* Layout
----------------------------------------------- */
#container {
  display:block;
  position:relative;
  margin: 0 auto 0 auto;
  padding: 0 0 70px 0;
  width: 764px;
  min-height: 100%;
  text-align: left;
  background: transparent url(container-bk.png) repeat-y center;
  }
#header {
  position: relative;
  margin: 0;
  width: 754px;
  visibility: visible;
  padding: 0px 5px 0px 5px;
  }
#pageTitle {
  float:left;
  width:754px;
  padding: 0;
  background: #FFF;
  border-bottom: 1px #3366cc solid;
  }
#textTitle {
  margin: 0;
  padding-top:120px;
  width:754px;
  background-image: url("frs-header.png");
  background-repeat: no-repeat;
  overflow: hidden;
  height:120px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 0;
  }
#footer {
  float: left;
  width:730px;
  padding-bottom:10px;
  }
.license {
  padding: 65px 50px 0 10px;
  font: italic normal 11px/15px Georgia, Times, "Times New Roman", serif;
  color: #000;
}


/*Main Level Tab ----------------------------*/
#mainTabBack {
  margin: 0 0 0 0;
  padding: 15px 0 13px 0;
  width:730px;
  	}
#mainTab {
  float:left;
  width:730px;
  padding: 0;
  background:transparent url("tab-bk.gif") repeat-x bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  }
#mainTab ul {
  margin:0;
  padding:15px 10px 0;
  list-style:none;
  }
#mainTab li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#mainTab a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:10px 15px 4px 6px;
  text-decoration:none;
  color:#069;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#mainTab a {float:none;}
/* End IE5-Mac hack */
#mainTab a:hover {
  color:#003;
  }
#mainTab #current {
  background-image:url("left_on.gif");
  }
#mainTab #current a {
  background-image:url("right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

/*Sub-Level Tab ----------------------------*/
#subTab {
  float:left;
  width:620px;
  background:transparent url("mainTabBg.gif") repeat-x bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height:normal;
  }
#subTab ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#subTab li {
  float:left;
  background:url("subLeft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#subTab a {
  float:left;
  display:block;
  background:url("subRight.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#069;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#subTab a {float:none;}
/* End IE5-Mac hack */
#subTab a:hover {
  color:#003;
  }
#subTab #selected {
  background-image:url("subLeft_on.gif");
  }
#subTab #selected a {
  background-image:url("subRight_on.gif");
  color:#333;
  padding-bottom:5px;
  }



/* Main 
----------------------------------------------- */
.spacer {
  float:left;
  width:100%;
  height:2px;
  background: transparent;
  font: 1px/2px sans-serif;
  }
#sidebar {
	float:left;
	width:195px;
	padding:0 5px 0 5px;
	background: transparent;
	font: 11px/15px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	margin-top:0px;
	z-index:100;
	clear: both;
  }
 
#sidebar nav {margin-top:0;}

#sidebar p {
 padding: 0 4px 10px 14px;
 }
.date, .inline {
 font-weight:bold;
 color:#006666;
 }
#sidebar h2 {
 font: 20px/21px "Gill Sans Light", Verdana, Arial, Helvetica, sans-serif;
 color:#003399;
 padding:14px 0 7px 14px;
 width:165px;
 clear: none;
 }
#sidebar h3 {margin:20px 6px 10px 14px;}
#main {
 float:left;
 width:510px;
 padding:0;
 background: transparent;
 font: 11px/15px Verdana, Helvetica, Arial, sans-serif;
 color: #000;
 margin: 10px 0 30px 25px;
 }
#zoomcontent {
 font: 11px/15px Verdana, Helvetica, Arial, sans-serif;
 line-height:1.6em;
 width: 720px;
 padding: 0 0 20px 0;
 margin: 0 auto;

 /* unhack ie5/win */
text-align: left;
}
#main h1,
#zoomcontent h1 {
 font: normal 36px/42px Verdana, Arial, Helvetica, sans-serif; 
 color:#003366;
 margin:12px 0 0 0;
 padding:0;
 letter-spacing: 0; 
 width:510px;
 }
#main h2,
#gallerycontent h2 {
 font: 18px/22px "Gill Sans Light", Verdana, Arial, Helvetica, sans-serif;
 color:#003399;
 padding:0 0 10px 0;
 clear: none;
 }

h3 {
 margin: 20px 6px 20px 0;
 font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
 color:#003366;
  }
#main p {
  margin: 0 6px 10px 0;
  }
#main ul {
  margin: 8px 0 0 50px;
  }
#main ul li {
  list-style: square;
  list-style-image: url(bullet.gif);
  }


/* Navigation
-----------------------------------------------*/
#nav ul li:first-child a {
 font: bold 12px/16px verdana, arial, sans-serif;
 color: #FFFFFF;
 display: block;
 background: #3366CC url(home.gif) no-repeat left center;
 border-left:0px;
 padding-left:28px;
 margin: 0;
 }
#nav ul li:first-child a:hover {
 color: #FFF; 
 background: #3366CC url(home.gif) no-repeat left center;
}
#nav {
 float: left; /* prevent ie/win bug (white line underneath a:hover) */
 width: 200px;
 margin: 0 0 20px 0;
 padding: 0;
 border-bottom: 2px #FFF solid;
 border-left: 1px #FFF solid;
 background: transparent url(navbk.png) repeat-y;
 }
#nav ul {
 list-style: none;
 padding: 0px;
 margin: 0px;
 border-bottom: 1px #8baccd solid;
 }
#nav ul ul li {
 margin: 0;
/* border-top: 1px #cccccc solid;*/
 border-bottom: 1px #FFF solid;
 padding:0;
 }
#nav ul ul li a {
 font: bold 11px verdana, arial, sans-serif;
 display: block;
 margin:0;
 padding: 4px 8px 6px 28px;
/* border-left: 20px #8BACCD solid;*/
 text-decoration: none;
 text-align: left;
 color: #003366;
/* ie5/win box model hack */
 width: 180px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 164px;
}
/* unhack ie5/win */
#nav>li a {
width: 164px;
border-bottom: 1px #FFF solid;
}
#nav a {
text-decoration: none;
}
#nav a:hover {
color: #fff;
background: #1C4B8B url(navgradient2.gif) repeat;
}

#nav li {position: relative;}
#nav ul ul ul {
 position: absolute;
 top: 0;
 left: 100%;
 width: 100%;
 background: transparent url(navexpandbk.png);
 /*border: solid #1C4B8B 1px;*/
 width:180px;
 }
div#nav ul ul ul,
div#nav ul ul li:hover ul ul
 {display: none;}
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul {
 display: block;
}

#nav ul ul ul a {border:0 none;padding-left:8px;}
#nav ul ul ul li:first-child a {
 font: bold 11px verdana, arial, sans-serif;
 background: transparent url(navbk.png) repeat-y;;
 display: block;
 margin:0;
 padding: 4px 8px 8px 8px;
/* border-left: 20px #8BACCD solid;*/
 text-decoration: none;
 text-align: left;
 color: #003366;
/* ie5/win box model hack */
 width: 180px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 164px;
}
#nav ul ul ul li:first-child a:hover {
 color: #fff;
 background: #1C4B8B url(/css/navgradient2.gif) no-repeat right center;
}

/* -- Styling for Expand -- */
#nav a.x, #nav a.x:visited{
 background: transparent url(/css/navexpand.gif) no-repeat right center;
}
#nav a.x:hover {
 color: #fff;
 background: #1C4B8B url(/css/navexpand.gif) no-repeat right center;
}
#nav a.x:active {
color:#c00;
}
/*---------- --  footer -- */
#footerwrapper { 
 position:relative;
 height:50px; 
 width:764px; 
 margin:-50px auto 0 auto;
 background: transparent url(container-bk.png) repeat-y center;
 } 
#footer {
 width:754px; 
 height:50px;
 text-align:left;  
 background: url(footer.png);
 padding: 0px 5px 0px 5px;
 border-bottom: 1px #9ebbd8 solid;
 } 
#footer p {
font: 10px/10px Verdana, Helvetica, Arial, sans-serif; 
color:#002447;
padding: 0;
margin:0;
}
#footer ul {
float: left;
margin: 2px 0 5px 3px;
padding: 0;
list-style: none;
}
#footer li  {
float: left;
border-left: 1px #D8E9F6 solid;
margin: 0;
font: 10px/10px Verdana, Helvetica, Arial, sans-serif; 
color:#002447;
padding: 10px 5px 0 10px;
height:30px;
width: 174px;
}
#footer li.first  {
border-left: none;
padding-left: 15px;
margin-left: 0;
}

/* photo gallery styling
------------------*/
div.searchresults {
border-top: 1px #A7D4FF solid;
border-bottom: 1px #A7D4FF solid;
padding: 3px;
margin: 3px 0 8px 0;
font: 11px/16px Verdana, Helvetica, Arial, sans-serif; 
color:#002447;
}
div.searchresults a,
div.searchresults a:visited,
div.searchresults a:active {
color: #009900;
text-decoration:none;
border-bottom: none;
}

div.searchleft {
  float: left;
  }
div.searchright {
	float: right;
	font-size: 10px;
	color: #b31b1b;
  }

/* highlight box
-----------------*/
.dialog {
	width:230px;
	color:#002447;
	float:right;
	margin:10px 0 20px 15px;
	clear:both;
}
.dialog .hd .c,
.dialog .ft .c {
font-size:1px; /* ensure minimum height */
height:13px;
}
.dialog .ft .c {height:14px;}
.dialog .hd {background:url(box-tl.png) no-repeat 0px 0px;}
.dialog .hd .c {background: url(box-tr.png) no-repeat right 0px;}
.dialog .bd {background: url(box-ml.png) repeat-y 0px 0px;}
.dialog .bd .c {background: url(box-mr.png) repeat-y right 0px;}

.dialog .bd .c .s {
margin:0px 8px 0px 4px;
background:#FFFFFF url(box-ms.png) repeat-x 0px 0px;
padding:12px;
}
.dialog .ft {background:transparent url(box-bl.png) no-repeat 0px 0px;}
.dialog .ft .c {background:transparent url(box-br.png) no-repeat right 0px;}

.dialog h2 {padding-top:0;}

.dialog h3 {
padding:1px 2px 2px 2px;
margin: 20px 0px 9px -8px;
font: 13px/16px Verdana, Helvetica, Arial, sans-serif;
color:#002447;
border: 1px #669933 solid;
border-top: 1px #99ff00 solid;
border-left: 1px #99ff00 solid;
}
.dialog p {
margin:0.5em 0px 0px 0px;
padding:0px !important;
font: 11px/15px Verdana, Helvetica, Arial, sans-serif; ;
}


/* div photo sets
-----------------*/
div.photo-primary {
margin-bottom: 15px;
width:516px;
}
div.photo-secondary {
padding-bottom:5px;
width:256px;
}
div.gallery-photo{
	float: left;
	max-height: 170px;
	width: 95%;
	padding: 6px;
	font: 10px/14px Verdana, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding-left: 0px;
	width:95%;
}
.photo-box-text {
height:auto !important;
margin:0pt;
padding:0px 2px 0px 7px;
visibility:visible !important;
}
div.photo-thumb {
float:left;
margin:0pt 10px 2px 0pt;
padding-bottom:0pt;
}
.photo-wrap {
padding:1px;
width:auto;
margin-bottom:3px;
}
.photo-align-right {
width:auto;
padding-top:5px;
float:right;
margin: 0 6px 5px 10px;
}
.photo-align-left {
width:auto;
padding-top:5px;
float:left;
margin: 0 10px 5px 0;
}
.photo-align-no {
width:auto;
margin-bottom:3px;
}
.photo-sidebar {
width:200px;
margin: 0 0 5px 12px;
font: .63em/1.3em Verdana, Helvetica, Arial, sans-serif;
}
.photo-box {
border:1px #b31b1b solid;
margin-bottom:5px;
/*background: transparent url(photo-box_bkgd.gif) repeat-y;*/
font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
}
.photo-box-img {
float:left;
top: 0px;
left: 0px;
padding:1px;
 }
.photo-box-text {
margin:0;
padding: 0px 2px 0px 7px;  
height: inherit;
overflow: hidden;
}
.photo-box-text p {
margin:0;
padding-top:4px;
}
div.photo-block {
margin:0;
padding-bottom:10px;
}
div.photo-header {
position:relative;
left: 3px;
top: 5px;
z-index: +1;
margin-bottom: -20px;
}
div.photo-zoom {
z-index: +1;
width:15px;
height:15px;
position:relative;
bottom:22px;
left:7px;
margin-bottom: -20px;
}
img.photo {
padding: 2px; 
border:1px #A7D4FF solid;
}
#photoZoomDetails {
padding: 3px; 
border:1px #b31b1b solid;
margin-bottom:25px;
} 
div.caption {
font: 10px/13px Verdana, Helvetica, Arial, sans-serif;
clear:both;
float:left;
text-align: left;
color: #003366;
margin-bottom:10px;
}
div.cap-credit {
text-align: left;
font-style: italic;
margin-top: 3px;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
font-size:0;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */