/********************************************

   HTML ELEMENTS

********************************************/ 

/* Top Elements */

body { 
	background: #efefef url(images/gradient_border.gif) repeat-y center top; /*background/image color for behind page */
	margin: 0 auto; /* this makes sure no margin at top */
	color: #333; 
	font: 12px/15px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	text-align: center; /*this centers the page */
	overflow: -moz-scrollbars-vertical; 
}

/* links */
a, a:visited {
	text-decoration: underline;
	color: #792821; 
}



a:hover {

	color: #792821;

	text-decoration: underline;

}



/* headers - these don't seem to be available from the Editor */

h1, h2, h3 {

	font-family: arial, Sans-serif;

	font-weight: normal;

}



h1 { font-size: 26px; }



h2 { font-size: 15px; color: #004856; line-height: 18px; }



h3 {

	font-size: 14px;

	color: #004856; 

}



/* images */

img {

	border: none;

}



h1, h2, h3, p {

	padding-bottom: 10px;		

	margin: 0;

}



ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

	color: #333;	

}



ul span, ol span {

	color: #666666;

}





/* form elements */

form {
	margin:0; padding: 0;
}

input {
	padding:2px;
	border:1px solid #000;
	font: normal 1em arial, Verdana, sans-serif;
	color:#777;
}

input.checkbox { border: none; vertical-align: middle;}

select {
	border:1px solid #eee;
	font: normal 1em arial, Verdana, sans-serif;
	color:#777;
}



textarea {
	padding:2px;
	font: normal 1em arial, Verdana, sans-serif;
	border:1px solid #000;
	height:100px;
	display:block;
	color:#777;
}



input.button { 

	margin: 0; 

	font: bolder 12px Arial, Sans-serif; 

	border: 1px solid #CCC; 

	padding: 2px 3px; 

	background: #FFF;

	color: #88ac0b;

}



/* search */



form.search {

	position: absolute;

	top: 35px; right: 25px;

	background: transparent;

	border: none;	

	text-align: center;

}	



form.search input.textbox {

	margin: 0; padding: 1px 2px;

	width: 120px;

	background: #FFF;

	color: #333; 

}



form.search input.button {

	background: #CCC url(images/headerbg.gif) repeat-x;

	color: #333;

	border: none;	

	width: 70px; height: 21px;

}



form.search a { 

   color: #ffffff; 

   font-size: 11px; 

   text-decoration: underline; 

}



/********************************************

   LAYOUT

********************************************/ 



#wrap {

	width: 1000px; /*this is the width of your page, for 1024, we decide on 1000 to fit*/

	background: #FFF;  /*background color for page , or background image */

	margin: 0 auto;

	text-align: left;

}



#content-wrap {

	float: right;

	width: 762px;

	padding: 0; 

	margin: 0 auto;

}



#header {

	width: 1000px; /*width of header*/

	position: relative;

	height: 118px; /*height of the header*/

	background: #FFF; /*background color for header, or background image */

	padding: 0;

	color: #FFF; /*text color for header*/

}



#header #logo {

	position: absolute;

	margin: 0; padding: 0;	

	/* change the values of top and left to adjust the position of the logo*/	

	top: 26px; left: 36px;	

}





/* Main Column */

#main {
	float: left;
	width: 430px;
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-top: 0px;			
	margin: 0;
	background-color: #ffffff;
}



#main h1 { margin-bottom: 2px; color: #004856; font: 26px arial, Verdana, sans-serif; }



#main h1 a {

	color: #004856; 	

	background: none;

}



#main h1 a:hover {

	color: #004856; 

	text-decoration: underline;

}



#main div.content {

	padding-right: 10px;

	padding-bottom: 10px;

	margin: 0;

}



#main div.not_found {

   padding: 40px;

   text-align:center;

}



#main-home-top-left {

	float: left;

	width: 438px; /*762px; /*72%;*/

	height: 211px;

	padding: 0; margin: 0;

	background-color: #ffffff;

}



#main-home-top-right {

	float: right;

	width: 324px; /*26.5%;*/

	height: 211px;

	padding: 0; margin: 0;

	color: #FFF;

}



#main-home-top-right a {

	color: #FFF; 	

	text-decoration: none;	

}



#main-home-top-right a:hover {

	color: #FFF; 

	text-decoration: underline;

}



.green {

	background: #6e8135;

}



.brown {

	background: #82603e;

}



.red {

	background: #792821;

}



.blue {

	background: #004856;

}



.yellow {

	background: #ecb600;

}



.orange {

	background: #e54700;

}



.client_spotlight_heading_green {

   font-size: 11px;

   font-weight: bold;

   color: #a2ae7e;

   padding-left: 15px;

   padding-right: 15px;

   margin-top: 30px;

}



