/* CSS Document */

body {
	background: #A7D0EE url(../images/page-bkgrnd.gif) repeat-x center top;
	color: #333333;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	/*min-width: 780px;*/
	min-width: 770px;
	font-size: small;
}

#wrap {
	font-size: 0.9em;
	/*width: 765px;*/
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}

/* MISC. */
.hide {
	display: none;
}
a img {
	border: none;
}
.divclear {
	clear:both; 
	height:0px; 
	font-size:0px; 
	margin: 0;
	padding: 0;
	margin-top:-1px;
}
.skiplinks {
	display:none;
}  
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* GENERAL TEXT STYLES */
a, 
a:link, 
a:visited {
	/*color: #7FB2CF;*/
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}
a:focus, 
a:hover, 
a:active {
	/*color: #7FB2CF;*/
	color: #003366;
	text-decoration: underline;
}
#container-content .content-column a {
	text-decoration: underline;
}
p {
	line-height: normal;
	/*margin-top: 0.9em;
	margin-bottom: 0;*/
}
ul {
	list-style: square;
}
ol {
	list-style: decimal;
}
h1, h2, , h4, h5, h6 {
	color: #003366;
}
h1#page-title {
	color: #EF3E42;
	padding: 0em 30px 0.75em;
	margin: 0;
	border-bottom: 2px solid #CCCCCC;
}
h1 {
	font-size: 1.8em;
	font-weight: normal;
	/*padding-top: 18px;*/
	margin: 0px;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
}
, h4 {
	font-size: 1.1em;
}
h5, h6 {
	font-size: 1.0em;
}

table {
	border-collapse: collapse;
	width: 100%;
	/*border: 1px solid #FA6511;*/
}
form table {
	width: 100%;
	border: none;
}
th, td {
	padding: 0.5em 1em;
}
caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.0em 0;
}
th {
	font-weight: bold;
	text-align: left;
	/*background: #FA6511 url(../images/th-bkgrnd.gif) repeat-x left top;
	border-top: 1px solid #FA6511;
	border-bottom: 1px solid #FA6511;
	color: #FFFFFF;*/
	font-size: 0.9em;
}
.th-row-header {
	font-weight: normal;
	text-align: left;
	background: none;
	border-top: none;
	border-bottom: none;
	color: #003366;
}
#content-page .th-row-header {
	font-weight: bold;
	text-align: left;
	background: none;
	border-top: none;
	border-bottom: none;
	color: #003366;
}
.odd {
	background: #FAFAFA;
}
tr:nth-child(odd) {
	background: #FAFAFA;
}


/* HEADER */
#container-header {
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}
#header-brand {
	float: left;
	/*padding-right: 1.0em;*/
}
#header-links {
	height: 52px;
	float: right;
	text-align: right;
}
#header-links-inner {
	height: 52px;
}
#header-links ul {
	list-style: none;
	padding: 0em 0.5em 1em 1em;
	margin: 0px;
	height: 52px;
}
#header-links ul li {
	display: inline; 
	padding: 0px; 
	margin: 0px;
}
#header-links ul li a {
	padding: 0.1em 0.5em;
}
#header-links a, 
#header-links a:link, 
#header-links a:visited {
	color: #0E658C;
	text-decoration: none;
}
#header-links a:focus, 
#header-links a:hover, 
#header-links a:active {
	/*background: #0E658C !important;
	color: #FFFFFF !important;*/
	text-decoration: underline;
	color: #0E658C;
}
.small {
	font-size: small;
}
.medium {
	font-size: medium;
}
.large {
	font-size: large;
}

/* MENU */
#container-menu {
	background: #0E658C;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
}
#container-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	background: #0E658C;
}
#container-menu ul li {
	float: left;
}
#container-menu ul a {
	display: block;
	float: left;
	padding: 0 1.0em;
	line-height: 2.1em;
	text-decoration: none;
	color: #FFFFFF;
	background: #0E658C;
}
#container-menu ul a:hover {
	color: #FFFFFF;
	background: #7FB2CF;
}

