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

body {    
	background: #fff url('../images/mainbg.gif') repeat-x;
	font: 70% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-stretch: normal;
	font-weight: normal;
	line-height: 1.88889em;
	text-align: center;
}
h5 {
	padding: 10px 0 10px 0;
}
#wrapper {
	background: #fff;
	width: 960px;
	color: #40424a; 
	padding: 0 20px 20px 20px; 
	_text-align: left;
}

#header {  
	background: #fff url('../images/header.gif') no-repeat;
	width: 920px;
	height: 130px;
       
} 
.company_logo { 
	float: left;
	margin-top: 10px;
	width: 225px;
	height: 81px;
	
}   
.top_form {   
	float: right;
	background: #f3f3f3;
	width: 430px;
	height: 62px;  
	color: #192f5b; 
	padding: 5px;
	margin-top: 10px;
	text-align: right;
}                  
   
.top_form p {
       	font-family: "Arial", Sans-serif; 
       	font-size: 10px;
}  
.top_form_label {
	text-align: right;
	font-size: 10px; 
	float: left; 
	width: 90px;
}
.top_form .login { 
	border: 1px solid #bbb2a4; 
	width: 130px;
	height: 14px;
	padding: 4px; 
	color: #737374;
	font-size: 10px;
	margin: 4px 4px 0 4px; 
	outline: none;
}  
.login input:focus {  
	background: none;
	width: 65px;
	height: 19px;
}
.search {
	border: 1px solid #bbb2a4; 
	width: 278px;
	height: 14px;
	padding: 4px; 
	color: #737374;
	font-size: 10px;
	margin: 4px 4px 0 4px; 
	outline: none; 
}    
.topform_button {
	background: url('../images/topform_bottom.gif') no-repeat;
	width: 18px;
	height: 17px;
	border: 0;   
}            

.leftimg {
	float: left; 
	padding: 3px;
} 
.rightimg {
	float: right;     
}  
  
#topmenu2 {
        width: 920px;   
	height: 50px;
        padding-top: 88px; 
}    

.topnav {  
        width: 920px;   
	height: 50px;
        padding: 5px;
	_padding: 2px;
	text-align: right;
	
}
.topnav li { 
	font: normal 1.1em/1.5em Arial, sans-serif; 
	list-style-type: none;
	display: inline;
    
}
.topnav li a {   
	text-transform: uppercase;
	color: #002a5c;
	text-decoration: none; 
	padding: 8px;
}

.topnav ul li a:hover{  
	color: #fff;   
	background: #4f91e0;   
    	text-decoration: none;
}
 
.topnav #active {  
	color:#fff;  
	background: #4f91e0;   
    	text-decoration: none;
}
img a {
	border: none; 
	outline: none;
}

/********* Buttons   **************/    
.col_expert {  
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 10px 0 10px 0;
	width: 250px;
}      
.col_basecamp {  
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 10px 0 10px 0;
	width: 250px;
}  
.basecamp {
	background: url('../images/basecamp_btn.gif') no-repeat;
	float: left;  
	text-indent: -9999px;
	width: 152px;
	height: 43px;
	padding: 5px 0px 5px 0px;  
	_padding: 0;
} 
.basecamp a:hover {
	background: url('../images/basecamp_btn_hover.gif') no-repeat;
	float: left;  
	text-indent: -9999px;
	width: 152px;
	height: 43px;
	padding: 5px 0px 5px 0px;  
	_padding: 0;
}
.answers {
	margin-top: 5px;
}

.col_expert p {
	padding-top: 5px;
}
.askexpert {  
	background: url('../images/expert_button.gif') no-repeat;
	float: left;  
	text-indent: -9999px;
	width: 134px;
	height: 43px;
	padding: 5px 0px 5px 0px;  
	_padding: 0;
}  
  
.askexpert:hover { 
	background: url('../images/expert_button_hover.gif') no-repeat;  
	float: left;  
	text-indent: -9999px;    
	width: 134px;
	height: 43px; 
	padding: 5px 0px 5px 0px;
	_padding: 0;
} 

a img {
	border: 0;
}
  
.gethelp {  
	background: url('../images/gethelp_btn.gif') no-repeat;
	float: left;  
	text-indent: -9999px;
	width: 134px;
	height: 44px;
	padding: 5px 0px 5px 0px;  
	_padding: 0;
}  
  
.gethelp:hover { 
	background: url('../images/gethelp_btn_hover.gif') no-repeat;  
	float: left;  
	text-indent: -9999px;    
	width: 134px;
	height: 44px; 
	padding: 5px 0px 5px 0px;
	_padding: 0;
}   

