/*
// $Id: wrapper.css,v 1.12 2010/11/17 03:05:03 karenk Exp $
// $Revision: 1.12 $
// $Author: karenk $
//
// $Log: wrapper.css,v $
// Revision 1.12  2010/11/17 03:05:03  karenk
// misc qa
//
// Revision 1.11  2010/07/23 20:48:51  karenk
// update h3 style
//
// Revision 1.10  2010/07/23 19:42:37  karenk
// style updates for cmt editor
//
// Revision 1.8  2010/06/29 22:17:49  karenk
// add rounded corners
//
// Revision 1.7  2010/06/29 21:01:56  karenk
// *** empty log message ***
//
// Revision 1.6  2010/06/28 20:22:05  karenk
// fix some positioning wierdness
//
// Revision 1.5  2010/06/28 19:58:10  karenk
// about us js, contact us form.
//
// Revision 1.4  2010/06/28 00:55:39  karenk
// add js
//
// Revision 1.3  2010/06/27 18:39:25  karenk
// add homepage js features
//
// Revision 1.2  2010/06/25 23:15:00  karenk
// start wrapper add
//
// Revision 1.1  2010/06/25 21:34:17  karenk
// initial checkin
//
*/
body {
	margin: 0;
	background: #fff url(../images/bg-main.jpg) 0 0 no-repeat;
	font-family: verdana, arial, sans-serif;
}
/* remove outline around links */
a, input {   
    outline: none;   
}
img {
	border: none;
}
h3 {
	color: #4b7590;
	font-weight: bold;
	font-size: 14px;
}
form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.l {float: left;}
.r {float: right;}

#containerMain {
	position: relative;
	width: 1000px;
	overflow: auto;
	background: url(../images/bg-logo-leed.gif) bottom left no-repeat;
}
#boxHeaderLogo {
	position: relative;
	margin: 60px 0 0 0;
	width: 850px;
	height: 52px;
}
#boxLogo {
	float: left;
	margin: 14px 0 0 30px;
}
#boxTagline {
	float: left;
	margin: 14px 0 0 38px;
}

/* Navigation */
#containerNav {
	position: absolute;
	top: 165px;
	left: 0px;
	width: 257px;
	height: 190px;
}
a#navAbout {
	display: block;
	width: 256px;
	height: 29px;
	background: url(../images/bg-nav-about.png) top left no-repeat;
}
a#navAbout:hover {
	background: url(../images/bg-nav-about.png) bottom left no-repeat;
}
a#navDocs {
	display: block;
	width: 256px;
	height: 29px;
	background: url(../images/bg-nav-docs.png) top left no-repeat;
}
a#navDocs:hover {
	background: url(../images/bg-nav-docs.png) bottom left no-repeat;
}
a#navContact {
	display: block;
	width: 256px;
	height: 29px;
	background: url(../images/bg-nav-contact.png) top left no-repeat;
}
a#navContact:hover {
	background: url(../images/bg-nav-contact.png) bottom left no-repeat;
}
a#navWorkbook {
	display: block;
	width: 256px;
	height: 87px;
	background: url(../images/bg-nav-workbook.png) top left no-repeat;
}
a#navWorkbook:hover {
	background: url(../images/bg-nav-workbook.png) bottom left no-repeat;
}

/* Content Area */
#containerContent {
	position: relative;
	float: right;
	margin: 12px 0 0 0;
	width: 729px;
}

#boxContentLeft {
	position: relative;
	float: left;
	margin: 0 0 50px 0;
	width: 470px;
}
.txtContent {
	padding: 0 0 0 8px;
	font-size: 12px;
	line-height: 18px;
	color: #88796b;
}
.txtContent a {
	font-weight: bold;
	text-decoration: none;
}
.txtContent a:link, .txtContent a:visited {
	color: #675d53;
	
}
.txtContent a:hover, .txtContent a:active {
	color: #507b97;
}
/* heros */
#boxHeroInterior {
	margin: 0 0 35px 0;
}
#boxHeroHome {
	position: relative;
	margin: 0 0 35px 0;
	width: 729px;
	height: 460px;
}
#homeHeroImgs {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 729px;
	height: 435px;	
}
#homeHeroImgs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#homeHeroImgs ul li {
	display: none;
}
#homeHeroNumbers {
	position: absolute; 
	bottom: 0px; 
	left: 0px;
	width: 100%;
	font-family: Verdana;
	font-size: 12px;
	border-top: solid 1px #dbd7d2;
}
#homeHeroNumbers ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#homeHeroNumbers ul li {
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #4b7590;
	background-color: #ffffff;	
	cursor: pointer;
}
#homeHeroNumbers #On {
	color: #ffffff;
	background-color: #88796b;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
	
}