.client_spotlight_heading_brown {

   font-size: 11px;

   font-weight: bold;

   color: #af9984;

   padding-left: 15px;

   padding-right: 15px;

   margin-top: 30px;

}



.client_spotlight_heading_red {

   font-size: 11px;

   font-weight: bold;

   color: #a97571;

   padding-left: 15px;

   padding-right: 15px;

   margin-top: 30px;

}



.client_spotlight_heading_blue {

   font-size: 11px;

   font-weight: bold;

   color: #5c8a93;

   padding-left: 15px;

   padding-right: 15px;

   margin-top: 30px;

}



.client_spotlight_heading_yellow {

   font-size: 11px;

   font-weight: bold;

   color: #f0c431;

   padding-left: 15px;

   padding-right: 15px;

   margin-top: 30px;

}



.client_spotlight_heading_orange {

   font-size: 11px;

   font-weight: bold;

   color: #ee895c;

   padding-left: 15px;

   padding-right: 15px;

   margin-top: 30px;

}



.client_spotlight_title {

   font-size: 20px;

   font-weight: lighter;

   color: #FFF;

   padding-left: 15px;		

   padding-right: 15px;

}



.client_spotlight_text {

   font-size: 12px;

   font-weight: normal;

   line-height: 15px;   

   color: #FFF;

   padding-left: 15px;

   padding-right: 15px;

}



.client_spotlight_link {

   text-align: right;

   font-size: 12px;

   font-weight: bold;

   font-style: italic;

   color: #FFF;

   padding-left: 15px;

   padding-right: 15px;

}



.first_step {

	font-size: 12px;

	font-weight: normal;

	color: #fff;

	padding: 8px;		

	margin-top: 30px;

}



/* Main Column for Home page is different*/

#main-home {

	float: left;

	width: 453px; /*762px; /*72%;*/

	padding: 0; margin: 0;

	background-color: #ffffff;

}



#main-home h1 {

	padding-bottom: 20px;

	font: 26px arial, Verdana, Sans-serif;

	color: #004856;

}



#main-home h1 a {

	color: #88ac0b; 	

	background: none;

}



#main-home h1 a:hover {

	color: #88ac0b; 

	text-decoration: underline;

}



#main-home div.content {

	font-weight: lighter;

	font-size: 15px;

	line-height: 22px;

	padding-top: 32px;

	padding-right: 40px;

	padding-bottom: 10px;

	margin: 0;

}



#main-home div.not_found {

   padding: 40px;

   text-align:center;

}



div.post-cats { padding-left: 10px; }



.art-info-1 { 

   float: left; 

   width: 380px;

   padding: 0px 0px 10px 10px;

}



.art-info-2 { 

   float: right; 

   text-align: right;

   padding: 0px 0px 10px 0px;

}

#emailpage {
	width: 762px; /* in this case footer is same as main content area */
	float: right; /*so make same width, and float it right*/
	text-align: left;
	margin: 0 auto;
/*	padding-top: 75px;*/
}



.email {
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/email.gif) no-repeat right center; 
}



.print {

   padding-right: 24px;

   padding-bottom: 1px;

   padding-top: 1px; 

   background: url(images/print.gif) no-repeat right center; 

}



.digg { 

   padding-right: 24px;

   padding-bottom: 1px;

   padding-top: 1px;

   background: url(images/digg.png) no-repeat right center; 

}




/* Right Sidebar */	

#rt-sidebar {

	float: right;

	width: 302px; /*26.5%;*/

	padding: 0; margin: 0 0 0 0;

}	



/* Right Sidebar for home is different */	

#rt-sidebar-home { float: right; width: 279px; /*26.5%;*/

	padding-top: 32px; margin: 0; padding-right: 30px; }	



.spacer25 {

	margin: 0;

	padding: 0;

	height: 25px;

}



div.announcementsMenu { 

	font-size: 11px; 

	padding-top: 2px;

	padding-bottom: 4px;

	padding-right: 15px;

}



#rt-image {

	float: left;

	width: 161px;

	padding: 0; margin: 0;		

	height: 211px;	

}



#rt-image-text {

	float: right;

	color: #FFF;

	width: 136px;

	height: 211px;

	padding: 0; margin: 0;	

}



#rt-image-text a {

	color: #FFF; 	

	text-decoration: none;	

}



#rt-image-text a:hover {

	color: #FFF; 

	text-decoration: underline;

}



.business {

	background: #6e8135;

}



.individual {

	background: #82603e;

}	



.about {

	background: #792821;

}



.knowledge_center {

	background: #004856;

}	



.client_services {

	background: #ecb600;

}	



.contact, .firststep {

	background: #e54700;

}	



.announcements, .privacy, .FirstStep {

	background: #FFF;

}



/* Left Sidebar */	

#sidebar {

	float: left;

	width: 238px; /*26.5%;*/

	padding: 0; margin: 0;	

}	



