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


@import "content.css";

/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

a{outline: none;}

/*------------------------------------------
	Reusable Classes
------------------------------------------*/

.hide{display: none !important;}
.strikethrough{text-decoration: line-through !important;}

/*--------------------------
	Interface
	------------------------*/
	
body{
	background: #fff;
	text-align: center;
}

.wrap{
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
}

/* ---------------------------
    Header
--------------------------- */

#header{
	float: left;
	width: 100%;
	padding: 0;
	margin:0;
	min-width: 960px;
	position: relative;
	/*display: inline;*/ /*for IE6 dup char bug */ /*REMOVED TO SEE IF ITS THIS ELEMENT CAUSING THE TROUBLE*/ /*#6-no change, so not affecting!*/
	}

#header .wrap {
	}
	
h1#heading {
	text-indent: -5000px;
	background: url(../i/C-H-header4.jpg) no-repeat;
	height: 400px;
	}



#header #logo{ /* C-H-logo */
	float:left; 
	clear: none;
	width: 360px;	/*- logo img: 360w x 90h -*/
	padding-top: 260px;
	margin-bottom: 0;
	padding-bottom: 0;
	/*display: inline;*/ /*for IE6 dup char bug */ /*bug still evident in W2K*/ /*REMOVED TO SEE IF ITS THIS ELEMENT CAUSING THE TROUBLE*/ /* #5-no change, so not affecting!*/
	}
	

#header #img{
	float:right;
	clear:none;
	width:500px;
	margin:0 40px 0 0;
	position: relative;
	bottom: 0;
	padding-right: 0;
	/*display: inline;*//*for IE6 dup char bug */ /*bug still evident in W2K*/ /*REMOVED TO SEE IF ITS THIS ELEMENT CAUSING THE TROUBLE*/ /* #4-no change, so not affecting!*/
	}
	

/*--------------------------
	Link List
---------------------------- */
#header ul {
	float:right;
	text-align:right;
	width: 100%;
	margin:0;
	padding:0;
	background: url(../i/header_bg.gif) repeat-x bottom;	/*display: inline;*/ /*for IE6 dup char bug */ /*REMOVED TO SEE IF ITS THIS ELEMENT CAUSING THE TROUBLE*/ /*#7-no change, so not affecting!*/
	}


#header ul li{ /* THIS IS THE NASTY LITTLE BUGGER CAUSING ALL THE TROUBLE!!! */
	float: right;
	margin-left: 2px;
	font-size: 1.2em;
	font-weight: bold;
	display: inline; /*for IE6 dup char bug */ /* #8-REMOVED TO SEE IF ITS THIS ELEMENT CAUSING THE TROUBLE*/ /* OK! THIS must be here to prevent the aliens from texting */
}
#header ul li a{
	float: left;
	text-decoration: none;
	display: inline-block;/*for IE6 dup char bug *//*tried display:inline-block followed by display:block, but no help*/
	padding: 8px 15px 12px 15px;
	background: /*#0e1e2d */ #001c38;
	color: #99b4d0;
	margin-bottom: 1px;
}
#header ul li a:hover{
	background: #000;
	color: #ffc;
}
#header ul li.selected a,
#header ul li.selected a:hover{
    background: #036;
    color: #fff;
    padding: 8px 15px 13px 15px;
    margin-bottom: 0;
}

/* ---------------------------
    Body
--------------------------- */

#body{
	background:#036;
	color: #c3d4e4;
	clear: both;
	float: left;
	width: 100%;
	padding: 60px 0 40px 0;
	min-width: 960px;
}
#content-main{
    width: 700px;
    float: left;
}
#content-main #title-block{
    padding-bottom: 2.3em;
}
#content-main .content-block{
	border-top: 1px solid #ffc;
	padding: 20px 0 20px 0;
	clear: both;
}
#content-main .content-block .content-body{
    margin-left: 240px;
}
#content-main .content-block .content-body .contentcol-l {
	float: left;
	width: 220px;
	}
#content-main .content-block .content-body .contentcol-r {
	float: right;
	padding-left:10px;
	border-left:1px solid #747E88;
	width: 220px;
}
#content-testis{
	width: 200px;
	float: right;
}




