/* CSS Document */

body {font-family: "Trebuchet MS", sans-serif; font-size: 12.5px; line-height: 17px;
	color: #000000; margin: 0; padding: 0; text-align: left; background-color: #f7f7f7; }
	
#wrapper { width: 763px; margin: 0px auto; text-align: left; padding-top: 5px;}
	
#topNav { border: 0; padding: 25px 15px 0px 0px; margin: 0px; float: right;}
#topNav ul{ list-style-type: none; display: inline; margin: 0; padding: 0;}		
#topNav li{ list-style-type: none; display: inline; padding: 0; }	
#topNav a { font-size: 13px; color: #000000; text-decoration: none; padding: 10px; }
#topNav a:hover { font-size: 13px; color: #000000; text-decoration: none; padding: 10px;}

.who #topNav .who a, .who a:hover, .who_on,
.what #topNav .what a, .what a:hover, .what_on,
.contact #topNav .contact a, .contact a:hover, .contact_on 
{ background-image:url(images/topNav_onWho.gif); background-position: top left; background-repeat: no-repeat; padding: 10px;}

.pub #topNav .pub a, .pub a:hover, .pub_on 
{ background-image:url(images/topNav_onPub.gif); background-position: top left; background-repeat: no-repeat; padding: 10px;}

.blog #topNav .blog a, .blog a:hover, .blog_on 
{ background-image:url(images/topNav_onBlog.gif); background-position: top left; background-repeat: no-repeat; padding: 10px;}

.index #topNav .index a, .index a:hover, .index_on 
{ background-image:url(images/topNav_onIndex.gif); background-position: top left; background-repeat: no-repeat; padding: 10px;}

.contact #topNav .contact a, .contact a:hover, .contact_on 
{ background-image:url(images/topNav_onContact.gif); background-position: top left; background-repeat: no-repeat; padding: 10px;}

#footer { width: 100%; height: 15px; border: 0; padding: 5px 0px 5px 0px; margin: 0px; clear: both; display: block; }	
#footer ul {padding: 0px; width: 250px; float: left; list-style-type: none; margin: 0px 0px 0px 20px; padding: 0; }
#footer li {list-style-type: none; display: inline; padding: 0px 5px 0px 5px;}
#footer_copy {float: right; clear: right; display: inline; padding: 0px 10px 0px 10px; }
#footer_copy p {font-size: 10px; line-height: 12px; color: #000000; padding: 0px; margin: 0px;}
#footer a { font-size: 11px; color: #000000; text-decoration: none; padding-right: .2em;}
#footer a:hover { font-size: 11px; color: #3366cc; text-decoration: none; padding-right: .2em;}	

/*index page*/
#mBox { background: url(images/logo.gif) top left no-repeat; width:100%; margin: 0px; padding: 0;}
#mBox h1 { background: url(images/logo_tr.gif) top right no-repeat;   
  font-size: 22px; line-height: 30px; color: #3366cc; padding: 120px 300px 50px 50px; margin:0;}
#mBoxBody { background: url(images/right_border.gif) top right repeat-y; 
  font-size: 1.1em; margin:0; margin-top: -150px; padding: 0px 20px 0px 20px;}
#mBoxBody h2 { background: url(images/bullet.gif) top left no-repeat;
  font-size: 19px; line-height: 28px; padding: 23px 300px 50px 45px; margin: 120px 0 0 20px; color: #bfd344; text-decoration: underline;} 
#mBoxBody h2:hover { background: url(images/bullet.gif) top left no-repeat;
  font-size: 19px; line-height: 28px; padding: 23px 300px 50px 45px; margin: 120px 0 0 20px; color: #3366cc; text-decoration: underline;} #mBoxFooter { background: url(images/logo_bl.gif) bottom left no-repeat; text-align: left; }
#mBoxFooter p { background: url(images/bottom_right_corner.gif) bottom right no-repeat;
  font-size: 17px; line-height: 21px; padding: 0px 300px 25px 50px; margin:-50px 0 0 0; }
#mBox img {float: right; clear: right; display: inline; padding: 20px 10px 0px 0px;}
#mBox img.logo {float: left; clear: right; display: inline; padding: 0px; border: 0;}
#mBox a.highlight { color: #bfd344; }  
#mBox a.highlight:hover { color: #3366cc; }
	

/*Left Box index page*/
#index_highlights {width: 100%; }
#lBox { background: url(images/top_left_corner.gif) top left no-repeat; width:33%; float: left; display: inline; clear: left; margin: 0px 0px 0px 15px; }
#lBox h1 { background: url(images/top_right_corner.gif) top right no-repeat; 
  font-size: 1.2em; color: #3366cc; padding: 20px 20px 26px 20px; margin:0;}
#lBoxBody { background: url(images/right_border.gif) top right repeat-y; 
  font-size: 12px; margin:0; margin-top:-3em; padding: 0px 20px 0px 20px;}
#lBoxBody p.italic { font-size: 1em; font-style: italic; margin:0; padding: 0px 0px 20px 0px; text-align: right;}  
#lBoxFooter { background: url(images/bottom_left_corner.gif) bottom left no-repeat; text-align: right;  }
#lBoxFooter p { background: url(images/bottom_right_corner.gif) bottom right no-repeat;
  font-size: 12px; line-height: 17px; display:block; padding: 20px; margin:-2em 0 0 0;  }
#lBoxFooter a { color: #8a9ebe; }  
#lBoxFooter a:hover { color: #bfd344; }  
#lBox img {float: left; margin: 0px 10px 35px 0px; display: block; clear: left; border: 0px;}  

/*Right Box index page*/
#rBox { background: url(images/top_left_corner.gif) top left no-repeat; 
  width:65%; float: right; display: inline; clear: right; margin: 0px; position: relative; }
#rBox h1 { background: url(images/top_right_corner.gif) top right no-repeat; 
  font-size: 1.2em; color: #3366cc; padding: 20px 20px 29px 20px; margin:0;}
#rBox img {float: left; margin: 0px 10px 20px 0px; display: block; clear: left;}  
#rBoxBody { background: url(images/right_border.gif) top right repeat-y; 
  font-size: 1.1em; margin:0; margin-top:-3em; padding: 0px 20px 0px 20px;}
#rBoxBody a { color: #8a9ebe; padding: 10px 0px 0px 0px; }
#rBoxBody a:hover { color: #bfd344; padding: 10px 0px 0px 0px; }
#rBoxInsert { font-size: 1.1em; margin:0; padding: 0px; border-top: 1px solid #8a9ebe;}   
#rBoxInsert h2 { font-size: 1em; color: #3366cc; padding: 10px 0px 0px 0px; margin:0;}
#rBoxInsert p { font-size: .9em; padding: 8px 0px 0px 0px; margin:0; }
#rBoxInsert a { font-size: 1.0em; color: #8a9ebe; padding: 8px 0px 0px 0px; margin:0; }  
#rBoxForms { float: right; display: block; clear: left; width: 50%;
  font-size: 1.0em; margin:0; margin-left:5px; padding: 0px 0px 0px 15px; border-left:1px solid #8a9ebe; }   
#rBoxForms form{ margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }   
#rBoxForms p{ font-size: .9em; color: #3366cc; margin: 0px; padding: 0px; }  
#rBoxForms p.enter{ font-size: .9em; color: #000000; margin: 0px; padding: 0px; }  
#rBoxFooter { background: url(images/bottom_left_corner.gif) bottom left no-repeat; text-align: left;
  padding: 20px 0px 0px 0px;}
#rBoxFooter p { background: url(images/bottom_right_corner.gif) bottom right no-repeat;
  font-size: 12.5px; line-height: 17px; display:block; padding: 20px; margin:-2em 0 0 0; }
#rBoxFooter a { color: #8a9ebe;} 
#rBoxFooter a:hover { color: #bfd344;}   
  
/*secondary pages*/

/*side navigation*/
#sideNav { background: url(images/side_logo.gif) top left no-repeat; width: 213px; margin: 0px; float: left; display: inline; clear: left; }
#sideNav h1 { background: url(images/side_logo_tr.gif) top right no-repeat;  
  font-size: 1.2em; color: #3366cc; padding: 95px 20px 20px 50px; margin:0;}
#sideNavBody { background: url(images/side_logo_rb.gif) top right repeat-y; 
  font-size: 1.1em; margin: 0px; margin-top: -3em; padding: 0px 20px 5px 20px;}
#sideNavBody ul { font-size: 13px; line-height: 20px; margin: 0px; padding: 0px; list-style-type: none;}  
#sideNavBody li { font-size: 13px; line-height: 20px; margin: 5px; padding: 0px 10px 5px 10px; } 
#sideNavBody a {color: #000000; text-decoration: none; padding: 5px;}
#sideNavBody a:hover {color: #000000; text-decoration: none; background-image:url(images/sideNav_on.gif); background-position: top left; background-repeat: no-repeat; padding: 5px;}
#sideNavBody a.on {color: #000000; text-decoration: none; background-image:url(images/sideNav_on.gif); background-position: top left; background-repeat: no-repeat; padding: 5px;}
#sideNavFooter { background: url(images/side_logo_bl.gif) bottom left no-repeat; text-align: right; }
#sideNavFooter p { background: url(images/side_logo_br.gif) bottom right no-repeat;
  font-size: 12.5px; line-height: 17px; display:block; padding: 10px; margin:-2em 0 0 0; }