/* Rightside */
#boxContentRight {
	position: relative;
	float: right;
	margin: 0 0 50px 0;
	width: 233px;
}
.txtNewsDate {
	margin: 10px 0 5px 0;
	padding: 0 0 0 7px;
	font-family: courier, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #afa295;
}
.txtNewsIntro {
	width: 219px;
	margin: 0 0 25px 0;
	padding: 0 7px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #afa295;
	background: #f5f4f2 url(../images/bg-news-events-lines.gif) top left repeat-y;
}


a.btnNewsMore {
	display: inline-block;
	margin: 0 0 0 8px;
	width: 19px;
	height: 11px;
	background: url(../images/button-see-more.gif) top left no-repeat;
}
a.btnNewsMore:hover {
	background: url(../images/button-see-more.gif) bottom left no-repeat;
}

/* Footer */
#containerFooter {
	position: relative;
	width: 1000px;
	height: 48px;
	background: url(../images/bg-footer.gif) top left no-repeat;
}
#boxFooterLogos {
	float: left;
	padding: 16px 0 0 0;
}
#boxFooterText {
	float: left;
	padding: 14px 0 0 30px;
	font-size: 12px;
}
#boxFooterText a:link, #boxFooterText a:visited {
	color: #fff;
	text-decoration: none;
}
#boxFooterText a:hover, #boxFooterText a:active {
	color: #b7d5e9;
	text-decoration: underline;
}
.txtFooterDiv {
	display: inline;
	padding: 0 15px;
	color: #87a9be;
}

/* Homepage bullets */
.homeBulletTitle {
	margin: 2px 0 10px 0;
	padding: 0 0 0 14px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	cursor: pointer;	
}
.homeBulletTitle.Off {
	background: url(../images/button-expand.gif) 0px 5px no-repeat;
	color: #675d53;
}
.homeBulletTitle.On {
	background: url(../images/button-collapse.gif) 0px 5px no-repeat;
	color: #507b97;
}
.homeBulletText {
	font-size: 12px;
	line-height: 18px;
	color: #88796b;
	font-weight: normal;
	display: none;
	cursor: auto;
}

/* About page */
#boxAbout {
	position: relative;
}
#keyPoints {
	width: 470px;
}
#keyPoints:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#keyPoint1 { 
	background:transparent url(../images/image-key-points.gif) no-repeat scroll 0 0; 
	background-position:0px 0px; 
	width:150px;
	height:164px;  
	float: left;
	display:block; 
	overflow:hidden; 
	cursor:pointer; 
}
#keyPoint1.On {
	background-position:0 -164px;	
} 
#keyPoint2 { 
	background:transparent url(../images/srpite-key-points.gif) no-repeat scroll 0 0; 
	background-position:-154px 0px; 
	width:154px;
	height:164px;  
	float: left;
	display:block; 
	overflow:hidden; 
	cursor:pointer; 
}
#keyPoint2.On {
	background-position:-154px -164px; 
} 
#keyPoint3 { 
	background:transparent url(../images/srpite-key-points.gif) no-repeat scroll 0 0; 
	background-position:-319px 0px; 
	width:165px;
	height:164px;  
	float: left;
	display:block; 
	overflow:hidden; 
	cursor:pointer; 
} 
#keyPoint3.On {
	background-position:-319px -164px;
} 
.boxAboutTitle {
	display: none;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 10px;
	background-color: #88796b;
}
.boxAboutText {
	display: none;
}


#contactform .formTitle {
	font-family: Courier;
	font-size: 12px;
	color: #afa295;
	margin: 0 0 2px 0;
}
#contactform .formField {
	font-family: Courier;
	font-size: 12px;
	color: #afa295;
	margin: 5px 0 20px 0;
	
}
#contactform .formField input {
	width: 355px;
	height: 32px;
}
#contactform .formField textarea {
	width: 355px;
	height: 153px;
}
#contactform .formField input,textarea {
	border: solid 1px #e9e7e4;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #afa295;
	background-color: #f5f4f2;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;

}
#trap {
 visibility: hidden;
}