html {height: 100%} /* Create a scrollbar in Mozilla */
body {
	margin: 0; 
	padding: 0; 
	background: #E9F2F8 url("../images/bg_main.gif") repeat-y center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	text-align: center; 
	color: #385368}


/* Standard */
.hidden {display: none}
.clear {clear: both}
a img {border: none}
a {
	text-decoration: underline; 
	color: #156ba9/*385368*/}
/*a:visited {color: #0a4855 !important}*/
a:hover {text-decoration: none; color: #0089cf/* !important*/}
.centre {text-align: center}
.aligntop {vertical-align:top !important}
.flleft {float: left !important}
.flright {float: right !important}
img.flleft {margin: 0px 7px 4px 0px}
img.flright {margin: 0px 0px 4px 7px}
.up {color: #093; font-weight: bold}
.down {color: #bf0000; font-weight: bold}
.red {color:#e42020; height:450px; font-weight:bold; float:left; padding-top:10px}
.date_red {color:#e42020}
acronym {border-bottom: 1px dotted; cursor: help}
kbd, tt, code {font-size: 110%}
#textcontent * > kbd, #textcontent * > tt, #textcontent * > code {font-size: 130%}
.images {padding:3px; border:0}
small {font-family:Arial, Helvetica, sans-serif}
/*hr {noshade:noshade; color:#f3f3f3; size:1; width:98%; text-align:center} */
.icons-img {padding-right:8px; border:0; float:left; vertical-align:top}
.icons-img-sml {padding-right:4px; border:0; float:left; vertical-align:top}
.icons-sml {width:45px}
.btn-img {padding-right:8px; padding-bottom:8px; border:0; float:left; vertical-align:top}
#loginButton {padding-left:91px; padding-bottom:8px; padding-top:10px; padding-right:8px;border:0; float:left; vertical-align:top}
.srch-img {padding-left:4px; border:0}

/*Collapse/ Expand rightside links  */
.handcursor{ cursor:hand; cursor:pointer; font-size:120%; color:#385368;
	font-weight:bold !important; padding-bottom:3px}
.switchgroup1 { padding:5px; line-height:1.4}

/*Validation message */
.val-msg {color:#CC0000}

.welcome {font-size:130%; margin: 5px 0 0 10px}
.warning {font-size:100%; margin: 5px 0 0 10px}
.warning img{padding-right:5px}

/* Main Layout */

#container {
	clear: both; 
	width: 955px; 
	text-align: left; 
	margin: auto; 
	border: solid #999; 
	border-width: 0px 1px}
	
#container-login {
	background-color: #d3e0e8; 
	clear: both; 
	width: 955px; 
	text-align: left; 
	margin: auto; 
	border: solid #999; 
	border-width: 0px 1px}


#masthead {background: url('../images/header_bg.jpg') repeat-y; height:75px}
#header_bg {background: url('../images/header_bg_line.gif') repeat-x; height:27px} 

#masthead_login {background: #d3e0e8 url('../images/header_bg.jpg') repeat-y; height:60px}
#header_login_bg {	background: url('../images/login_header_bg.gif'); height:100px}

#logo {
	width: 170px; 
	float: left; 
	text-align:center; 
	padding: 5px 0 5px 0px; 
	}

/* New Navigation Styles - Correcting IE6 Problems */

/* #navcontainer {} add background color */
.nav_h {clear:both}
.nav_g {height:680px}
#nav, #nav ul {
	float: left; 
	list-style: none; 
	padding: 0px 0px 0 180px; 
	margin: 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%}
#nav a {
	color: #385368; 
	text-decoration: none; 
	white-space: nowrap; 
	padding: 4px 10px; 
	line-height: 200%
}
#nav li {
	float: left; 
	text-align: center; 
	color: #000000; 
	cursor: pointer !important; 
	margin-right: 3px}
#nav li span {text-transform: lowercase}
#nav li.divider { 
	padding-top:3px; 
	cursor:pointer}
#nav li:hover, #nav li.sfhover {background: url('../images/bg_nav_tab_l.gif') no-repeat left -100px}
#nav li:hover a, #nav li.sfhover a {color: #000; background: url('images/bg_nav_tab_r.gif') no-repeat right -100px}
#nav li.current {
	background: url('../images/bg_nav_tab_l.gif') no-repeat left top !important; 
	font-weight: bold;
	width:130px; 
	padding-top:3px  }
