body {
	background: #a5d8df; /*overall background color*/
}
img { /*all images will have no border*/
	border: 0;
}


/**/

/* @group module */

div.moduleHdr {
	background: #99cccc; /*header of module background color*/
	margin: 0;
	padding: 5px; /*padding around inside of header*/
	color: #FFF; /*color of font*/
	font-size: 14px;
}
div.module {
	border: #99cccc 2px solid; /*main box module*/
	background: #FFF;
	margin: 0 0 10px 0;
	padding: 20px; /*inside padding*/
	
	color: #333; /*text color*/
}

/*landing and secondary pages when there is a single cap*/
div.moduleSingleCap {
	background: #FFF;
	margin: 0;
	padding: 0;
	float: left;
	
	color: #333;
}
div.moduleSingleCap a {
	text-decoration: none;
}
html* div.moduleSingleCap {
	display: block;
	width: 20%;	
}

div.moduleCopy { /* in 2 column format, tells the copy to align to the left and clears the mainphoto on the left */
	text-align:left;
	padding: 0;
	margin: 0 0 0 310px;/*this ensures that the copy will not wrap around the photo*/
}
div.module img.mainphoto { /*the main image - recommended width 300*/
	float: left;
	margin: 0 10px 0 0;
	border: #999 1px solid;
}

div.center { /* you can apply the class of center to anything you need to center*/
	text-align: center;
}
div.center img { /*if an image is inside the center tag it will have margins to center it as well*/
	display: block;
	margin: 0 auto 5px auto;
	padding: 0;
}
div.module img.border { /*images inside the module with have a light grey border*/
	border:  #999 1px solid;
}
div.module ul {
	margin: 10px 0 0 0;
	padding: 0;
}
div.module ul li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
}
div.module ul li.bold {
	font-weight: bold;
}

div.module a { /*links inside the module are the same color as the text*/
	color: #333;
}

div.module.kinds {/*specifies the height of the kinds box on the home page*/
	height: 317px;
}


div.module .storyLeft {/* home page new box - if there are two stories this one is on the left*/
	float: left;
	border-right: #99cccc 1px solid;
	width: 50%;
	background: #FFF;
	text-align: center;
	clear: both;
}

div.module .storyRight { /*this one is on the right*/
	float: right;
	width: 49%;
	background: #FFF;
	text-align: center;
}

div.module.kinds, div.module.diagram {
	height: 250px; /*change this number to make the A and B on the home page the same size*/
}



/* @end */

/* @group Header */

#header img.mainlogo {
	margin: 0 10px;
	padding: 0;
	float: left;
	clear: both;
}

#header { /*main header container*/
	width: 990px;
	margin-left: 10%;
	padding: 10px 0;
	background: #FFF;
	
	font-size: 12px;
	color: #333;
	clear: both;
    
    
    border-left: #1f9db09 2px solid;
	
	height: 80px;
}
#header #nav {
	margin: 50px 10px 0 0;
	padding: 0;
	float: right;
}

#header #nav ul.navlist {
	margin:0;
	padding: 0;
	list-style-type: none;
   
}

#header #nav ul.navlist li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	border-left: #FFF 2px solid;
}
* html #header #nav ul.navlist li {
  width: 50px;
  text-align:center;
 }

#header #nav ul.navlist a {
	display: block;
	padding: 9px;
	background-color: #1f9db0;
	color: #FFF;
	text-decoration: none;
}


html* #nav ul.navlist a {
      display:block;
	float: left;
	clear: both;
	width: 100%;
	height: 1%;
}

#header #nav ul.navlist li.selected {
	background: #FF527b;
	color: #FFF;
}

#header #nav ul.navlist a:hover {
	background: #FFF;
	color: #ff527b;
	padding: 9px;
}
#header div.hr {
	background: #1f9db0;
	height: 2px;
	margin: 82px 10px 0 0;
    border: 0 none;
	z-index: 10;
}
html* #header div.hr {
    display: none;
}

#header .sharethis {
	position:absolute;
	top:10px;
	left: 900px;
}

/* @end */

ul.faqs { /*defines the list on the faq page*/
	margin: 0;
	padding: 0;
	list-style: none;
}


.fullwidthContainer {
	width: 970px;
   	clear: both;

   	position: relative;
   	background-color: #FFF;
   	margin: 0 0 0 10%;
	padding: 0 10px 10px 10px;
   	font-size: 12px;
	color: #333;
}

ul.cross-sell {
	margin:0;
	padding: 0;
	list-style-type: none;
}

ul.cross-sell li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;		
}

ul.cross-sell li a {
	margin: 0;
	padding: 0 10px;
	border-right: #333 1px solid;
}

ul.cross-sell li a.last-child {
	border-right: none;
}


/* @group Footer */

#footer{
	width: 990px;
   	clear: both;

   	position: relative;
   	background-color: #FFF;
   	margin-left: 10%;
	padding: 10px 0;
   	font-size: 12px;
	color: #333;
}

#footer p {
	margin: 10px;
}

/* @end */

/* @group 3 col */

.colmask{
   width: 990px;
   margin: 0 auto;
   margin-left: 10%;
}
* html .colmask {
  margin-left:5%;
 }
.colmid{ right: 22%; }
.colleft{ right: 25% }
.col1{
   width: 27%;
   left: 93%;
}
.col2{
   width: 44%;
   left: 21%;
}

#landing .col2{
   width: 71%;
   left: 48%;
}
.col3{
   width: 25%;
   left: 50%;
}

.colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   /*background-color: green;*/
   background:#FFF;
}
.colmid{
   float: left;
   width: 100%;
   position: relative;
   /*background-color: purple;*/
   background:#FFF;
}
.colleft{
   float: left;
   width: 100%;
   position: relative;
   /*background-color: red;*/
   background:#FFF;
}
.col1{
   padding: 0;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2{
   padding: 0;
   overflow: hidden;
   float: left;
   position: relative;
   /*background-color: blue;*/
}
.col3{
   padding: 0;
   overflow: hidden;
   float: left;
   position: relative;
   /*background-color: yellow;*/
   background:#FFF;
}

.bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
}

/* @end */



a.questions {
	background: url(../images/email.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 20px;
}