#sideNav img.logo {float: left; clear: right; display: inline; padding: 0px; border: 0;}  
  
/*side highlight*/
#sideHighlight { background: url(images/sideHigh_tl.gif) top left no-repeat; width: 208px; margin: 0px; padding: 0; float: left; clear: left;}
#sideHighlight h1 { background: url(images/sideHigh_tr.gif) top right no-repeat;  
  font-size: 1.2em; color: #3366cc; padding: 20px 20px 35px 35px; margin: 0px;}
#sideHighlight img {}  
#sideHighlightBody { background: url(images/right_border.gif) top right repeat-y; 
  font-size: 1.1em; margin: 0px; margin-top: -3em; padding: 0px 20px 5px 35px;}
#sideHighlightBody p { font-size: 12.5px; line-height: 17px; margin: 0px; padding: 10px 0 0px 0;} 
#sideHighlightBody p.break { border-bottom: 1px solid #999999; padding-bottom: 10px;}  
#sideHighlightBody em { font-style: italic;}  
#sideHighlightBody a {color: #8a9ebe; text-decoration: underline; padding: 0px;}
#sideHighlightBody a:hover {color: #bfd344; text-decoration: underline; padding: 0px;}
#sideHighlightFooter { background: url(images/sideHigh_bl.gif) bottom left no-repeat; text-align: left; padding: 0px 0px 0px 35px; }
#sideHighlightFooter p { background: url(images/sideHigh_br.gif) bottom right no-repeat;
  font-size: 12.5px; line-height: 17px; display:block; padding: 10px 10px 20px 0px; margin:-.5em 0 0 0; }
#sideHighlightFooter a {color: #8a9ebe; text-decoration: underline; padding: 0px;}
#sideHighlightFooter a:hover {color: #bfd344; text-decoration: underline; padding: 0px;}  

/*main content*/
#main { background: url(images/top_left_corner.gif) top left no-repeat; width: 540px; margin: 0px; float: right; display: inline; clear: right; }
#main h1 { background: url(images/top_right_corner.gif) top right no-repeat;  
  font-size: 24px; line-height: 26px; color: #3366cc; padding: 20px 20px 0px 20px; margin-top: 0px;}
#main img {float: right; clear: left; margin: 0px; padding: 0px; border: 0px;}  
#mainBody { background: url(images/right_border.gif) top right repeat-y; font-size: 1.1em; margin: 0px; margin-top: -3em; padding: 80px 20px 5px 20px;}
#mainBody h2 { font-size: 16px; line-height: 22px; color: #999999; padding: 0px 0px 0px 0px; margin-top:-10px;}  
#mainBody ul { font-size: 13px; margin: 0px; padding: 0px; list-style-type: none;}  
#mainBody li { font-size: 13px; margin: 5px; padding: 0px 10px 5px 10px; } 
#mainBody a {color: #8a9ebe; font-weight: bold; display: inline; text-decoration: underline;}
#mainBody a:hover {color: #bfd344; font-weight: bold; display: inline; text-decoration: underline;}
#mainFooter { background: url(images/bottom_left_corner.gif) bottom left no-repeat; text-align: right; }
#mainFooter p { background: url(images/bottom_right_corner.gif) bottom right no-repeat;
  font-size: 12.5px; line-height: 17px; display:block; padding: 10px; margin:-2em 0 0 0; }
#mainFooter a {color: #8a9ebe; font-weight: bold; display: inline; text-decoration: none; padding-right: 10px;}
#mainFooter a:hover {color: #bfd344; font-weight: bold; inline: block; text-decoration: none;}
  
#mainInset {float: right; clear: left; margin: 10px; padding: 0px; border: 0px;}
#mainInset img {float: none; clear: none; margin: 10px; padding: 0px; border: 0px;}
#mainInset p {padding: 0 0 0 20px;}    
#mainInset a {color: #8a9ebe; font-weight: bold; display: block; text-decoration: underline;}    
#mainInset a:hover {color: #bfd344; font-weight: bold; display: block; text-decoration: underline;}
#mainInset h2 {padding: 10px 20px 0px 20px; border-left: 1px solid #999999; margin: 40px 0px 0px 0px;}
#mainInset p.download {padding: 10px 20px 0px 20px; border-left: 1px solid #999999; margin: 0px;}