#nav li.current a {background: url('images/bg_nav_tab_r.gif') no-repeat right top !important;
	color: #778ca9}

#logout {
	float:right; 
	color: #000; 
	white-space: nowrap; 
	line-height: 200%; 
	padding-right:10px; 
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70% }
#logout a {
	text-decoration: none;
	color: #000}
#logout a:hover {font-weight: bold}

#top_search_home { 
	background-color:#d3e0e8; padding-bottom:6px;border-bottom:1px solid #b6c9d4; font-size:1px}

#top_search { 
	background-color:#d3e0e8; 
	height:55px;
	width:100%;
	border-bottom:1px solid #b6c9d4;
	float:left}

/* Main content Page */

#primarycol {
	width: 620px; 
	height:100%;
	float: left; 
	padding: 3px 10px 15px 10px; 
	font-size: 70%}
#primarycol.full {
	width:925px; 
	font-size: 70%}
#primarycol1.login {width:100%; 
	float: left; height:500px;
	background-color:#d3e0e8 !important;
	font-size: 70%}
#primarycol .contentbox {width: 400px}

#primarycol .top {background: url('../images/bg_box_297_top.gif') no-repeat;   font-size: 1px; height: 12px}
#primarycol .top-add {background: url('../images/bg_box_250_top.gif') no-repeat; width:255px; font-size: 1px; height: 12px}
#primarycol .top-remove {background: url('../images/bg_box_245_top.gif') no-repeat; width:247px; font-size: 1px; height: 12px}

#secondarycol {width: 300px; float: left; height:100%; font-size: 70%}

#secondarycol_sel {width: 280px; float: left; height:100%; font-size: 70%}


/* Result Page */
/* Select Box */

#result_page {
	margin:0px;
	width: 99%;
	padding-left:0px;
	float:left}
#result_page .contentbox {width: 99%}
#result_page .contentbox .left {float:left}
#result_page .contentbox .right {float:right}
#result_page .msg_btn { 
	float:right; 
	padding-top:10px;
	border:0}
#result_page .contentbox td{padding-right:5px}
#result_page .contentbox#mediumadbox {
	width: 295px; 
	border: none !important}
#result_page .contentbox .sel_txt {
	font-size: 90%; 
	font-weight:normal;
	padding-left:12px;
	padding-bottom:8px;
	font-family:verdana}
#result_page .contentbox p { width:100%}
#result_page .contentbox .selected {
	text-align:left;
	width:98%; 
	padding-top:2px;
	height:40px}
#result_page .contentbox .selected1 {
	text-align:left;
	width:95%; 
	padding:8px}
#result_page .contentbox .selected1 td{
	padding:3px}
#result_page .contentbox .username {font-weight:bold}
#result_page .contentbox .username_users {font-weight:bold; padding-right:230px; white-space:nowrap}
#result_page .contentbox .username_grp {font-weight:bold; padding-right:340px}
#result_page .contentbox .email {text-align:left; font-size:90%}
#result_page .contentbox .top {
	background: url(../images/bg_box_280_top.gif) no-repeat; 
	font-size: 1px; 
	height: 12px}
#result_page .contentbox .bottom {
	clear: both; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; 
	font-weight: normal; 
	color: #385368}
	
#result_page .contentbox .bottom .pagination{
	text-align:right; 
	font-family: Verdana; font-size: 95%; 
	font-weight: normal; 
	color: #000}
#result_page .contentbox #utilitylinksbox .bottom {
	margin: 5px -3px -6px -8px; 
	background-color: #f9f9f9}

/* End of Result Page*/



/* Messages */

#messages { background: url(../images/messages_box.gif) no-repeat; width:605px; height:58px; padding-top:5px;font-family:arial; font-weight:normal }
#messages .title{ font-size:160%; padding-top:2px }
#messages .details{ font-size:110%}
#messages .img{padding-left:5px; padding-right:5px; float:left}

#message_box {padding-bottom:5px}

#message_box .contentbox.white{
	background: #fff !important}
	
#message_box .contentbox .top {
	background: url(../images/bg_box_600_top.gif) no-repeat; 
	font-size: 1px
}
#message_box .contentbox .box {height:55px}

#message_box img{padding:5px}

