@import url(navigation.css); 

* {margin:0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	padding-top:2em;
}

img{border:none;} 

p, .list, form label, td{color:#4B4B4B; line-height:1.5em; font-size:1.0em;}
p{margin-bottom:1.2em; }
p.quote{font-size:1.5em; position:relative; background:url(../images/quote.png) no-repeat left .4em; padding-left:.7em; position:relative; left:-.7em; color:#000;}
p.quote img{position:absolute; bottom:.6em; margin-left:.15em;}

.txt-small{font-size:0.8em;}
.txt-large{font-size:1.4em;}
.txt-xlarge{font-size:1.9em;}
 
.list{margin:0 0 .5em 1.5em; }
.list li {padding:.2em 0;}
.list ul{margin-left:2em;}

ul.sitemap{margin-left:1.5em;}
ul.sitemap li{margin:.4em 0; display:inline; }
ul.sitemap li a,
ul.sitemap li a:visited{ background-color:#008DA9; display:block; padding:.5em 1.3em; margin-bottom:1px; color:#FFF; font-weight:bold; text-decoration:none;}
ul.sitemap ul{margin-bottom:1.5em; margin-left:2em; list-style-type:none;} 
ul.sitemap ul li a,
ul.sitemap ul li a:visited{ background-color:#E5F3F6;}
ul.sitemap ul ul li a,
ul.sitemap ul ul li a:visited{ background-color:#F0F0F0;}
ul.sitemap ul li a,
ul.sitemap ul li a:visited,
ul.sitemap ul ul li a,
ul.sitemap ul ul li a:visited{ color:#008DA9; font-weight:normal;}
ul.sitemap li a:hover{ background-color:transparent; color:#008DA9; text-decoration:underline;}

a{color:#0D4955;}
a:hover{text-decoration:none;}
a:visited{color:#008DA9;}
a.link{padding:3px 5px; background-color:#FFF; color:#000; border:1px solid #363636; text-decoration:none;}
a.link:hover{background-color:#E5E5E5;}

a.hide{position:absolute; left:-999em; border:1px solid;}


h1, h2, h2 span{display:block; text-indent:-999em;}
h1{width:191px; height:127px; background:url(../images/logo.png) no-repeat 0 0; margin-bottom:1em;}
h2{background:url(../images/header.png) no-repeat top right; width:483px; height:103px; position:absolute; top:1em; right:-22px; }
h3{clear:both; font-size:1.6em; color:#FFF; font-weight:normal; padding-left:.6em; position:absolute; bottom:1em; }
h4	{font-size:1.2em; font-style:italic; font-weight:normal;}

/* ---------------------------- */
/* FAQ's */
/* ---------------------------- */
ol.answers,
ol.questions			{ margin-left:2.5em;}
ol.answers				{ margin-top:2em;}
ol.answers li			{ margin-bottom:1.2em;}
ol.answers ul li		{ margin-bottom:.1em;}
ol.answers .a-title		{ font-weight:bold; }
ol.answers a.top		{ line-height:2em;}

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container{width:90%; margin:0 auto; text-align:left; position:relative; min-width:700px;}
#page, footer {width:100%; margin-left:22px;}
#title-bar{background:url(../images/title-bar-bkgd.gif) repeat-x top left; position:relative; width:100%; }
#title-bar span{background:url(../images/title-bar-left.gif) no-repeat top left; display:block;}
#title-bar span span{display:block; height:89px; background:url(../images/title-bar-right.gif) no-repeat top right; 	}
#content{margin-top:1.5em; padding-left:1em; position:relative;}
#col-left{width:61%; margin-right:6.5%;}
#col-right{float:right; width:229px; }
#footer{border-top:1px dashed #221E1F; padding:.8em 0 0em 0; margin-top:3.5em; margin-left:22px; width:100%; }


/* ---------------------------- */
/* TABLES */
/* ---------------------------- */
table				{ margin-bottom:.9em;}
table caption 		{display:none;}
table td			{vertical-align:top;} 
table#retrievel-collection col.col-1	{ width:205px;}
table#contact col.col-1					{ width:21%;}

table#standard				{ border:2px solid #008DA9;}
table#standard th			{ padding:.6em; background-color:#008DA9; color:#FFF; font-size:1.2em}
table#standard td			{ padding:.3em .6em; border-top:2px solid #FFF;}
table#standard tr.row-even	{ background-color:#E5F3F6}
table#standard tr.row-odd	{ background-color:#F0F0F0}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */