﻿
body {
	background-position: top;
	background-color: #98C1D6;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;
	background-image: url('images/top-strip.jpg');
	background-repeat: repeat-x;
}


#header {
	/*holds all the headings */
	margin: 0px 0px 0px 0px;
/*background-image: url('images/header9.jpg');
	height: 219px;
 */	background-image: url('images/altheader.jpg');
	width: 717px;
	height: 121px;
	position: relative;
	z-index: 0;
	background-repeat: no-repeat;
}
#logo_w1{
	font-size: 14px;
	font-style: italic;
	color: #545454;
	width: 230px;
	padding-left: 10px;
	padding-top: 10px;
}

#logo_w2{
	font-size: 16px;
	font-style: italic;
	color: #008080;
	position: absolute;
	top: 90px;
	left: 123px;
	width: 672px;
	text-align: right;
	z-index: 10;
}

p { 
        font-size: 11px; 
        margin: 1em 0.5em 0.5em 0.5em; 
}

h3 { 
        font-size: 11px; 
        margin: 1em 0.5em 0.5em 0.5em; 
}

p { 
        margin-top: 0.5em; 
}

img {
        border: 0;
}

a {
        color: #be0404;
        text-decoration: none;
}

#subright ul a {
        text-decoration: underline;
}

#wrapper {
	margin: auto;
	text-align: left;
	width: 717px; /*holds all the contentbelow the heading */;
	background-image: url('images/content_bg.gif');
	

        
        
       /* background: white; */
}

#wrapperi {
        padding: 0px 2px;
        background: url(images/dot.gif) 319px 0px repeat-y; 
}

#wrapperj {
      /*  background: url(images/dot.gif) 526px 0px repeat-y; */
}

#strategies ul {
        margin: 0;
        padding: 0;
}

#strategies li {
        margin: 0;
        padding: 0;
}

#footnav {
        margin: 0;
        padding: 0;
}

#special h3 {
        margin: 0;
        padding: 0;
}

#special {
        margin: 0;
        padding: 0;
}

h2 {
        margin: 0;
        padding: 0;
}

#nav li {
        margin: 0;
        padding: 0;
}

#nav {
        margin: 0;
        padding: 1px;
}


.clear {
        clear: both;
        font-size: 1px;
        height: 1px;
        margin: -4 0 -4px 0;
     
}

#left {
	float: left;
	width: 306px;
	margin-left: 2px;
}

#right {
	float: right;
	width: 421px;
	vertical-align: top;
}
/*navigation at the top left */
#nav {
	float: left;
	width: 125px;
	margin: 2px 0 0 0;
	padding: 0;
}

#nav li {
	background: #f7fafd url('images/small-blue_arrow.jpg') repeat-y left
center;
	border: 2px solid #b5d3ff;
/*        background: #A6BF7D url(images/menu_green_arrow.gif) left center repeat-y; */	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

* html #nav li { /* IE 5.x hack */
        padding-left: 20px;
        padd\ing-left: 36px;
}

#nav a {
	color:#545454;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}
#nav a:hover{
	color: #c77e0c;
	font-style: italic;
	padding-left: 2px;
}

/*text to teh right of the navigation */
#policies {
	background-position: left;
	float: right;
	width: 180px; /*   border: 1px solid #bdbab6; */;
	margin: 0;
	
}
#policy-image{
	background-position: left;
	background-image: url('images/index-policy.jpg');
	background-repeat: no-repeat;
	height: 205px;
	vertical-align: middle;
	line-height: 110%;
	text-align: left;
	padding-left: 5px;
	padding-top: 25px;
	font-family: Verdana;
	margin-left: 0px;
	margin-top: -25px;
	
}
#policies h2 {
     
}

#policies ul {
        padding-left: 25px;
        padding-bottom: 1px;
        margin: 12px 0 1px 0;
}

#policies li {
	/*      list-style-image: url(images/bullet_dimond.gif);*/
        padding-bottom: 8px;
	padding-left: 0;
	margin-left: 0;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}