#message_box .title { font-size:90%; 
	font-weight:bold; 
	padding-top:10px;
		text-transform:uppercase;
	font-family:verdana; 
	color:#385368}
#message_box .title_mini { font-size:150%; 
	padding-top:10px;
	font-family:arial; 
	color:#385368;
	font-weight:bold}
	
	
#message_box .detail { 
	font-size:160%; 
	font-weight:normal; 
	font-family:arial; 
	padding-top:2px}
#message_box .msg_btn { 
	padding-top:30px; 
	float:right; 
	border:0}
#message_box .contentbox .bottom { 
	font-size:1px;
	background: url(../images/header_box_line.gif); 
	height:10px}

/* End of Messages */



/* START: Confirm Box */

	#confirm-dialogue
	{
		margin: 50px auto;
		width: 650px;
		border: 6px solid #aab4bb;
		background-color: #fff;
	}
	
	#confirm-dialogue .abn span
	{
		padding: 0 20px 0 0;
	}
	
	
	#confirm-dialogue h1
	{
		margin: 0;
		padding: 5px 8px;
		border: 1px solid #8ea1b9;
		border-bottom: none;
		font-size: 130%;
		font-weight: normal;
		color: #385368;
		text-align: center;
		background: #c2d6e1;
	}
	
	#confirm-dialogue h1 span
	{
		font-size: 75%;
	}
	
	#confirm-dialogue .tax-invoice
	{
		float: right;
		text-align: right;
	}
	
	#confirm-dialogue .tax-invoice h2
	{
		margin: 0;
		padding: 8px 0 4px 0;
		font-size: 180%;
		color: #000;
	}
	
	#confirm-dialogue p
	{
		margin: 13px 0;
	}
	
	#confirm-dialogue th
	{
		width: 63px;			
	}
	
	#confirm-dialogue .message-box
	{
		padding: 25px 20px; border: 1px solid #8ea1b9;
	}
	
	#confirm-dialogue .purchase-details
	{
		margin: 15px 0;
		padding: 8px;
		background: #f9f9f9;
	}
	
	#confirm-dialogue .transaction-no
	{
		float: right;
	}
	
	#confirm-dialogue .transaction-no th
	{
		width: 115px;
		text-align: left;
	}
	
	#confirm-dialogue .customer-no th
	{
		width: 102px;
		text-align: left;
	}
	
	
	#confirm-dialogue .customer-details
	{
	}
	
	#confirm-dialogue .purchase-list
	{
		width: 100%;
	}
	
	#confirm-dialogue .purchase-list td
	{
		padding: 5px;
	}
	
	#confirm-dialogue .purchase-list th
	{
		padding: 3px;
		border-bottom: 1px solid #8EA1B9;
	}
	
	#confirm-dialogue .purchase-list td.tax,
	#confirm-dialogue .purchase-list td.total-price
	{
		text-align: right;
	}
	
		
	#confirm-dialogue .purchase-list .product
	{
		width: 450px;
	}
	
	#confirm-dialogue .purchase-list th.tax
	{
		width: 50px;
		text-align: left;
	}
	
	#confirm-dialogue .purchase-list th.total-price
	{
		width: 90px;
		text-align: left;
	}
	
	#confirm-dialogue .ok-print-button
	{
		text-align: center;
		padding: 52px 0 0 0;
	}
	
	#confirm-dialogue .ok-print-button a
	{
		padding-left: 20px;
	}

/* END: Confirm Box */


/* Hint Box */

#hint_box {
	width: 300px;
	padding:0 0 0 7px;
	float:left;
	margin:0px;
}
#hint_box .contentbox {
	background: #ecf0f3;
	width: 300px}
#hint_box .contentbox td{padding-right:5px}
#hint_box .contentbox#mediumadbox {
	width: 295px; 
	border: none !important}
#hint_box .contentbox h2 {
	font-size: 130%; 
	font-weight:bold;
	padding-bottom:2px; 
	padding-left:12px;
	padding-top:2px;
	background: #d1dbe1; 
	font-family:Arial; 
	vertical-align:top}
#hint_box .contentbox p { width:100%}
#hint_box .contentbox .top {
	background: url(../images/bg_box_280_top.gif) no-repeat; 
	font-size: 1px; 
	height: 12px}