.basecamp {  
	background: url('../images/basecamp_btn.gif') no-repeat;
	float: left;  
	text-indent: -9999px;
	width: 152px;
	height: 43px;
	padding: 5px 0px 5px 0px;  
	_padding: 0;
}  
  
.basecamp:hover { 
	background: url('../images/basecamp_btn_hover.gif') no-repeat;  
	float: left;  
	text-indent: -9999px;    
	width: 152px;
	height: 43px; 
	padding: 5px 0px 5px 0px;
	_padding: 0;
}  

.upload_btn {  
	background: url('../images/upload_btn.gif') no-repeat;
	border: 0; 
	
	width: 68px;
	height: 33px;
	padding: 5px 0px 5px 0px;  
	_padding: 0;
}  
  
.upload_btn:hover { 
	background: url('../images/upload_btn_hover.gif') no-repeat;  
        border: 0;
	width: 68px;
	height: 33px; 
	padding: 5px 0px 5px 0px;
	_padding: 0;
}
/*************** Floating Images **************/
.leftimage {
	float: left;  
	padding: 5px 20px 5px 5px;
} 
.rightimage {
	float: right;  
	padding: 5px 0 5px 10px;
}

/***** Left Column *******/
#left-column{
	float: left;
	width: 300px;
	color: #333;
     	padding: 10px 0 10px 5px;    
	text-align: left;  
}    

.left_menu {  
	padding: 0 10px 10px 15px; 
	margin-bottom: 20px;
}    

.left_menu ul li {
	display: block;
	list-style: none;  
}

.left_menu ul li a {  
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	line-height: 14px;
	color:#5e5e5f;
	text-decoration: none; 
	color: #333; 
	padding-left: 10px; 
}     
.left_menu ul li a:hover {
	color: #5ea029;   
        background: url('../images/leftmenu_arrow.gif') left center no-repeat;    
} 
/******* For Subleft menu item list ***********/ 
ul.subleft_menu li {
	display: block;
	list-style: none;
}  
ul.subleft_menu li a {
	margin-left: 10px; 
	text-align: right;
	left: 0;
} 
ul.subleft_menu  li a:hover {
	background: url('../images/leftmenu_arrow.gif') left no-repeat;       
}
/********* Related information *****************************/
.relatedinfo  {   
   	background: url('../images/topic_bottom.gif') no-repeat bottom;
	width: 240px;
	padding: 0 10px 10px 0px; 
}        
.relatedinfo ul li { 
	font-family: "Arial", Sans-serif;
	font-size: 11px;
	line-height: 16px;
	display: block;
	list-style: none; 
	color: #40424a; 
	padding-bottom: 10px;
} 
       
.relatedinfo a {
	color: #5ea029;  
	text-decoration: underline;
}     
.relatedinfo a:hover {
	color: #224672;  
	text-decoration: underline;
} 

/*********** LINKS ******************/                       
.readmore {
	color: #5ea029;  
	text-decoration: underline;
}     
.readmore:hover {
	color: #224672;  
	text-decoration: underline;
} 

.learnmore{        
	background:  url('../images/learmore_arrow.gif') no-repeat center right;
	padding-right: 10px;
	color: #5ea029;  
	text-decoration: underline;
}     
.learnmore:hover {
	color: #224672;  
	text-decoration: underline;
}
/********************* middle columns***********************/    
#middle-column1 {
	width: 920px;
	text-align: left;
	margin: 5px 20px 20px 20px;
}
  
#middle-column1 a {
	text-decoration: none;
	color: #53a029;
}   
#middle-column1 a:hover {
	color:#53a029;       
	text-decoration: underline;
}
#middle-column2left {
	float: left;
	width: 620px;
	text-align: left;
	padding: 10px 10px 60px 10px;
	_padding: 20px 0px 10px 5px; /* this did the trick. Only IE6 should process this line */
}
   
#middle-column2left a {
	text-decoration: none;
	color: #53a029;
}                  
#middle-column2left a:hover {
	color:#53a029;       
	text-decoration: underline;
}
#middle-column2left ul li {
	list-style-position: outside;
	list-style-type:disc;
	margin-left: 20px;
}
                         
#middle-column2left ol li {
	list-style-position: inside;
}
#middle-column2left h3 { 
    	font-family: Arial, sans-serif;   
	font-size: 18px; 
	color: #5ea029; 
	line-height: 27px;
}

.title { 
	margin-top: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000066;
	padding-bottom: 15px
}

/******* CLEAR ***/
#clear {
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    overflow: hidden; 
}
  /**************** Footer *****************/