#section { background: url(images/section_bg.gif) top left no-repeat; width: 500px; margin: 0px; padding: 0px;}
#section h1 {background-image: url(images/bullet.gif); background-position: top left; background-repeat: no-repeat; font-size: 17px; color: #3366cc; padding-top: 20px; margin:0;}
#section h4 {font-size: 14px; color: #3366cc; padding: 15px 20px 5px 20px; margin:0; }
#section h2 {font-size: 14px; font-weight: normal; font-style: italic; line-height: 19px; color: #999999; padding: 5px 20px 0px 20px; margin-top:0px;}
#section p {font-size: 12.5px; line-height: 17px; color: #000000; padding: 0px 20px 10px 20px; margin:0;}
#section ul { font-size: 13px; margin: 0px; padding: 0px; list-style-type: none;}  
#section li { font-size: 13px; margin: 5px; padding: 0px; } 
#section a {color: #8a9ebe; font-weight: bold; text-decoration: none;}
#section p.bigger {font-size: 14px; line-height: 17px; color: #000000; padding: 0px 20px 15px 20px; margin:0;}
#section img {margin: 0px 0px 0px 10px;}

/*mini tour*/
#mini_wrap { width: 490px; margin: 0px auto; text-align: left; padding-top: 3px; background-image:url(images/minitourBG.gif); background-position: top left; background-repeat: no-repeat; }


#mini_tour {margin: 0px 0px 0px 0px; text-align: left; width: 490px; padding: 0px;}
#mini_tour h1 {font-family: "Trebuchet MS", sans-serif; font-size: 18px; line-height: 24px;
	color: #2171b8; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 40px; display: block;}
#mini_tour h2 {font-size: 24px; line-height: 24px; color: #2171b8; width: 130px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 40px; text-align: left; display: block;}
#mini_tour h3 {font-size: 14px; line-height: 18px; font-style: italic; color: #999999; margin: 0px; padding: 5px 0px 10px 40px; text-align: left; }
#mini_tour p {font-size: 14px; line-height: 18px; font-style: none; color: #000000; margin: 0px; padding: 0px 0px 5px 40px; text-align: left; }
#mini_tour h4 {font-size: 17px; line-height: 19px; font-style: none; color: #2171b8; margin: 0px; padding: 0px 0px 5px 40px;text-align: left; }
#mini_tour img{ float: right; clear: right; margin: 50px 40px 0px 0px; }
#mini_tour a {color: #2171b8; }
#mini_tour a:hover {color: #bfd344; }

#mini_tour img.home{ float: left; clear: none; margin: 0px 20px 30px -2px; border: 0px; display: block; }

#mini_nav {width: 100%; float: left; clear: both; margin: 10px 0px 0px 0px;}
#mini_nav ul { list-style-type: none; display: inline; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 40px; clear: right; display: block; width: 450px; }		
#mini_nav li{ list-style-type: none; display: inline; padding: 0px 0px 0px 0px; }	
#mini_nav a { font-size: 17px; color: #000000; font-weight: bold; text-decoration: none; padding: 10px 14px 10px 14px; }
#mini_nav a:hover { font-size: 17px; color: #000000; font-weight: bold; text-decoration: none; padding: 10px 14px 10px 14px;}

.inform #mini_nav .inform a, .inform a:hover, .inform_on,
.teach #mini_nav .teach a, .teach a:hover, .teach_on
{ background-image: url(images/mini_hover.gif); background-position: top left; background-repeat: no-repeat; }

.solve #mini_nav .solve a, .solve a:hover, .solve_on, 
.audit #mini_nav .audit a, .audit a:hover, .audit_on
{ background-image: url(images/mini_hover_solve.gif); background-position: top left; background-repeat: no-repeat; }

.consult #mini_nav .consult a, .consult a:hover, .consult_on 
{ background-image: url(images/mini_hover_consult.gif); background-position: top left; background-repeat: no-repeat; }

.number {font-size: 36px; color: #bfd344; display: inline;}

#mini_footer { width: 100%; height: 15px; border: 0; padding: 15px 0px 5px 0px; margin: 0px; clear: both; display: block; }	
#mini_footer ul {padding: 0px; width: 150px; float: right; list-style-type: none; margin: 10px 40px 0px 25px; padding: 0; text-align: right; }
#mini_footer li {list-style-type: none; display: inline; padding: 0px 5px 0px 5px; }
#mini_footer_copy {float: left; clear: left; display: inline; padding: 15px 45px 0px 30px; }
#mini_footer_copy p {font-size: 10px; line-height: 12px; color: #000000; padding: 0px; margin: 0px;}
#mini_footer a { font-size: 11px; color: #000000; text-decoration: none; padding-right: .2em;}
#mini_footer a:hover { font-size: 11px; color: #3366cc; text-decoration: none; padding-right: .2em; background: none;}	

#mini_footer a.more { font-size: 12px; color: #000000; text-decoration: none; padding-right: .2em;}
#mini_footer a.more:hover { font-size: 12px; color: #3366cc; text-decoration: none; padding-right: .2em; background: none;}