/* CSS Document */
body, html { width:100%; height:100% !important; margin:0 auto 0 auto; padding:0; border:0;
	font: small Arial, Helvetica, sans-serif; background:  url(../pics/bgTop.gif) 50% 0% repeat-x; text-align:center;}

body#home {	width:100%; height:100% !important;	margin:0 auto 0 auto; padding:0; 
	font: small Arial, Helvetica, sans-serif; text-align:center; text-align:center;}
	
.off-left {	position: absolute;	left: -999px; width: 990px;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft{	clear:left;}
.clearBoth{	clear:both;}
.clearRight{ clear:right;}

h1{ font-size:130%; margin-left:53px; }
h2{ font-size:110%; margin-left:53px; }

/********* Main Wrappers **********/
#OuterWrapper {display:block; width:100%; min-height:100%; height:auto !important; height:100%;
	background: url(../pics/bgBottom.gif) 50% bottom repeat-x;}
#Wrapper {display:block; width:980px; min-height:100%; height:auto !important; height:100%;
	margin:0 auto 0 auto; padding:0; border:0;}

#contentWrapper {display:block;	width: 980px; height:auto; margin:4px 0 20px 0; padding:0; border:0;
	color:#252525; text-align:left;	float:left;	clear:none;}

#content {display:block; width:747px; height:auto;	margin:0; padding:0; border:0; float:left; clear:none;}

/*fix for IE6 */
* html content{	margin-left:20px;}

/********* Four Boxes **********/
#boxWrapper {width:auto; min-height:200px; height:auto !important; height:200px;
	padding:0; margin:0 0 15px 0; border:0;	float:right; clear:both;}
	
.boxes {display:block; width:165px;	border:0; margin:0 10px 4px 0; padding:0; text-align:left; float:left;}

.boxes  a:link, .boxes  a:visited {	display:block; width:auto; min-height:33px; height:auto !important; height:33px;
	padding:50px 5px 0 20px; text-decoration:none; font-weight:bold; font-size:90% }
	
.boxes  a:hover, .boxes  a:active {	text-decoration:underline;}

