/* Common */
body,table,input,select,textarea { 
  font-family:tahoma, Verdana, Arial, sans-serif; 
  font-size:100%;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body {   
  background: #00456d url('../images/i-bg.jpg') repeat-x;
  color:#000;
}

h1 {
  margin: 0;
  color:#00427a;
  font-size:1.5em;
  font-weight:normal;
  
}

h2, h3 {
  margin: 1em 0;
  color:#00427a;
  font-weight:normal;
}

p { 
  margin:1em 0 1em 0; 
}
#content p {
  font-size:0.675em;
  line-height:2em;
  }
a {
  color:#0096d5;
  }
a:hover {
  color:#00426a;
  }
dl.col { 
  line-height:1.5em;
}

dl.col dt { 
  float:left; 
  width:6em;
}

dl.col dd { 
  margin-left:7em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr, .clear{
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}
img.right {
  margin-left: 10px;
  margin-top:15px;
  }
img.left {
  margin-right:20px;
  }
  
/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}

/* Layout */
#bg {
  width:100%;
  position:absolute;
  left:0; top: 0;
  background: transparent url('../images/i-bg-mid.jpg') no-repeat center top;
  }
#constrain {
  width: 980px;
  margin: 0 auto;
  }
#mid {
  margin-top:-3px;
  margin-left: 1px;
  background: transparent url('../images/i-bg-y.gif') repeat-y;
  }
#footer {
  background: transparent url('../images/i-footer.jpg') no-repeat;
  width:979px;
  height:146px;
  margin-top:-19px;
  margin-left:1px;
  font-size:0.675em;
  padding-top:75px;
  }
#lhs {
  float:left;
  width:186px;
  }
#content {
  margin: 0 20px 0 210px;
  padding-top:15px;
  }
  
/* Nav */
#nav {
  list-style-type:none;
  margin-top:20px;
  }
#nav li {
  }
#nav li a {
  display:block;
  background:transparent url('../images/i-nav-bg.jpg') repeat-x;
  line-height:40px;
  color:#276387;
  text-decoration:none;
  padding-left:50px;
  font-size:0.675em;
  font-weight:bold;
  }
#nav li a:hover {
  color:#00a3e5;
  }
  
  
/* Footer */ 

#f-info {
  width:400px;
}
#author {
  margin:10px 0;
  }
#author a {
  color:#80a2b6;
  font-size:0.675em;
  text-decoration:none;
  }
#author a:hover {
  color:#fff;
  }
#f-nav {
  margin-top:125px;
  list-style:none;
  }
#f-nav li {
  float:left;
  margin-left:20px;
  background:transparent url('../images/i-bullet.gif') no-repeat right center;
  padding-right:20px;
  }
#f-nav .f-last {
  background:none;
  }
#f-nav li a {
  color:#276387;
  text-decoration:none;
  }
#f-nav li a:hover {
  color:#00a3e5;
  }
#fdl {
  border-left: 1px solid #949c9f;
  padding-left:28px;
  margin-left:150px;
  }
#fdl dt {
  float:left;
  width: 62px;
}
#fdl dd {
  margin-left:62px;
  }
#fdl dt, #fdl dd {
  padding-bottom: 10px;
  }
  
  
/* CTAs */

.cta {
  width:218px;
  height:165px;
  float:left;
  margin: 20px 42px 0 0;
  }
.cta1 {
  background:transparent url('../images/g-cta-3.jpg') no-repeat;
  }
.cta2 {
  background:transparent url('../images/g-cta-2.jpg') no-repeat;
  }
.cta3 {
  background:transparent url('../images/g-cta-1.jpg') no-repeat;
  margin-right:0;
  }
#content .cta .sml {
  font-size:0.675em;
  font-weight:normal;
  line-height:1.5em;
  }
#content .cta1 p, #content .cta3 p {
  font-size: 1em;
  color:#474747;
  text-align:center;
  margin:0;
  padding:0;
  font-weight:bold;
}
#content .cta1 .info, #content .cta3 .info {
  font-size:1em;
  line-height:1em;
  color:#00426a;
  padding: 0 0 0 30px;
}
#content .cta a {
  text-decoration: none;
  color:#00426a;
  font-size:0.75em;
  }
#content .cta a:hover {
  color:#0096d5;
  }
#content .cta2 p {
  font-size:0.95em;
  line-height:1.1em;
  color:#474747;
  text-align:center;
  padding: 10px;
  font-weight:bold;

}
#content .cta2 p span {
  font-size:0.75em;
  font-weight:normal;
  }
#content .cta2button a{
  font-weight:bold;
  font-size:0.8em;
  }
#content .cta2button {
  margin-top: -3px;
  }
#content p.note {
	font-size:0.675em;
	font-weight:normal;
	margin:12px 0 0 0;
	padding:0;
	
	}
  /* Contact Page */
  
#contactus {
  font-size:0.675em;
  margin: 20px 0 0 0;
  }
#contactus dt {
  float:left;
  width: 62px;
}
#contactus dd {
  margin-left:62px;
  }
#contactus dt, #contactus dd {
  padding-bottom: 10px;
  } 
  
#contact-tbl {
  margin:10px 0 0 0;
  font-size:0.675em;
  }
#contact-tbl th {
  text-align:left;
  font-weight:normal;
  }
 #contact-tbl input, #contact-tbl textarea {
  padding:4px;
  margin:3px;
  width:200px;
  border:1px solid #00a3e5;
  }
#contact-tbl .submit {
  background:transparent url('../images/g-submit.gif') no-repeat;
  height:39px;
  line-height:39px;
  vertical-align:top;
  width:130px;
  padding:0;
  border:0;
  color:#fff;
  font-size:1.25em;
  cursor:pointer;
  text-align:left;
  }

/* Dot replica graphic */
.dot-rep {
	background:transparent url('../images/g-dot-replica-b.jpg') no-repeat;
	width:584px;
	height:119px;
	overflow:none;
	}
#content .dot-rep p.big {
	font-size:0.95em;
	font-weight:bold;
	color:#474747;
	padding:28px 0 0 30px;
	margin:0;
	}
#content .dot-rep p {
	padding: 0 0 0 30px;
	margin:0;
	color:#474747;
	}
.bday {
	background:transparent url('../images/g-cta-bday.jpg') no-repeat;
}

/* Visiting Sites page */

#sites {
  font-size:0.675em;
  margin: 20px 0 0 0;
  }
#sites dt {
  float:left;
  width: 70px;
  font-weight:bold;
}
#sites dd {
  margin-left:85px;
  }
#sites dt, #sites dd {
  padding-bottom: 20px;
  } 

.article {
	text-align:center;
	width:155px;
	margin: 25px;
	font-size:12px;
	display:inline-block;
	vertical-align:top;
}
.article img {
	border: 1px solid #00456D;
}
.article a {
	text-decoration:none;
}