/* BANNER */
#container-banner {
	padding-bottom: 1.0em;
	border-top: 1px solid #FFFFFF;
}
#banner-image {
	float: left;
	width: 513px;
	border-bottom: 1px solid #FFFFFF;
}
#banner-image-inner {
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden; 
	width: 100%;
}
#banner-links {
	float: right;
	border-left: 1px solid #FFFFFF;
	height: 196px;
	width: 256px;
	background: #7FB2CF;
}
#banner-links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#banner-links ul a {
	display: block;
	height: 65px;
	width: 256px;
	line-height: 38px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	/*padding: 0.5em;*/
	text-indent: 40px;
	font-size: 1.4em;
}
#banner-links ul a:hover {
	text-decoration: underline;
}
#banner-links li {
	display: inline; /* :KLUDGE: Remmoves large gaps in IE/Win */
}
.gray {
	background: #95A1A9 url(../images/arrows-gray.gif) no-repeat left top;
}
.blue {
	background: #7FB2CF url(../images/arrow-blue.gif) no-repeat left top;
}
.orange {
	background: #E66B5B url(../images/arrows-orange.gif) no-repeat left top;
}
/* INTRO */
#container-intro {
	margin: 0;
	padding: 0;
	/*padding-left: 30px;*/
}
#container-intro h1 {
	color: #003366;
}
#intro-image {
	float: right;
	width: 230px;
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden; 
	/*width: 100%;*/
}
#intro-text {
	float: left;
	width: 510px;
	/*padding: 1.0em;*/
	padding: 15px;
	color: #666666;
	font-size: 1.2em;
	line-height: normal;
}

/* CONTENT */
#container-content {
	/*padding: 1.0em;*/
	clear: both;
}
#content-page #container-content {
	/*padding-top: 1.0em;*/
	padding-bottom: 1.0em;
	clear: both;
}
#container-boxes {
	padding: 0px 10px 10px;
	font-size: 1.2em
}
#container-boxes img {
	margin: 0 0 5px;
	padding: 0;
}
#container-boxes h3 {
	margin: 0;
	padding: 0;
}
#container-boxes a, 
#container-boxes a:link, 
#container-boxes a:visited {
	/*color: #E66B5B;*/
	color: #FFFFFF;
	text-decoration: none;
	
	
	background: #E66B5B url(../images/arrows-orange.gif) no-repeat right top;
	display: block;
	height: 70px;
	width: 182px;
	color: #FFFFFF;
	padding: 7px 40px 7px 7px;
	margin: 0;
}
#container-boxes a:focus, 
#container-boxes a:hover, 
#container-boxes a:active {
	/*color: #E66B5B;*/
	color: #FFFFFF;
	text-decoration: underline;
}
#column-one {
	float: left;
	padding: 5px;
	height: 225px;
	/*min-height: 210px;
	height: auto;
	_height: 210px;*/
	width: 233px;
	border: 1px solid #CCCCCC;
}
#column-two {
	float: left;
	padding: 5px;
	margin-right: 7px;
	margin-left: 7px;
	height: 225px;
	/*min-height: 210px;
	height: auto;
	_height: 210px;*/
	width: 233px;
	border: 1px solid #CCCCCC;
}
#column-one ul,
#column-two ul {
	margin-right: 125px!important;
}
#column-three {
	float: right;
	padding: 5px;
	height: 225px;
	/*min-height: 210px;
	height: auto;
	_height: 210px;*/
	width: 233px;
	border: 1px solid #CCCCCC;
}
#side-panel {
	float: right;
	background: #FFFFFF;
	padding-bottom: 1.0em;
	margin-bottom: 1.0em;
	width: 188px;
	/*min-height: 275px;
	height: auto;
	_height: 275px;*/
}
#side-panel {
	background: #DEDEDE;
	padding: 0.5em;
	border-bottom: 2px solid #999999;
	color: #333333;
	margin: 0;
}
#page-content-column {
	float: left;
	background: #FFFFFF;
	margin-right: 1.0em;
	min-height: 275px;
	height: auto;
	_height: 275px;
	width: 600px;
}
#page-banner {
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden; 
	width: 100%;
}
#page-content-inner {
	/*padding: 0em 0.75em 0.75em 30px;*/
	padding: 0em 30px 2.0em;
	margin: 0;
}
#page-column-side {
	float: right;
	padding-bottom: 1.0em;
	width: 188px;
	min-height: 275px;
	height: auto;
	_height: 275px;
}
#column-one-inner,
#column-two-inner,
#column-three-inner {
	padding: 0em 0.75em 2.0em;
	margin: 0;
}
#container-content ul {
	padding: 0;
	margin: 0;
	padding-left: 20px;
}
#container-content li {
	list-style-image: url(../images/bullet.gif);
	list-style-type: none;
}
#side-panel ul {
	padding: 0;
	margin: 0;
}
#side-panel li {
	list-style-image: none;
	list-style-type: none;
}