#footer {
   	background: #d6cec1; 
   	width: 920px;
	height: 60px;
	font: 0.75em/1.5em "verdana", arial, sans-serif; 
	color:#5e5952;
}    

.footer_left { 
	float: left; 
	text-align: left; 
	margin: auto;
	width: 30%;
	padding: 20px 0 0 10px;
}  
.footer_left  a  {  
	color:#5e5952; 
	text-decoration: underline;
} 
.footer_left  a:hover  {
	color:#5e5952; 
	text-decoration: none;
}

.footer_right { 
  	float: right;
	margin: 0;
	width: 50%; 
	padding: 5px 5px 0 0; 
}   
 
#footer_corner {        
        background: url('../images/bottom.png') no-repeat;
	height:	21px; 
	width: 1200px;  
	margin-bottom: 20px;    	
}
/*** Front Page Columsn ******/
.col_left {
	float: left;
	width: 31%;
    	padding: 10px;
	text-align: left; 
	
}  
.col_middle  {
	float: left;
	width: 31%; 
    	padding: 10px;  
	text-align: left;
} 
.col_subtitle {  
	padding-top: 10px;
	font-family: "Arial", Sans-serif;
	font-size: 13px;
	color: #40424a; 
	line-height: 20px;
}      
.col_subcontent {
      	font-family: "Arial", Sans-serif;
	font-size: 12px;
	color: #40424a; 
	line-height: 20px;   
}
/**** right column *******/
.col_right {
	float: right;
	width: 31%;  
    	padding: 10px 0 10px 10px;
  	_padding: 0px;
	text-align: left;
	margin: 0;
}  

.col_right_title {
	background: url('../images/right_tab.gif') no-repeat;
	width: 250px;
	height: 26px;
	font-family: "Arial", sans-serif;  
	font-size: 12px;   
	font-weight: bold;
	color: #002a5c; 
	line-height: 16px;
	text-transform: uppercase;
	padding: 6px;  
}  
.col_title { 
	font-family: "Arial", sans-serif; 
	font-size: 16px;  
	font-weight: bold;
	color: #002a5c; 
	line-height: 11px;
} 

.col_right_topic {  
   	background: url('../images/topic_bottom.gif') no-repeat bottom;
	width: 250px; 
	padding: 0 10px 0px 10px;  
}  
/************* News *************/  
.news {
	padding: 20px 20px 0 20px; 
	font: normal 0.90em/1.5em "Helvetica", Arial, sans-serif; 
}  
.news_box     { 
	height: 200px; 
	overflow: auto; 
	padding: 6px; 
	background: #fff; 
	}  
 
.news_box strong  p {
	font-family: "Arial", Sans-serif;
	font-size: 11px; 
	line-height: 16px;
}
.signup_news {       
	font-family: "Arial", Sans-serif;  
	font-size: 9px;
	line-height: 11px;
	font-weight: bold;
      	padding-left: 30px; 
} 

.signup_news a {
	text-decoration: none; 
	color: #002a5c;   
}  
.signup_news a:hover {
	text-decoration: underline;
}
.news ul li {  
      	padding-bottom: 20px;
	color: #40424a;
	display: block;   
	list-style: none inside;
}
/***** END of Col_right ******/
 

/******** Style for Jquery  Toggle Slide ***********/
.pusher{
	cursor: pointer;
	padding: 5px 10px 3px 7px;
	font-weight: 900;
	font-size: 14px;
	margin: 0;
}

.mover{
	padding:0px 10px 3px 7px;
	margin: 0;
} 
.mover ul li {
	padding-bottom: 10px;
	background: 1;
	list-style-position: outside;
	list-style-type:disc;
	margin-left: 20px;
	line-height:1;	
}
 
/*************    CONTACT FORM       *************/
#contact-area {
	width: 570px;
	background: #F4F5F7;
	border: solid 1px #ccc;
	margin-top: 25px;
	padding: 20px;
	text-align: left;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 90px;
	padding-top: 5px;
}
#contact-area input {
	width: 440px;
	height: 14px;
	padding: 5px; 
	color: #737374;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #bbb2a4; 
}

#contact-area textarea { 
	color: #737374;  
	font-family: "Arial", Sans-serif;
	font-size: 10px;
	height: 90px;
	width: 450px;
	border: 1px solid #bbb2a4;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #b2a48f;
}