/* ---------------------------
    Footer
--------------------------- */

#footer{
	float: left;
	clear: both;
	width: 100%;
	min-width: 960px;
}
#footer p{
	font-size: 1.2em;
	color: #ffc;
	clear: both;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}
#footer .wrap {
	margin-top: 0px;
	padding-top: 0px;
	background: #001C38;
}

/*-------------------
	Back to top/anchor
	-------------------*/
p.backtotop {
	background: url(../i/uparrow.gif) no-repeat left bottom;
	padding-left: 15px;
}
.top {
	display: inline;
}

/*---------------------
	CONTENT
	--------------------*/
	
	body {
	font: normal 62.5% "helvetica neue", helvetica, sans-serif;
}
h4 {
	font-size:1em;
	}  /* 12px */

h5 {
	font-size:1.8em;
	font-weight: bold;
    color: #fff;
	} /* 16px */
a{
    text-decoration: none;
}
#body a{
    color: #6fd1ff;
    border-bottom: 1px dotted #2a435d;
    padding-bottom: 1px;
}
#body a:hover{
    border-bottom: 1px solid #34506b;
    color: #fff;
}
#body strong{
    font-weight: bold;
    color: #fff;
}

/*  -------------------------
	Image rep
--------------------------  */
h1 {font-size:2.5em;}

/* ---------------------------
    Content Main #title-block
--------------------------- */

#content-main #title-block h2{ /* page welcome */
	font-size: 2.7em;
	color: #fff;
	font-weight: normal;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1em;
	float: left;
}
#content-main #title-block h3{ /* page header */
	font-size: 2.1em;
	line-height: 1.2em;
	margin-left: 240px;
	padding-top:0.1em;
	color: #ffc;
}
	
/* ---------------------------
    Content Main .content-block
--------------------------- */

#content-main .content-block .content-body p,
#content-main .content-block .content-body ul{
	font-size: 1.2em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	}
#content-main .content-block .content-body p.quote {
	color:#ffc;
	}
#content-main .content-block .content-body ul{
	padding-left: 1.8em;
	}
#content-main .content-block .content-body ul li{
	margin-bottom: 0.6em;
	list-style: square outside;
	color: #ffc;
}

/*---------------------------
    Content Slides
 -------------------------  */
 /*--for jQuery slides--*/
 .pics {  
    height:  253px;  
    width:   210px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    /*--
	width:  200px; 
    height: 200px;--*/ 
    top:  0; 
    left: 0 
} 
 
 #content-main #slides {
	/*-float: left;
	clear: both;-*/
	width: 210px;
	height: 153px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#slides img {
	width: 210px;
	height: 153px;
	left: 0px;
	top: 0px;
	position: absolute;
}
.content-slides {
	float: left;
	width: 210px;
}


/* ---------------------------
    Content Testimonials
--------------------------- */

#content-testis{
	border: 1px solid #c3d4e4;
	}

#content-testis h3{
	font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 1.4em;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    color: #fff;
    font-weight: bold;
    }

#content-testis p{
	font-size: 1.1em;
	padding: 0.6em;
	line-height: 1.7em;
	color: #c3d4e4;
}

#content-testis p.author {
	float: right;
	font-weight:bold;
	padding:0 0.6em 1em 0;
	color: #fff;
	}
	
/* -----------------------
	Banner table
-------------------------- */

table.banners {
	width: 450px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	}
table.banners td {
	width: 200px;
	vertical-align: top;
}
table.banners img {
	border: 1px solid #fff;
	margin: 0px;
	padding: 0px;
	}
	
/* ------------------------
	Extra Fluff
-------------------------- */

.pdf {
	background: url(../i/pdficon.gif) no-repeat right bottom;
	padding-right: 20px;
}
#sidephotos {
	float: left;
	width: 210px;
}
#sidephotos p.caption {
	font-size: 1.1em;
	color: #fff;
	width: 210px;
	padding-top: .2em;
	padding-bottom: 2em;
}

#sidephotos ul li {
	font-size: 1.1em;
	line-height: 2em;
	font-weight: bold;
	list-style: square inside;
	display: block;
	margin-left: 30px;
}
.clearboth {
	clear:both;
	}
.white {
	color: #fff;
}