/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body, p, td, h1, h2, h3, h4, h5, a, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

body {
	background-image: url(images/bkline.gif);
	background-repeat:repeat-y;
	background-attachment: fixed;
	background-color: #3d6e9e;
}

td {
	vertical-align: top;
}

/* Main Page Container to implement two level background */
#pageContainer {
	background-image: url(images/bk.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
	clear: right;
	height: 663px;
	overflow: visible;
	width: 100%;
}

/* Navigation - currently left column of two column page layout */
#navigation {
	float: left;
	width: 280px;
}

#corporateMast {
	text-align: center;
	padding: 37px 0 0 0;
}

#news {
	width: 190px;
	float: left;
	margin-top: 40px;
	background-color: #4b88c3;
}

#endorsements {
	width: 190px;
	clear: left;
	padding: 40px 10px 0 10px;
	text-align: center;
}


#news h1 {
	font-size: 11px;
	padding: 8px;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #336699;
}

#news p {
	padding: 10px;
	font-size: 10px;
	line-height: 16px;
}

#news p.signature {
	text-align: right;
}

#news a {
	font-size: 11px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

#navigationTabs {
	width: 31px;
	float: right;
	margin-top: 40px;
}

#navigationTabs ul {
	list-style: none;
}

#navigationTabs a {
	display: block;
}

#navigationTabs ul li {
	width: 31px;
	height: 91px;
}

#navigationTabs ul li.divider {
	height: 5px;
	border-top: solid 1px #b7d087;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0;
	margin: 0;
}

#navigationTabs ul li:hover ul{
	left: auto;
}

#navigationTabs ul li ul{
	position: absolute;
	margin-top: -88px;
	margin-left: 31px;
	border: solid 1px #7faf4e;
	left: -2000px;
	background-color: #6c9c3b;
}

#navigationTabs ul li ul li{
	width: 195px;
	margin: 0;
	height: 75px;
	background-repeat: no-repeat; 
	background-position: 10px 15px;
	overflow: hidden;
}

#navigationTabs ul li ul li:hover{
	background-color: #517928;
}

#navigationTabs ul li ul a{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid 1px #ffffff;
	width: 115px;
	padding: 15px 15px 15px 65px;
	height: 45px;
}

#navigationTabs ul li ul a:hover{
	color: #e9e9af;
}

#navigationTabs ul li ul a img{
	float: left; 
	margin-right: 10px;
}

#navigationTabs hr {
	width: 115px;
	color: #FFFFFF;
	height: 1px;
	background-color: #FFFFFF;
	margin-top: 7px;
}


/* Content - currently right column of two column page layout */
#pageContent {
	float: left;
	width: 480px;
	padding-left: 30px;
}

#pageContent p {
	font-size: 11px;
	margin: 10px 0 20px 0;
	line-height: 16px;
}

#pageContent p.signature {
	text-align: right;
}

#pageContent  ul {
	list-style: none;
	margin: 15px 0 20px 0;
	line-height: 18px;
}

#pageContent  li {
	margin: 0 0 8px 13px;
	text-indent: -12px;
	font-size: 10px;
	font-weight: bold;
}

#pageContent p.pageLinks {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 5px 0 0 0;
}

#pageContent p.pageLinks a {
	margin-left: 25px;
}

#pageContent p.pageLinks img {
	vertical-align: middle;
	margin-right: 5px;
}

#pageContent p.pageIntroduction {
	margin-top: 15px;
	margin-bottom: 18px;
}

#pageContent h1.pageIntroduction {
	margin-top: 15px;
	margin-bottom: 18px;
}

#pageContent p.submitButton {
	text-align: right;
}

#pageContent a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#pageContent a:hover {
	color: #e9e9af;
}

#pageContent a.submitButton {
	background-color: #990000;
	padding: 6px 10px;
	border-bottom: solid 1px #550000;
	border-right: solid 1px #550000;
	border-top: solid 1px #dd0000;
	border-left: solid 1px #dd0000;
}