#sidebar h1 {

	margin-top: 10px;

	padding: 5px 0 5px 10px; 

	font-size: 13px;

	color: #555;

	background: #EEF0F1 url(images/headerbg.gif) repeat-x left bottom;

	border: 1px solid #EFF0F1;

}



#sidebar h1 a {

   color: #555;

}



#sidebar a.selected { 

   color: #004856; 

}



#sidebar a {

	color: #656565; 	

    text-decoration: none;

}



#sidebar a:hover {

	color: #004856; 

	text-decoration: none;

}



#sidebar .nav-box {

	margin: 0 0 0 0;	

}



#sidebar ul.sidemenu {

	list-style: none;

	text-align: left;

	margin: 5px 0 -1px 0; padding: 0;

	text-decoration: none;		

}



#sidebar ul.sidemenu li {

/*	border-bottom: 1px solid #eff0f1;*/

	padding: 2px 0 2px 7px;

	margin: 0 2px;	

}



#sidebar ul.sidemenu a {

	background-image: none;	

}



/* Sidebar - feeds and link management */

#feeds {

    text-align: left;

	font-weight: bold;

	padding-left: 10px; 

	padding-top: 10px; 

	line-height: 20px;

	padding-bottom: 10px; 

}



.rss {

	padding-left: 24px;

    padding-bottom: 1px;

    padding-top: 1px;

	background: url(images/webfeed.gif) no-repeat left center;

}



.del-icio-us { 

   padding-left: 24px;

   padding-bottom: 1px;

   padding-top: 1px;

   background: url(images/delicious.gif) no-repeat left center; 

}



.yahoo { 

   padding-left: 24px;

   padding-bottom: 1px;

   padding-top: 1px;

   background: url(images/add_yahoo.gif) no-repeat left center; 

}



.google { 

   padding-left: 24px;

   padding-bottom: 1px;

   padding-top: 1px;

   background: url(images/add_google.gif) no-repeat left center; 

}



/* Sub-category navigation */

#sidebar ul.sidemenu ul { margin: 3px 0 3px 3px; padding: 0; list-style: none; }



#sidebar ul.sidemenu ul li {

   font-size: 10px;

   border: none;

}



#sidebar ul.sidemenu ul ul li {

   font-size: 9px;

}



/* optional non-list navigation */

.altmenu { 

   font-weight: normal; 

   margin: 0;

}



.altmenu div { 

/*   padding: 10px; */

}



div.catMenu-Business { 

	background: url(images/menu-green.gif) no-repeat left center;	

}



div.catMenu-Individual { 

	background: url(images/menu-brown.gif) no-repeat left center;	

}



div.catMenu-About { 

	background: url(images/menu-red.gif) no-repeat left center;	

}



div.catMenu-Knowledge_Center { 

	background: url(images/menu-blue.gif) no-repeat left center;	

}



div.catMenu-Client_Services { 

	background: url(images/menu-yellow.gif) no-repeat left center;	

}



div.catMenu-Contact { 

	background: url(images/menu-orange.gif) no-repeat left center;	

}



div.catMenu-0 { 

	font-size: 13px;

	padding-left: 36px; 

	padding-top: 10px;

	padding-bottom: 10px;

}



div.catMenu-1 { 

	font-size: 13px; 

	padding-left: 36px;

	padding-top: 2px;

	padding-bottom: 2px;

}



/*not used

div.catMenu-2 { 

	font-size: 9px;  

	padding-left: 35px;

}



div.catMenu-3 { 

	font-size: 8px;  

	padding-left: 50px; 

}



div.catMenu-4 { 

	font-size: 7px;  

	padding-left: 65px; 

}



*/



.altmenu div a { 

   padding-left: 20px; 

}



/* Next/Previous Links */	

#nextlinks { 

   font-size: 11px;

   font-weight: bold; 

   padding-bottom: 35px;

   padding-left: 10px;

   padding-right: 10px;

}



#nextlinks .prev { text-align: left; float: left;  }



#nextlinks .next { text-align: right;  float: right; }



#nextlinks a { 

   text-decoration: underline;

}



/* Footer */	

#footer {
	color: #004856;
	background: #FFF; /*url(images/footer.jpg) no-repeat center top;*/
	width: 762px; /* in this case footer is same as main content area */
	float: right; /*so make same width, and float it right*/
	text-align: left;
	font-size: 10px;
	margin: 0 auto;
	padding-top: 75px;
    border-bottom: 20px solid #004856;	
}



#footer a {

	color: #004856;

	text-decoration: none;

}



#footer a:hover {

	color: #004856;

	text-decoration: underline;

}





/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }



/* display and additional classes */

.gray { color: #CCC; }



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clear {

  clear: both;

  margin: 0;

  padding: 0;

}