#hint_box .contentbox .bottom {
	clear: both; 
	background: #dadada url(../images/footer_bg.gif); 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; 
	font-weight: normal; 
	color: #f9f9f9; 
	text-align: center; 
	height:24px}
#hint_box .contentbox #utilitylinksbox .bottom {
	margin: 5px -3px -6px -8px; 
	background-color: #f9f9f9}

/* End of Hint Box */


/* Select Box */


.username_sel {
	font-size:70%; font-weight:bold
	}
.email_sel {
	font-size:60%
	}
.sel_txt_sel {
	float:left;
	padding-left:8px;
	font-size:70%
	}
.users_sel {
	padding:7px
	}
.users_sel td{
	padding:5px
	}


#select_box {
	width: 300px;
	margin-bottom:0px;
	padding-left:7px;
	float:left}
#select_box .contentbox {
background-color:#ecf0f3
}
#select_box .contentbox td{padding-right:5px}
#select_box .contentbox#mediumadbox {
	width: 280px; 
	border: none !important}
#select_box .contentbox h2 {
	font-size: 130%; 
	font-weight:bold;
	padding-bottom:2px; 
	padding-left:12px;
	padding-top:2px;
	background: #d1dbe1; 
	font-family:Arial; 
	vertical-align:top}
#select_box .contentbox .sel_txt {
	font-weight:normal;
	padding-left:12px;
	padding-bottom:8px;
	font-family:verdana;
	text-align:left}
#select_box .contentbox p { width:100%}
#select_box .contentbox .selected {
	text-align:left}
#select_box .contentbox .username { font-weight:bold; font-size:70%; font-family:Verdana}
#select_box .contentbox .email { font-size:65%; font-family:Verdana}
#select_box .contentbox .top {
	background: url(../images/bg_box_280_top.gif) no-repeat; 
	font-size: 1px; 
	height: 12px}
#select_box .contentbox .bottom {
	clear: both; 
	background: #dadada url(../images/footer_bg.gif); 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; 
	font-weight: normal; 
	color: #f9f9f9; 
	padding-left:80px;
	padding-top:8px;
	height:25px}
#select_box .contentbox #utilitylinksbox .bottom {
	margin: 5px -3px -6px -8px; 
	background-color: #f9f9f9}

/* End of Select Box */


/* Tables in CSS */

  .column-in {
    margin:0; padding:10px;
	background-color:#f0f0f0;
	height:490px;
    }
  .column-add_remove {
    margin:0; padding:7px;
	background-color:#ecf0f3;
	height:365px
    }
  .column-usrdetails {
    margin:0;
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}

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


	
	
 #search {
   
    display: table;
    border: 0;
    }
 .column-in-s { 
 	vertical-align:middle; 
	padding:5px;
	background-color:#d3e0e8;

    }
 .column-in-usr { 
	padding:5px
    }

.space {
	background-color:#ffffff;
	padding:5px;
	float:left;
	}

