﻿/* CSS layout */
@import url("layout.css");
#masthead {
	border: 3px solid #99CCFF;
	text-align: center;
	background-color: #fafaff;
	width: 830px;
	height: 63px;
	margin-bottom: 25px;
}
#top_nav {
	width: auto;
	height: 36px;
}

/* Navigation Styles */

#top_nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#top_nav {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
}
#top_nav li {
	padding: 3px;
	float: left;
	position: relative;
	width: auto;
	border: 1px solid #1653A4;
	background-color: #99CCFF;
	color: #000000;
	font-size: 80%;
	margin-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#top_nav a:visited {
	display: block;
	text-decoration: none;
	padding-left: 1px;
	color: #000000;
}
#top_nav a:link {
	display: block;
	text-decoration: none;
	padding-left: 1px;
	color: #000000;
}
* html #top_nav a {
  width: 100%;
}
#top_nav ul {
  display: none;
  position: absolute;
  padding: 0;
}
/* Old drop down buttons without boarders around them 
#top_nav ul li {
	border: 0 none transparent;
	border-bottom: 1px solid #E7EDF5;
	border-top: .5em solid #FFF;
	background-color: #99CCFF;
	font-size: 100%;
	margin-bottom: -1px;
	margin-top: 1px;
	padding: 0;
}
*/

#top_nav ul li {
	border: 1px solid #1653A4;
	background-color: #99CCFF;
	font-size: 100%;
}

#top_nav li:hover ul {
  display: block;
}

/*#top_nav li:hover {
	border: 1px solid #17ABB3;
	color: #295998;
	background-color: #d0dffa;
}*/

#top_nav li:hover {
	text-decoration: none;
	color: #000000;
	background-color: #17ABB3;

}

#container {
	margin: 10px auto 10px auto;
	width: 830px;
}
#page_content {
	padding: 10px;
	border: 3px solid #99CCFF;
	width: 810px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

/* The following is the Page Content Hover styles */

#page_content a:link {
	color: #295998;
	text-decoration: none;
}
#page_content a:visited {
	color: #295998;
	text-decoration: none;
}

#page_content a:hover {
	color: #00B9C6;
	text-decoration: underline;
}

#page_content a:active {
	color: #295998;
}





/* Content Styles */
h6 {
	color: #a0522d;
}



h5 {
	color: #a0522d;
}



h4 {
	color: #a0522d;
}



h3 {
	color: #a0522d;
}



h2 {
	color: #1653A4;
	font-family: Papyrus;
	text-align: center;
}
#page_content h1 {
	color: #a0522d;
}



#footer {
	padding: 5px 10px 5px 10px;
	border: 3px solid #99CCFF;
	width: 810px;
	text-align: center;
	background-color: #fefeff;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 500;
}

/* Footer Hover settings  */

#footer a:link {
	color: #1653A4;
	text-decoration: none;
}
#footer a:visited {
	color: #1653A4;
	text-decoration: none;
}

#footer a:hover {
	color: #00B9C6;
	text-decoration: underline;
}

#footer a:active {
	color: #1653A4;
}

.EstuaryBorder {
	border: 2px solid #17ABB3;
	padding: 5px;
}
.FooterPipeDivider {
	color: #17ABB3;
}
.style4 {
	border-width: 0px;
}
.AstRespiratoryStyles {
	text-align: center;
}
.LHSText {
	text-align: left;
}

/* CSS settings for Insurance Company table */
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 85%;
	text-align: left;
	vertical-align: middle;
	border-spacing: 3px;
	margin-left: 60px;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 0.3em;
}
.datatable th {
	border: 2px solid #295998;
	background-color: #00B9C6;
	font-weight: normal;
	text-align: left;
	padding-left: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
}
.datatable caption {
	font: normal 110% Arial, Helvetica, sans-serif;
	color: #1653A4;
	text-align: center;
	padding: 0.4em 0 0.8em 0;
}

.datatable tr.hilite {
	background-color: #DFE7F2;
	color: #000000;
}

.datatable tr:hover {
	background-color: #DFE7F2;
	color: #000000;
}

/*  Styles 5 and 6 To Style the Table contents for Insurance 
companies Style sets the font size and .style6 the colour and bold for web and email links  */
.style5 {
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.style6 {
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
}

/* Styles for the Crohns and Irritable Bowel Syndrome pages only */

.style7 {
	text-align: center;
	color: #295998;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.style8 {
	text-align: left;
	color: #295998;
}