#pageContent a.submitButton:hover {
	background-color: #cc6600;
	border-bottom: solid 1px #ad5600;
	border-right: solid 1px #ad5600;
	border-top: solid 1px #e67300;
	border-left: solid 1px #e67300;
}

#pageContent h1 {
	font-size: 14px;
	color: #e9e9af;
	font-weight: bold;
	font-variant: small-caps;
	margin-bottom: 10px;
}

#pageContent h2 {
	font-size: 12px;
	color: #e9e9af;
	font-weight: bold;
}

#pageContent h3 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
#pageContent h4 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #6699CC;
}
#pageContent .newsBullet {
	float: left;
	margin-right: 5px;
}

#pageContent p.screenShots {
	text-align: center;
	line-height: 15px;
}

#pageContent p.screenShots img {
	display: inline;
	margin-right: 7px;
}

/* Formats for CPBinc survey form & contact us page */
#pageContent td.formLabel {
	text-align: right;
	font-size: 12px;
	padding-right: 5px;
	white-space: nowrap;
	height: 18px;
	}
#pageContent td.formInput {
	font-size: 12px;
	height: 18px;
	}
#pageContent a.lnkWhiteLg:link {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#pageContent a.lnkWhiteLg:hover {
	color: #e9e9af;
	text-decoration: underline;
}
.formTxtBox {
	font-size: 12px;
	}

.errorMessage {
	font-size: 10px;
        color: #CC6600;
	}
	
/* Formats for featured graphics area on each page */
#demoGraphic {
	float: right;
	margin: 5px 0 30px 20px;
}

#demoGraphic ul {
	list-style: none;
}

#demoGraphic li {
	margin: 0 0 8px 18px;
	padding-right: 5px;
	text-indent: -11px;
}

#demoGraphic h1 {
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	margin: 8px 10px 8px 12px;
	padding: 0;
}

#demoGraphic .infoTableHeader {
	background-color: #517928;
}

#demoGraphic .infoTable h2 {
	margin: 10px 10px 5px 12px;
}

#demoGraphic .infoTable h3 {
	margin: 10px 10px 5px 12px;
}

#demoGraphic p {
	margin: 10px 15px 20px 12px;
}

#demoGraphic p.moreLink {
	margin-top: -10px;
}

#demoGraphic p.signature {
	text-align: right; 
	font-weight: bold;
}

#demoGraphic table.featuredSites {
	width: 190px; 
	margin-bottom: 20px;
	border-collapse: collapse;
	background-color: #6e9e3d;
}

#demoGraphic table.featuredSites td {
	padding: 10px 10px 0 10px;
}

#demoGraphic table.featuredSites img {
	float: left;
	border: 0;
	margin-right: 10px;
}

#demoGraphic table.featuredSites p {
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 15px 0;
}

#demoGraphic table.featuredSites h1 {
	margin: 0 0 10px 0;
}

#demoGraphic table.featuredSites h2 {
	margin: 0 0 5px 0;
}

#demoGraphic table.featuredSites h2 a{
	font-size: 12px;
	color: #e9e9af;
	font-weight: bold;
}

#demoGraphic .infoTable {
	width: 190px; 
	margin-bottom: 20px;
	border-collapse: collapse;
	background-color: #6e9e3d;
}

#demoGraphic .infoTableStacked {
	width: 120px; 
	margin-bottom: 10px;
	margin-right: 10px;
	border-collapse: collapse;
	background-color: #6e9e3d;
	float: left;
	padding: 0;
}

#demoGraphic .infoTableStacked h1 {
	margin-left: 8px;
}

#demoGraphic table.infoTableStacked td.infoTableHeader {
	height: 35px;
}

#demoGraphic table.infoTableStacked td.infoTableContent {
	height: 200px;
}

#demoGraphic .partnerships {
	background-color:#FFFFFF; 
	text-align: center;
}

#demoGraphic .partnerships img {
	margin: 15px 0;
}

#demoGraphic.callOut {
	width: 170px; 
	margin-bottom: 30px;
	background-color: #6e9e3d;
	border: solid 1px #7faf4e;
	padding-left: 10px;
	padding-right: 10px;
}

#demoGraphic.callOut p {
	margin-left: 5px;
}