.fit 	{
	padding:7px
	}


  #users_box {
    width:297px;
	float:left;
	padding-bottom:7px;
	background-color:#ecf0f3;

    
    }

  #billers_box {
    width:297px;
	float:left;
	padding-bottom:7px;
	background-color:#ecf0f3;
	height:513px
   
   }
   
  #groups_box {

    width:297px;
	float:left;
	padding-bottom:7px;
	background-color:#ecf0f3;
	height:513px

    }
	
  #groups_add_box1 {

    width:255px;
	float:left;
	padding-bottom:7px;
	background-color:#f0f0f0;

    }

  #groups_add_box2 {

    width:120px;
	float:left;
    background:#fff;
	text-align:center;
	vertical-align:middle;
	padding-top:85px
    }

  #groups_add_box3 {

    width:245px;
	float:left;
	padding-bottom:7px;
	background-color:#f0f0f0;

    }
	
  #reports_start_box {

    width:255px;
	float:left;
	padding:0 0 0 7px;
    }

  #reports_end_box {

    width:255px;
	float:left;
	padding-bottom:7px;
	margin-left:6px;
    }
	
	#reports_date_start {
	
	background: url(../images/date_box.gif) no-repeat center; 
	font-size: 105%; 
	height: 63px;
    width:255px;
	float:left;
	padding:5px;

	}
	
	.reports_date {
	padding-top:10px;

	}
	
	#reports_date_end {
	
	background: url(../images/date_box.gif) no-repeat center; 
	font-size: 105%; 
	height: 63px;
    width:255px;
	float:left;
	margin-left:6px;
	padding:5px;
	}
	
	.calendar a:link{ text-decoration:none}
	.calendar a:visited{ text-decoration:none}
	.calendar a:hover{ text-decoration:underline; color:#385368; font-weight:bold}
	
	
   #usr_details_box1 {

    
	padding-top:5px;
	text-align:left;
	font-size:90%
    }

   #usr_details_box2 {
	margin-top:15px;
	text-align:left;
	font-size:90%;
	width:200px
    }


  .group_box1 {
	  height:320px;
 	 width:190px;
	  font-size:95%
	  }
  
  .group_box {
	  height:251px;
	  margin-top:5px;
	  width:200px;
	  font-size:95%
	  }
   #user_details1 {

	float:left;
	font-size:95%;
	
   } 	
   #user_details2 {


	float:left;
	font-size:95%;
	
   } 	
   #user_details3 {


	float:left;
	font-size:95%;
	
   } 	
   #search_box-img1 {

	font-size:70%;
	vertical-align:top;
	float:left
	
   }
   #search_box-img2 {

	font-size:70%;
	vertical-align:top;
	float:left
	
   }
   #search_box-key {

	font-size:70%;
	vertical-align:top;
		float:left
   }
   #search_box-in {

	font-size:70%;
	vertical-align:top;
	float:left
	
   }
   #search_box-srt {

	font-size:70%;
	vertical-align:top;
	float:left
	
   }
   #search_box-shw {

	font-size:70%;
	vertical-align:top;
	float:left	
   }
   
   #add_col {
   
   background: url(../images/arrow_rgt.gif) no-repeat; 
   width:120px;
   height:65px;
   padding-top:20px;
   float:left;
   vertical-align:middle
   }

   #remove_col {
   background: url(../images/arrow_lft.gif) no-repeat; 
   width:120px;
   height:65px;
   float:right; padding-top:20px;
   vertical-align:middle
   }



    /* IE ONLY */

  * html #users_box {
    float:left
    }
  * html #search_box-img1 {
    float:left;
    }
 * html #search_box-img2 {
    float:left;
    }
 * html #search_box-key {
    float:left;
    }
 * html #search_box-in {
    float:left;
    }
 * html #search_box-srt {
    float:left;
    }
 * html #search_box-shw {
    float:left;
    }
 * html #user_details1 {
    float:left;
    }
 * html #user_details2 {
    float:left;
    }
 * html #user_details3 {

    }
	
  * html #billers_box {
    float:left
    }
  * html #groups_box {
    float: left
    }
  * html #groups_add_box1 {
    float: left;
    }
  * html #groups_add_box2 {
    float: left;
    }
  * html #groups_add_box3 {
    float: left;
    }
  * html #usr_details_box1 {
    float: left;
    }
  * html #usr_details_box2 {
    float: left;
    }
  * html .cleaner {
    display:block;
    }

/* End of Tables in CSS */

/* Fixed height for Tables */

.service_hght { height:100px; padding:2px}
.service_hght td{ vertical-align:top}

.fields { font-size:95%; padding-right:5px; float:left}
.formfield {width:130px; z-index:-1; background-image: url(../images/button_shade.jpg); color:#000; font-size:90%; font-weight:normal}
.formfield_long {width:200px;  z-index:-1;  background-image: url(../images/button_shade.jpg); color:#000; font-size:90%; font-weight:normal}
.formlabel {display: block; padding-bottom:2px;padding-top:8px}
.formlabel1 {display: block; float: left; padding-left:7px; width: 80px }



#users-add_payment-details .formlabel
{
	float: left;
	margin: 2px 0;
	width: 150px;
}

#users-add_payment-details .formfield
{
	float: left;
	margin: 2px 0;
	width: 130px;
}

* html #users-add_payment-details .form-row
{
	height: 1%;
}

#users-add_payment-details[id] .form-row
{
	overflow: hidden;
}

#users-add_payment-details .buttons
{
	padding: 10px 0;
}


.switchgroup1 ul li
{
	margin: 12px 10px 12px 20px;
	list-style: disc !important;
}


/* Login Box */

#login_box {
	width: 430px;
	padding/**/:/**/ 143px 0 15px 250px}
	
#login_box .contentbox {width: 430px}
#login_box .contentbox#mediumadbox {
	width: 300px; 
	border: none !important}