/* FOOTER */
#container-footer {
	clear: both;
	color: #FFFFFF;
	font-size: 0.9em;
	background: #0E658C;
	border-top: 1px solid #FFFFFF;
	padding: 1.0em;
}
#container-footer a, 
#container-footer a:link, 
#container-footer a:visited {
	color: #FFFFFF;
	text-decoration: none; 
	background-color: inherit;
}
#container-footer a:focus, 
#container-footer a:hover, 
#container-footer a:active {
	color: #FFFFFF;
	text-decoration: underline; 
	background-color: inherit;
}
#container-footer ul {
	list-style: none; 
	/*padding: 0px 0px 0px 1.0em; */
	margin: 0px;
	float: left;
}
#container-footer ul li {
	display: inline; 
	padding: 0px; 
	margin: 0px;
}
#footer-copyright {
	float: left;
}
#footer-links {
	float: right;
}

/* MENU - PAGE COLUMN 1 */
#page-menu {
	width: 175px;
	float: left;
	padding-right: 10px;
}
#page-menu h2 {
	color: #95A1A9;
	/*color: #0E658C;*/
	/*color: #EE6B5B;*/
	/*background: url(../images/menu-arrows.gif) no-repeat right top;*/
	margin: 0;
	padding-left: 0.8em;
	padding-top: 0.8em;
	padding-bottom: 0.5em;
}
#page-menu h2 img {
	vertical-align: middle;
}
#page-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#page-menu ul a {
	display: block;
	width: auto;
	/*height: 1.8em;*/
	padding: 0.2em 0.2em 0.2em 1.0em;
	line-height: 1.6em;
	/*color: #333333;*/
	/*color: #95A1A9;*/
	/*color: #0E658C;*/
	/*color: #EE6B5B;*/
	color: #3F4849;
	font-weight: bold;
	text-decoration: none;
	/*background: url(../images/menu-arrow.gif) no-repeat left top;*/
}
#page-menu ul a:hover {
	text-decoration: underline;
	font-weight: bold;
}
#page-menu li {
	display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

/* PAGE COLUMN 2 */
#page-content {
	width: 410px;
	float: left;
}
#page-content #page-title {
	padding-top: 1.0em;
}
#page-content h1 {
	font-size: 2.0em;
}

#page-copy {
	color: #666666;
	font-size: 1.2em;
	line-height: normal;
}
.sir-ian {
	text-align: left;
}
/*#page-copy img {
	float: right;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	clear: both;
}*/
/* PAGE COLUMN 3 */
#page-images {
	float: right;
	width: 166px;
}
#page-images img {
	clear: both;
	border-bottom: 1px solid #FFFFFF;
}
.innertube {
	padding: 1.0em;
}

/* SEND TO A FRIEND */
#page-recommend {
	padding: 1.0em;
}
#page-recommend fieldset {
	/*border: solid 0 transparent;*/
	margin: 1.0em 0;
	padding: 1.0em;
	border: 1px solid #CCCCCC;
	background: #F8F8F8;
}
#page-recommend legend {
	font-weight: bold;
}
#page-recommend label {
	/*display: block;*/
	clear: both;
	float: left;
	width: 10.0em;
	font-weight: bold;
}
#page-recommend input {
	width: 200px;
	margin-bottom: 1.0em;
}
#page-recommend #container-content {
	/*padding: 1.0em;*/
	clear: both;
	text-align: left;
}
.required {
	color: #FF0000;
}
#page-recommend #container-content div {
	clear: both;
}

/* NEWS */
.news {
	padding-top: 1.0em;
}
.news  ,
.news p {
	margin: 0;
	padding: 0;
}
.news hr {
	clear: both;
	height: 1px;
}
.news a, 
.news a:link, 
.news a:visited {
	/*color: #003366;*/
	color: #E66B5B;
	text-decoration: none;
}
.news a:focus, 
.news a:hover, 
.news a:active {
	/*color: #003366;*/
	color: #E66B5B;
	text-decoration: underline;
}
.news img {
	float: right;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
}
/* CASE STUDIES */
.case-studies {
	padding-top: 1.0em;
}
.case-studies  ,
.case-studies p {
	margin: 0;
	padding: 0;
}
.case-studies hr {
	clear: both;
	height: 1px;
}
.case-studies a, 
.case-studies a:link, 
.case-studies a:visited {
	/*color: #003366;*/
	color: #E66B5B;
	text-decoration: none;
}
.case-studies a:focus, 
.case-studies a:hover, 
.case-studies a:active {
	/*color: #003366;*/
	color: #E66B5B;
	text-decoration: underline;
}
.case-studies img {
	float: left;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}
.url {
	color: #E66B5B;
	font-weight: bold;
}