#explore {
        margin-top: -1px;
      background: #fff url(images/right_bg.jpg) bottom right repeat-x;
      /*   border-bottom: 6px solid #fff; */
        height:280px 

}

#explorei {
   /*     background: url(images/right_woman.jpg)  bottom right no-repeat; */
          background: url(images/right_woman.gif)  bottom right no-repeat; 

        padding-bottom: 11px;
          height:280px  
}
/*links on the right that don't go anywher yet */
#explore ul {
	     margin-top: 16px;
        margin-bottom: 8px;
        margin-left: 0;
        padding-left: 25px;
        text-decoration: none;
}

#explore a {
        color: #000;
       /* text-decoration: underline; */
}

#explore a:hover{
	color: #c77e0c;
	font-style: italic;
	padding-left: 2px;
}

#explore li {
	list-style: none;
	background: url(images/bullet_arrow.gif) left center no-repeat;
	padding: 4px 0 4px 25px;
	margin-left: 0;
	
}

#explore .orange {
        color: #f09d27;
}

#explore .learnmore {
        margin: 5px 0 20px 18px;

}
#strategies {
	float: left;
	width: 195px;
	margin-left: 10px;
	padding-top:5px;
}

#strategies li {
        list-style: none;
        margin: 0.8em 0.5em;
}

#solutions {
        float: right;
        width: 213px;
        padding-top:5px;
}
/*
#solutions h2 {
        background: #024c83;
}
*/
#footer {
	text-align: right;
	background: #b7b7b8;
	color: #666;
	border-top: 2px solid #fff;
	}
#footerline {
	background-image: url('images/footer_bg-new.gif');
	font-size: 1px;
	height: 10px;
}

* html #footer {
    height: 1.5em;
}

#footeri {
     padding: 2px 3px 4px 13px;
     border-bottom: 2px solid #fff;
}

#footer .copyright {
        float: left;
}

#footer a {
        color: #666;
}


.readmore {
        text-align: right;
        font-weight: bold;
}

.green {
        color: #6aa100;
}
.blue {
        color: #4880ab;
}
.orange {
        color: #e0a403;
	font-weight: 700;
}

p.photo {
        text-align: center;
}

#callbox {
        float: left;
        clear: left;
        margin: 0;
}

.box { text-align: center; padding: 2px; color:#545454; width:80%;  margin:5px auto; }

.box-left {
	text-align: justify;
	padding: 4px;
	color: #545454;
	width: 90%;
	margin: 5px auto;
	line-height:130%
}

.box-ul {
	text-align: left;
	padding: 4px;
	color: #545454;
	width: 90%;
	margin: 5px auto;
	line-height: 130%;
	font-size: 90%;
}

.b-grey { background-color: #efefef; border: 2px solid #dedede;  }
.b-blue  { background-color: #f7fafd; border: 2px solid #b5d3ff; }
.b-green    { background-color: #d7f7c4; border: 2px solid #a6bf79; }
.b-yellow { background-color: #fef5be; border: 2px solid #fdd425; }
.b-red { background-color: #ffcdd1; border: 2px solid #e10c0c;  }
.b-red-explore { background-color: #ffcdd1; /*border: 2px solid #e10c0c; */ }

h2{
	font-size: 11px;
	font-weight: normal;
}

/*Sub pages and template -------------------------------------------------------*/
.b-blue-policy  {
	padding: 6px;
	background-color: #f7fafd;
	border: 2px solid #b5d3ff;
}
#policy-template {
        float: right;
        width: 178px;
     /*   border: 1px solid #bdbab6; */
        margin: 0;
}
.b-green-policy    { background-color: #d7f7c4; border: 2px solid #a6bf79; }
.b-yellow-policy {
	/*	background-color: #FEF8D6;
	border: 2px solid #fdd425; */
	background: url('images/template-policy.jpg') no-repeat left;
	line-height: 150%;
	vertical-align: middle;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
	font-size: 11px;
	font-family: Verdana;
	margin-left: 0px;
	height: 157px;
	padding-top: 10px;
	color: #545454;
	font-weight: bolder;
}
.b-red-policy { background-color: #ffcdd1; border: 2px solid #e10c0c;  }