.box1 { background: #000 url(../pics/boxes/bgBox1.jpg) 0 0 no-repeat;}
.box2 {	background: #000 url(../pics/boxes/bgBox2.jpg) 0 0 no-repeat;}
.box3 {	background: #000 url(../pics/boxes/bgBox3.jpg) 0 0 no-repeat;}
.box4 {	background: #000 url(../pics/boxes/bgBox4.jpg) 0 0 no-repeat;}


.box1 a { background:url(../pics/boxes/ithink.gif) left 0 no-repeat; color:#4A8BCE;}
.box1 a:hover { background:url(../pics/boxes/ithink.gif) right 0 no-repeat; }

.box2 a { background:url(../pics/boxes/ilearn.gif) left 0 no-repeat; color:#C4F091;}
.box2 a:hover { background:url(../pics/boxes/ilearn.gif) right 0 no-repeat; }

.box3 a { background:url(../pics/boxes/ineed.gif) left 0 no-repeat; color:#7FDBE6;}
.box3 a:hover { background:url(../pics/boxes/ineed.gif) right 0 no-repeat; }

.box4 a { background:url(../pics/boxes/iacquire.gif) left 0 no-repeat; color:#E82109;}
.box4 a:hover { background:url(../pics/boxes/iacquire.gif) right 0 no-repeat; }

.box1Base {width:155px; padding-right:10px; height:35px; background:#000 url(../pics/boxes/box1Base.gif) 0 bottom no-repeat;}
.box2Base {width:155px; padding-right:10px; height:35px; background:#000 url(../pics/boxes/box2Base.gif) 0 bottom no-repeat;}
.box3Base {width:155px; padding-right:10px; height:35px; background:#000 url(../pics/boxes/box3Base.gif) 0 bottom no-repeat;}
.box4Base {width:155px; padding-right:10px; height:35px; background:#000 url(../pics/boxes/box4Base.gif) 0 bottom no-repeat;}

/*fix for IE6 */
* html .box1Base, .box2Base, .box3Base, .box4Base {width:160px; padding-right:5px; margin:0;}
#boxWrapper a.Arrow {display:block; width:130px; min-height:23px; height:auto !important; height:23px; 
	margin:0; padding:0 30px 0 0 ; border:0; text-align:right; line-height:150%; float:right;}

#boxWrapper a.Blue  { background: url(../pics/boxes/BlueArrow.gif) right 50% no-repeat;}
#boxWrapper a:hover.Blue{ background: url(../pics/boxes/BlueArrow.gif) 0 50% no-repeat;}
#boxWrapper a.Green  { background: url(../pics/boxes/GreenArrow.gif) right 50% no-repeat;}
#boxWrapper a:hover.Green{ background: url(../pics/boxes/GreenArrow.gif) 0 50% no-repeat;}
#boxWrapper a.Turquoise  { background: url(../pics/boxes/TurquoiseArrow.gif) right 50% no-repeat;}
#boxWrapper a:hover.Turquoise{ background: url(../pics/boxes/TurquoiseArrow.gif) 0 50% no-repeat;}
#boxWrapper a.Red  { background: url(../pics/boxes/RedArrow.gif) right 50% no-repeat;}
#boxWrapper a:hover.Red{ background: url(../pics/boxes/RedArrow.gif) 0 50% no-repeat;}

#boxWrapper .boxes p { display:block; width: auto; min-height:100px; height:auto !important; height:100px;
 margin:0 8px 0 0; padding:0 0 0 20px; font-size:80%; color:#fff; line-height:normal;
 background: url(../pics/boxes/bgPara.gif) 0 0 repeat-y;}
 
#boxWrapper .boxes br { display:block; background: url(../pics/boxes/bgPara.gif) 0 0 repeat-y; margin:0; padding:0 10px 0 20px;}

.lastbox { float:left; clear:right;}


/********* Top Banner **********/
#banner {display:block; height: auto; width:980px;
	margin:0; padding:0; text-align:left; background: url(../pics/bgIcons.jpg) right 69px no-repeat; float:left;}
.logo {	display:block;	width:auto; margin:66px 0 0 0; padding:0; border:0;	float:left;}
#banner img {border:0;}

#iconsHome {width: 605px; min-height:290px; height:auto !important; height:290px;
	padding:48px 0 0 0; margin:0 80px 0 0; border:0; background: none;
	text-align:left; font-size:110%; color:#fff; float:right;}
	
/* fix for IE5 */
* html #iconsHome{margin:0 40px 0 0;}

/*********** Main Content *************/

#content p{	margin: 0 0 10px 53px; padding:0; font-size:90%; line-height:150%; border:0;}

#content h1.bigDots  {display:block; background: url(../pics/bigDotsGrey.gif) 0 50% no-repeat; padding:20px 0 20px 55px;}
#content h2.bigDotsBottom  {display:block; background: url(../pics/bigDotsGrey.gif) 0 50% no-repeat; margin-left:23px; padding:20px 0 20px 55px;}

#content p{display:block; width:auto;	margin:0 0 10px 53px;}
#content p.iThink{background:url(../pics/iThinkLogo.gif) 0 0 no-repeat; color:#336699; padding:44px 60px 0 0; font-weight:bold;}
#content p.iLearn {	background:url(../pics/iLearnLogo.gif) 0 0 no-repeat; color:#7AB700; padding:44px 60px 0 0; font-weight:bold;}
#content p.iNeed  {	background:url(../pics/iNeedLogo.gif) 0 0 no-repeat; color:#6BCDD9; padding:44px 60px 0 0; font-weight:bold;}

#content ul {display:block; width:auto;	margin:0 0 20px 53px; padding:0; border-bottom:1px solid #ccc;}
#content li{position:relative; clear:left; list-style:none;}
#content li a {	display:block; width:auto; min-height:16px; height:auto !important; height:16px;
	margin:0; text-decoration:none; color:#336699;}
#content li a:hover { text-decoration:underline; color:#99CC33;}

#conference{ width:680px; height:130px; margin: 30px 0 10px 53px; padding:0; font-size:90%; line-height:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

#conference img{ border:0; padding:0;}

#Nav .c8Home {
	display:block;
	margin-top:20px; padding:20px 14px 1px 14px;
	background:#eee url(../pics/bg2c8.png) 0 0 no-repeat;
}
#Nav .c8Home  a.moreLink {
	padding:0 20px 0 0 ;
	background:url(../pics/arrowBlack.png) right 0 no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#F63;
}
#Nav .c8Home a:hover.moreLink {
	color:#000;
}

/********* iThink Content Links ***********/
#content .iThink li a {	text-decoration:none; color:#336699; background:#EAEFF5 url(../pics/bulletBlue.gif) 10px 50% no-repeat; padding:5px 0 5px 25px;	border-top:1px solid #ccc; }
	
#content .iThink li a:hover {background:#EAEFF5 url(../pics/bulletGreen.gif) 10px 50% no-repeat; text-decoration:underline; color:#7AB700;}

/********* iLearn Content Links ***********/
#content .iLearn li a {	text-decoration:none; color:#7AB700; padding:5px 0 5px 25px; border-top:1px solid #ccc;
	background:#F4F9E6 url(../pics/bulletGreen.gif) 10px 50% no-repeat;}
	
#content .iLearn li a:hover {background:#F4F9E6 url(../pics/bulletBlue.gif) 10px 50% no-repeat; text-decoration:underline; color:#336699;}

/********* iNeed Content Links ***********/
#content .iNeed li a {text-decoration:none; color:#31BCCC; padding:5px 0 5px 25px; border-top:1px solid #ccc;
	background:#F2FBFC url(../pics/bulletTurquoise.gif) 10px 50% no-repeat;}
	
#content .iNeed li a:hover {background: #F2FBFC url(../pics/bulletBlue.gif) 10px 50% no-repeat; text-decoration:underline; color:#336699;}

/*********** Contact us Box under Nav *************/

#contactBox {display:block;	width:223px; height:auto; margin:0 0 20px 0; padding:22px 0 15px 10px; border:0; color:#fff;
	background: #336699  url(../pics/bg-ContactBox.gif) 0 0 repeat-x; float:left;}
#contactBox H4{ margin:0 0 10px 0; font-size:110%;}
#contactBox p {margin:0 0 5px 0; font-size:100%; font-weight:bold;}
#contactBox a{color:#fff; text-decoration:none;}
#contactBox a:hover{text-decoration:underline;}

/*********** Resources Table *************/
#docTable{border:0;	padding:0; margin:0; width:450px; border-spacing: 0;}
#docTable th {padding:3px 0 3px 0; font-weight:bold; text-align:left; border-style:solid; border-color:#CCC; border-width:0 0 1px 0;}
#docTable td {padding:3px 10px 3px 0; margin:0;  border-style:solid; border-color:#CCC; border-width:0 0 1px 0; vertical-align:top;}
#docTable img {margin:3px 5px 3px 0; float:left; }
.pdfcell {width:100px; padding-right:2px; }

/*********** Contact us *************/
.tel, .fax{ font-weight:bold; margin:0 30px 0 0; color:#487D8A;}
.email {margin:10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #666;}
.email a{padding:0 13px 0 0; background:url(../pics/ArrowBoxRed.gif) right 50% no-repeat}
/*********** W3C icons *************/

.w3c{ width: 88px; display:inline; margin:10px 10px 0 0; float:left;}

/*********** testimonials bubble *************/

.testimonials {display:block; width:232px; height:auto; margin:110px 0 0 0; padding:20px 0 0 0; border:0; float:left; background:#E0EFC2 url(../pics/bgSpeechTop.gif) 0 0 no-repeat;}
.testimonials p{ width:180px; margin:0 25px 0 25px; font-size:110%; font-weight:bold; font-style:italic; color:#252525; line-height:150%;}
.testimonials p.name {background: #fff url(../pics/bgSpeechBottom.gif) 0 top no-repeat; width:207px; margin:0; font-size:90%; font-style:normal; padding:45px 0 0 25px; line-height:120%;}

/*********** Up Link *************/
#up {display:block;	width: auto; height:auto; margin:20px 0 10px 0; padding:0;
	text-align:center; font-weight:bold; font-size:80%;	float:right; clear:right;}
#up a:link, #up a:visited {display:block; width: 23px; padding:30px 0 0 0; border:0;
	text-decoration:none; color:#99CC33; background:url(../pics/upArrow.gif) 0 0  no-repeat;}
#up a:hover, #up a:active {text-decoration:underline; color:#336699; background:url(../pics/upArrow.gif) right 0 no-repeat;}

/*********** Copyright *************/

#copyright{	display:block; position:relative; bottom:0;	width:auto; min-height:24px; height:auto !important; height:24px;
	margin:0 auto 0 auto; padding: 17px 0 0 0; border: 0; background: url(../pics/bgBottom.gif) bottom left repeat-x;
	font-size:80%;	color:#fff; text-align:center; clear:both;}
#copyright ul {	display:block; margin:0; padding: 0; border:0; font-weight:normal;}
#copyright ul li { display: inline; margin:0 0 0 15px; padding:0; list-style-type: none;}
#copyright ul li a:link, #copyright ul li a:visited {margin:0; padding: 0; border:0;
	color: #fff; font-weight:bold; text-decoration:none;}
#copyright ul li a:hover, #copyright ul li a:active {text-decoration:underline;}