@import url("menu.css");



body{margin:0; padding:0; font:9pt/1.4 verdana,arial,serif; color:#666;}



/*common*/

h1,h2,h3,h4{margin:0.2em 0;}

h1{color:#86991C; font-size:12pt; font-weight:bold;}

h2{color:#ff6600; font-size:11pt;}


hr{border:1px dashed #ccc; height:1px; margin:5px 0; padding:0;}

#contentMain ul{list-style-type:square;}

a:link, a:active, a:visited, a:hover, a:focus{color:#ff6600; text-decoration:none; outline-style:none;}

a:hover{color:#3c3c3c;}

a.externalLink{background:url(images/newWindowIcon.gif) center right no-repeat; padding-right:20px;}

blockquote{margin: 0.8em 1em; padding:0 0 0 10px; color:#0066cc; font-size:11pt; font-weight:bold; border-left: 4px solid #BAC654;}

ol.large{font-size:10pt; font-weight:bold; line-height:1.6em;}



/*layout*/

#header{margin:0; padding:0; background:#127BA0; height:92px;}

#header.internal{margin:0; padding:0; background:#CFE4EB; height:92px;}

#header a{position:absolute; top:0; left:0; width:315px; height:92px;}

#header #logo{position:absolute; width:315px; background:#CFE4EB url(images/logo.gif) 0 center no-repeat; padding:0 0 0 80px; height:92px;}

#header #logoPercentage{position:absolute; width:265px; height:92px; background:#CFE4EB url(images/logo.gif) 0 center no-repeat; padding:0 0 0 80px; }


#header #logo p{margin :0; font-size:10pt;color:#CFE4EB;}

#header #hdrImage{position:absolute; top:0; left:320px;}

#header #hdrImageFloat{float:right; position:relative; margin:0; padding:0;}

#header #hdrImageAbs  {float:right; left:330px; position:absolute; margin:0; padding:0; }


#col1{float:left; width:170px; margin:0; padding:0;}

#col2{float:right; width:150px; margin:0; padding:0;}

#contentMain{margin:19px 20px 20px 40px;}

#contentMain #pageIDArea{float:left; width:104px; margin:0; padding:0; font-size:8pt; text-align:center;}

#contentMain #contentCopy{float:left; margin:0 0 20px 0; padding:0 1% 0 2%; width:75%;}

#contentMain #contentArticles{float:left; margin:0 0 20px 0; padding:0 1% 0 2%; width:95%;}

#footer{margin:5px 0 0 0; padding:0; background:url(images/footerBg.gif) 0 0 repeat-x; height:158px;}

.column-in{margin:0; padding:0.5em 1em;}

.cleaner{clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}



#contentMain.home{margin:0 20px 0 0; font-size:8pt;}

#contentMain.home p{margin:0.2em 0;}

#contentMain.home #statement{position:absolute; top:150px; left:590px; margin:0; padding:0; width:130px; height:129px;}

#contentMain.home #testimonials{position:absolute; top:133px; left:190px; z-index:10; background:url(images/testimonial3.jpg) 0 0 no-repeat; margin:0 10px 0 550px; padding:2px 6px; width:195px; height:335px; color:#fff;}



#contentMain.home #testimonials h1{font-size:12pt; font-weight:bold; color:#fff; margin:0;}

#contentMain.home #testimonials p{margin:2px 0 8px 0; color:#003}

#contentMain.home #testimonials p.darkText{color:#666;}

#contentMain.home #testimonials a{color:#003366;}

#contentMain.home #buttons{margin:35px 5px 5px 0; padding:5px 10px 5px 8px; background: url(images/homeBtnBg3.jpg) 0 0 no-repeat; width:535px; height:335px; color:#000033;}

#contentMain.home #buttons span{font-size:12pt; font-weight:bold;}

#contentMain.home #buttons a{color:#185a7e;}

#contentMain.home #buttons a:hover{color:#330066;}

#contentMain.home #buttons h1{font-size:12pt; color:#fff;}

*html #contentMain.home #buttons #row1{float:left; margin:0; width:100%;}

*html #contentMain.home #buttons #row2a{float:left; margin:25px 0 0 0; width:240px;}

*html #contentMain.home #buttons #row2b{float:left; margin:25px 0 0 32px; width:265px;}

#contentMain.home #buttons #row1{float:left; margin:0; width:100%;}

#contentMain.home #buttons #row2a{float:left; margin:30px 0 0 2px; width:240px;}

#contentMain.home #buttons #row2b{float:right; margin:29px 0 0 0; width:265px;}





#clientContainer{width:430px; margin:0; padding:0;}

#clientContainer img, #clientContainer img.left{margin:5px 5px; padding:0; border:1px solid #999;}

#clientContainer img.left{margin-right:10px;}

#bookCollection{margin:5px 0; width:95%;}

#bookCollection img{margin:5px 5px; padding:5px; border:1px solid #ccc; }

.diagramLinks{display:block; clear:both; margin:0 0 15px 0;}

.diagramLinks p{padding:0;}

/*.diagramLinks a{float:left; margin:0 5px 0 0;}*/

.diagramLinks a{float:left; margin:0 5px 0 0;}

.diagramLinks ul li a.externalLink{display:block;}





/*sub menu*/

#navTrail{font-size:8pt; color:#BAC654; margin:0 0 10px 0; padding:5px 0 0 0; font-style:italic;}

#navTrail a:link, #navTrail a:active, #navTrail a:visited, #navTrail a:hover{color:#025F98; text-decoration:none; margin:0;}

#navTrail a:hover{color:#3c3c3c; text-decoration:underline;}



#articleCatalogueLink{float:right; margin:10px 0 0 0;}

span.catalogueDetail{font-size:80%;}

.imgFloatL{float:left; margin:0 20px 20px 0;}



#peekaBooMenu{margin:0 0 10px 0; padding:0 0 5px 0; border-bottom: 1px dashed #ccc; color:#999;}

#peekaBooMenu ul{list-style-type:none; margin:2px 5px; padding:0;}

#peekaBooMenu a{color:#999;}

#peekaBooMenu a:hover{color:#666;}

/* end sub menu*/



#contentMain #pageIDArea h1{font-size:10pt; font-weight:bold; color:#ff6600;}



/*footer  border:1px solid #000;*/

#footerLinks{background:url(images/footer.gif) 0 0 no-repeat; width:775px; height:158px;}

#footerLinks span{display:block; font-size:12pt; font-weight:bold;}

#footerLinks #sect1{float:left; margin:65px 0 0 100px; width:200px;}

#footerLinks #sect2{float:left; margin:57px 0 0 25px; width:200px;}

#footerLinks #sect3{float:left; margin:60px 0 0 74px; width:150px;}

* html #footerLinks #sect1{float:left; margin:65px 0 0 50px; width:200px;}



#footerText{margin:5px 0 5px 3px; padding:0; width:100%; font-size:8pt; text-align:justify;}

#footerText ul{list-style-type:square; margin-left:0; padding:0 0 0 12px;}

#footerText ul li{margin:3px 0;}



* html #footerText ul{list-style-type:square; margin-left:0; padding:0 0 0 16px;}

* html #footerText ul li{margin:4px 0;}

#footerText #box1{float:left; width:210px;}

#footerText #box2{float:left; padding:0 4px; margin:0 5px; width:310px; border-left:1px dashed #ccc; border-right:1px dashed #ccc;}

#footerText #box3{float:left; width:226px;}

*html #footerText #col3{position:relative; top:-175px; left:536px; width:226px;}



#footer a:link, #footer a:active, #footer a:visited, #footer a:hover, #footer a:focus{color:#fff; text-decoration:none; outline:0; font-size:8pt;}

#footer a:hover{color:#3c3c3c;}

#footer a.legal:link, #footer a.legal:active, #footer a.legal:visited, #footer a.legal:hover, #footer a.legal:focus, #footer{color:#666; font-size:8pt;}



.topLink{color:#666; font-size:8pt; text-align:right;}

.tdField{
	vertical-align:top;
	width:275px;
}

.BoxSize {
	width:350px;	
}

.Content {
	
	background-image:url('images/form.jpg');
}

#orange {
	color:#ff6600; 
	
}