.contentbox {margin-bottom: 25px}
.contentbox img {
	float: left; 
	margin: 0px 7px 4px 3px}
.contentbox p {margin: 10px 5px 0 0}
#login_box .contentbox p {margin-left: 5px !important}

.contentbox ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	line-height: 140%}

#login_box .contentbox {background: #fff url(../images/bg_box_430_middle.gif) repeat-y}
/* #login_box .contentbox h2 {
	font-size: 160%; 
	font-weight:normal;
	padding-bottom:2px; 
	padding-left:12px;
	padding-top:2px;
	background: #f9f9f9 url(../images/bg_box_430_top_1.gif) no-repeat; 
	font-family:Arial, Helvetica, sans-serif; 
} */

#login_box .contentbox .top {background: #f9f9f9 url(../images/bg_box_430_top.gif) no-repeat;  margin: 0; height:36px }
#login_box .contentbox .top h2{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 125%; margin: 0; color: #385368; font-weight:normal; padding: 12px 0px 0px 15px }

/*#login_box .contentbox .top {background: #f9f9f9 url(../images/bg_box_430_top.gif) no-repeat; height: 3px; font-size: 1px} */
#login_box .contentbox .bottom {clear: both; background: #fff url(../images/bg_box_430_bottom.gif) no-repeat; height: 6px; font-size: 1px}
#login_box .contentbox #utilitylinksbox .bottom {margin: 5px -3px -6px -8px; background-color: #f9f9f9}

/* End of Login Box */


#mainbox {margin: 8px 0 8px 0; background: url("../images/bg_mainbox.gif")}
#mainbox.white {background: url("../images/white.gif")}

#mainbox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 220%; 
	margin: 0px; 
	font-weight:normal; 
	padding: 0 0 0 10px}

#mainbox h2 em {
	color: #007cbf; 
	font-style: normal; 
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 3px; 
	font-size: 95%}
	
#mainbox h3 {
	margin: 0px; 
	font-size: 185%; 
	font-weight:normal;
	padding-bottom:8px; color:#156ba9;
	font-family:Arial, Helvetica, sans-serif}

#mainbox h4 {
	margin: 0px 0 0 0; 
	font-size: 145%; font-weight:bold;
	color:#156ba9;
	font-family:Arial, Helvetica, sans-serif}


/* Tool Tips */


#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 1;
font-size:70%;
text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1;
visibility: hidden;
}

/* password pop up window */

.articlecontent h2 {margin: 3px 0px 5px 0px; font-size: 115%; color: #156ba9; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
.articlecontent p {font-family: Arial, Helvetica, sans-serif; line-height: 130%}
/* restyle it again when the Right Panel is used */


/* Article & Normal Text-heavy Page */

#textcontent {padding-right: 20px; color: #333; padding-bottom:20px}
#textcontent h1.pageheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 150%; text-transform: uppercase; color: #333; font-weight: bold; margin: 0}
#textcontent h2 {font-family:Verdana, Arial, Helvetica, sans-serif}
#textcontent span.src-results {color:#000000; font-size: 8pt; font-weight:bold; font-family:verdana; text-transform:uppercase}
#textcontent span.src-results-title {color: #666666; font-family:Arial; font-weight: normal; margin: 0; font-size:16pt; padding-top:3px }
#textcontent h2.articleheader {padding-top: 0}
#textcontent h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 200%; color: #232323; margin: 5px 0; font-weight: bold}
#textcontent h3.contentheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold; margin: 20px 0}
#textcontent h4 {font-size: 135%; font-family:Verdana, Arial, Helvetica, sans-serif}

#textcontent p {line-height: 130%; margin: 1.5% 0}
#textcontent > p {line-height: 130%; margin: 2% 0}
#textcontent li {line-height: 130%; margin: 0 0 8px 0}
#textcontent img {border: 1px solid #666}

/* Footer Styles */

#footer {background: #d3e0e8 url(../images/footer_bg.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-weight: normal; color: #385368; text-align: center}
#footer a {color: #385368; text-decoration:none}
#footer a:hover {color: #0e0e0e; text-decoration:underline}
#footer ul {margin: 0 auto; padding: 10px 0 13px 0; list-style-type: none}
#footer li {display: inline; margin: 0 11px}