#contact-area .submit-button {  
	background: url('../images/submit.gif') no-repeat;  
	width: 85px;
	height: 35px;  
	border: none; 
	margin: 0;   
	
} 
#contact-area .submit-button:hover {  
	background: url('../images/submit_hover.gif') no-repeat;  
	width: 85px;
	height: 35px;
	border: none; 
}
.reset {     
	width: 200px; 
	height: 35px; 
	text-align: right; 
	margin-right: 20px;
	margin-left: 400px;
       	margin-top: 10px;
	color: #446387;
}  
.reset:hover  { 
 	color: #5ea029;
}
a {
	outline: none;
}


/**************** Upload and Download Area  ******************/
#upload_file {            
	width: 45%;
	margin: 5px;
	padding: 10px; 
	background: #f7f5f1;  
	float: left;  
	text-align: left;
}    
#download_file { 
	float: left;             
	width: 45%;
	margin: 5px;
	padding: 10px;  
	text-align: left;
}
.portal {
	font-family: Arial, sans-serif;   
	font-size: 14px; 
	color: #5ea029; 
	line-height: 27px;
}
.download_area {
        width: 245px; 
	margin-top: 42px;
	height: 260px; 
	overflow: auto; 
	padding: 10px;
	background: #fff; 
	border: 1px solid #bbb2a4;  
	clear: both;
} 
.upload_area {
        width: 245px; 
	margin-top: 10px;
	height: 260px; 
	overflow: auto; 
	padding: 10px;
	background: #fff; 
	border: 1px solid #bbb2a4;  
	clear: both;
}

.download_area ul li a { 
	background: url('../images/fileicon.gif') no-repeat left center; 
	text-decoration: none;
	color: #40424a;
        padding: 5px 5px 5px 20px;
} 
.download_area ul li:hover {
	text-decoration: none;
	color: #fff;
	background: #f2fae5;
}  

.upload_area ul li a { 
	background: url('../images/fileicon.gif') no-repeat left center; 
	text-decoration: none;
	color: #40424a;
        padding: 5px 5px 5px 20px;
} 
.upload_area ul li:hover {
	text-decoration: none;
	color: #fff;
	background: #f2fae5;
}  

.downloadbox_title  {
	color: #40424a; 
	font: bold 1.2em/1.5em Arial, sans-serif;
}
  

/*************** Status Message *********************/
.success_message {
	width: 300px;
	height: 20px;
	background: #ffffe0;
	border: 1px solid #e6db55;
	padding: 10px;
	font: 1.2em/1.5em "Arial", sans-serif;
	color: #464646; 
       	margin-bottom: 10px;
}

.failed_message {
	width: 300px;
	height: 20px;
	background: #ffebe8;
	border: 1px solid #cc0000;
	padding: 10px;
	font: 1.2em/1.5em "Arial", sans-serif;
	color: #464646; 
	margin-bottom: 10px;
} 
.subpage {
	font-family: Arial, sans-serif;   
	font-size: 12px;
       	color:#000;  
	line-height: 20px;
}   
.subpage_subtitle {
     	font-family: "Arial", Sans-serif; 
	font-size: 14px;
	line-height: 24px;
	padding: 5px 0 10px 0;
	color:#40424a; 
}
h4      {
     	font-family: "Arial", Sans-serif; 
	font-size: 14px;
	line-height: 24px;
	padding: 5px 0 10px 0;
	color:#40424a;
	font-weight: bold;  
}


/******* title page edit boxes ****/
.edit_title, .edit_subtitle {
	border: 1px solid #bbb2a4; 
	width: 600px;
	height: 20px;
	padding: 4px; 
	color: #333;  
	font: 1em/1.5em Arial, sans-serif;   
	margin: 4px 4px 0 4px; 
	outline: none;  
	text-align: left;
}  
.page_name {
       	border: 1px solid #bbb2a4; 
	width: 400px;
	height: 20px;
	padding: 4px; 
	color: #333;  
	font: 1em/1.5em Arial, sans-serif;   
	margin: 4px 4px 0 4px; 
	outline: none;  
	text-align: left; 
}   
.facebook { 
	background: url('../images/facebook.gif') no-repeat;
	width: 34px;
	height: 34px;
	text-indent: -9999px;  
	float: left; 
	margin: 8px 20px 0 83px;
} 
.facebook:hover {
	background: url('../images/facebook_hover.gif') no-repeat;
	width: 34px;
	height: 34px;
}  
.linkedin:hover {
        background: url('../images/linkedin_hover.gif') no-repeat;
 	width: 34px;
	height: 34px;
}     
.linkedin  {
	background: url('../images/linkedin.gif') no-repeat;
	width: 34px;
	height: 34px; 
	text-indent: -9999px;  
	float: left; 
	margin: 8px 18px 0 0px;
}     

.blue { 
	color: #00F;   
	font-weight: bold;
	font-size: 14px;
}