body  {
	font: 0.71em Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 10px 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1,h2,h3,h4,h5,h6 {
	color: #FF6600;
	margin: 0;
	padding: 0;
}

div.hiddenText{
	display: none;
}
div.hiddenText a{
	color: #000000;
	font-weight: bold;
}

/*************************************************/
/***************** HEADER ************************/
/*************************************************/
/*#######################################
#                HEADER                 #
########################################*/
/* wrap Logo and drop down *******/
#wrapLogo { 
	background: #FFFFFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 73px;
}

/* Top Nav **********************/
    #topNav {
      width:100%;
	  float:right;

    }
    #topNav ul {
	  margin:0;
	  list-style:none;
      }
    #topNav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topNav a {
      float:right;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
      }
    #topNav a span {
      float:left;
      display:block;
      padding:5px 6px 4px 6px;
      color:#666;
	  border-bottom: 5px solid #F47E2F;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topNav a span {float:none;}
    /* End IE5-Mac hack */
/* Logo *************************/
#siteName{
	margin: 0;
	padding: 0;
	float: left;
}
#siteName a{
	display: block;
	background: url(gfx/Northgate_IS_Logo.png) no-repeat; 
	display:block;
	height: 73px;
	width: 326px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
	margin: 0;
	padding: 0;
}
#siteName h1{
	margin: 0;
	padding: 0;
}

/* Drop Down List ***************/
#divisionsDrop{
	text-align: right;
	margin: 10px 0 0 0;
}
#divisionsDrop form{
	margin: 0;
}
#divisionsDrop label{
	color: #4D4D4D;
}
#divisionsDrop select{
}





/************* #search styles ***************/
.textfield {
	BACKGROUND-COLOR:#EEEEEE;
	BORDER-BOTTOM: #FFFFFF 2px solid;
	BORDER-COLLAPSE: collapse;
	BORDER-LEFT: #FFFFFF 2px solid;
	BORDER-RIGHT: #FFFFFF 2px solid;
	BORDER-TOP: #FFFFFF 2px solid;
	font-size: 0.81em;
}
.buttonSearch {
	font-weight:bold;
	color: #FFFFFF;
	BACKGROUND-COLOR:#38383A;
	BORDER-BOTTOM: #38383A 1px solid;
	BORDER-COLLAPSE: collapse;
	BORDER-LEFT: #38383A 1px solid;
	BORDER-RIGHT: #38383A 1px solid;
	BORDER-TOP: #38383A 1px solid;
	font-size: 0.81em;
	
}
.button {
	font-weight:bold;
	color: #EEEEEE;
	BACKGROUND-COLOR:#FF6600;
	BORDER-BOTTOM: #FFD0B0 1px solid;
	BORDER-COLLAPSE: collapse;
	BORDER-LEFT: #FFD0B0 1px solid;
	BORDER-RIGHT: #FFD0B0 1px solid;
	BORDER-TOP: #FFD0B0 1px solid;
	font-size: 0.81em;
	height: 20px;
}
.form{
	margin-top: 10px;
	margin-bottom: 0;
	 padding: 0px;
}

#search label{
	margin: 0px;
	padding: 0px;
	
}



/************* #infoContact styles **************/

#infoContact{
	text-align: right;
	padding: 0;
	margin: 3px 10px 3px 10px;
	color: #4D4D4D;
	display: table;
	font-size: 0.71em;
}
#infoContact a{
	text-decoration: none;
	color: #4D4D4D;
	background: #FFFFFF;
}
#infoContact a:hover{
	text-decoration: underline;
}
/* top image WRAP with main menu and tripple A ********/
#topimgWrap{
	display: table;
	width: 100%;
} 
#bannerBgr {
	background: url(gfx/bannerBgr.png);
	height: 153px;
}

#imgHeaderTop{
	width: 100%;
	height: 153px;
	background: url(gfx/banner.png) no-repeat;
	display: table;
}
#flashImg{
	float: right;
	width: 141px;
	height: 153px;
	font-size: 8px;
}
#midNav{
	color: #FFFFFF;
	text-align: left;
	margin: 25px 10px 0 0;
	padding: 0 0 0 30px;
	font-weight: bold;
	font-size: 1.11em;
}

#midNav a{
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
}
#midNav a:hover{
	text-decoration: underline;
}

#tripleA{
	color: #FFFFFF;
	text-align: right;
	padding: 5px 0 0 30px;
}

#tripleA a{
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
#tripleA a:hover{
	text-decoration: underline;
}

.size1 {font-size: 12px;}
.size2 {font-size: 14px;}
.size3 {font-size: 16px;}



/* Silver Botton Round Conners */
.lineBottonWrap{
	font-size: 8px;
	height: 10px;
	width: 100%;
	background:url(gfx/lineBottonCenter.gif);
}
.lineBottonRight{
	float: right;
	width: 10px;
	height: 10px;
	font-size: 8px;
	background:url(gfx/lineBottonRight.gif) no-repeat right;
}
.lineBottonLeft{
	float: left;
	width: 10px;
	height: 10px;
	font-size: 8px;
	background:url(gfx/lineBottonLeft.gif) no-repeat left;
}




/* Purple Botton Round Conners */
.imgBottonWrap{
	width: 100%;
	height: 30px;
	background: #542989;
	color: #FFFFFF;
	clear: both;
}
#imgHeaderBot{
	float: left;
	height: 30px;
	background: #542989 url(gfx/ban_bot_left_con.png) no-repeat left bottom;
	color: #FFFFFF;
}
.search {
	float: right;
	height: 30px;
	background: #542989;
	margin-top: 0;
	text-align: right;
}
.search label{
	color:#FFFFFF;
	font-weight: normal;
	font-size: 1.01em;
	font-weight: bold;
}
.search form{
	margin: 0;
	padding: 4px 10px 0 0;
}

/*************************************************/
/***************** CONTAINER *********************/
/*************************************************/
#container { 
	background: #F3F3F4 url(gfx/cont_bgr.png) repeat-x;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#botPeople { 
	background: url(gfx/bot_people_01.png) left bottom no-repeat;
}
#header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
	margin: 0 0 170px 0;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #F3F3F4; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	text-align: center;
	padding: 20px 0;
}
.imgSpace{
	margin: 5px 0;
}
#mainContent { 
	margin: 0px 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 10px 10px 30px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
} 
#footerLeftBgr { 
	background: url(gfx/footer_left_bgr.png) no-repeat left;
	height: 27px;
}
#footerCentBgr { 
	background: #F1592A url(gfx/footer_center_bgr.png) repeat-y;
}
#footer { 
	color: #FFFFFF;
	padding: 0;
	text-align: center;
	padding: 6px 10px 0 10px;
}
#footer a{
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
}
/*******************************/






#contWrap{
	background: #F3F3F4 url(gfx/bot_people_01.png) left bottom no-repeat;
	clear: both
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/***************** LEFT COLUMM *******************/
/*************************************************/

#leftNavTopCon{
	height: 22px;
	width: 166px;
	margin: 0 auto;
	font-size: 0px;
	background: url(gfx/leftNav_top_bgr.png) no-repeat;
}

#leftNavTopPlainCon{
	height: 14px;
	width: 166px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 0px;
	background: url(gfx/leftNav_TopPlain_bgr.png) no-repeat;
}

#leftNavBotCon{
	height: 14px;
	width: 166px;
	margin: 0 auto;
	font-size: 0px;
	background: url(gfx/leftNav_bot_bgr.png) no-repeat;
}
#leftNavMidCon{
	width: 166px;
	margin: 0 auto;
	background: url(gfx/leftNav_mid_bgr.png) repeat-y;
	text-align: left;
	font-size: 1.01em;
	font-weight: bold;
}
/*- Left Nav--------------------------- */

#leftNavMidCon ul a:link, #leftNavMidCon ul a:visited {
	color: #FFFFFF;
	display: block;
	padding: 8px 18px 10px 8px;
	OVERFLOW: visible;
	text-decoration: none;
	background: url(gfx/LeftNav_but_top.png) no-repeat top;
	margin: 0px;
}

#leftNavMidCon ul li ul a:link, #leftNavMidCon ul li ul a:visited {
	color: #666666;
	display: block;
	padding: 2px 0 3px 14px;
	OVERFLOW: visible;
	text-decoration: none;
	background: url(gfx/divisionMenu.gif) no-repeat;
	margin: 0;
}

#leftNavMidCon ul li ul li ul a:link, #leftNavMidCon ul li ul li ul a:visited {
	color: #666666;
	display: block;
	padding: 2px 0 3px 14px;
	OVERFLOW: visible;
	text-decoration: none;
	background: url(gfx/divisionMenu.gif) no-repeat;
	margin: 0;
}

#leftNavMidCon ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
	LIST-STYLE-TYPE: none;

}

#leftNavMidCon li {
	padding: 0px 13px;
	margin: 4px 0;
	background: url(gfx/LeftNav_but_bot.png) no-repeat top;
}
#leftNavMidCon ul a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#leftNavMidCon ul li ul a:hover {
	text-decoration: underline;
}
#leftNavMidCon ul li ul li ul a:hover {
	text-decoration: underline;
}
#leftNavMidCon li ul li {
	padding: 0;
	margin: 0px 0;
	background: #F2F2F3;
}
#leftNavMidCon li ul li ul li {
	padding: 0px 0 2px 7px;
	margin: 0px 0;
	background: #F2F2F3;
}

/***************** RIGHT COLUMM ******************/
/*************************************************/
#rightNav {
	float: right; /* since this element is floated, a width must be given */
	width: 190px;
	padding: 20px 0; /* padding keeps the content of the div away from the edges */
	text-align: center;
	background: #F3F3F4;
}



/*- Main nav--------------------------- */




/***************** CONTENT COLUMM ****************/
/*************************************************/
/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 0.81em;
	padding: 5px 0px 5px 0px;
	color: #4D4D4D;
	text-align: left;
}
#breadCrumb a{
	color: #542989;
	text-decoration: none;
}
#breadCrumb a:hover{
	text-decoration: underline;
}

#content{
/*height: 300px;*/
color: #4D4D4D;
text-align: left;
}

#content a{
text-decoration: none;
color: #542989;
}
#content a:hover{
text-decoration: underline;
}


/* Footer ******************************************/
/***************************************************/
#wrapInfo{
	margin: 0;
}
.imgTopRight{
	float: right;
	width: 10px;
	height: 10px;
	font-size: 8px;
	background: url(gfx/imgTopRight.gif) no-repeat right;
}
#imgTopLeft{
	font-size: 8px;
	width: 100%;
	height: 10px;
	background: #330066 url(gfx/imgTop1.gif) no-repeat;
}
#siteInfo{
	clear: both;
	color: #999999;
	padding: 5px 10px 5px 10px;
	background: #330066;
}

#siteInfo a{
	color: #FFFFFF;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
.imgFooterWrap{
	font-size: 8px;
	width: 100%;
	height: 10px;
	background: #330066;
	color: #FFFFFF;
}
.imgFooterRight{
	float: right;
	width: 10px;
	height: 10px;
	font-size: 8px;
	background: #330066 url(gfx/imgBottonRight.gif) no-repeat right;
}
.imgFooterLeft{
	float: left;
	width: 10px;
	height: 10px;
	font-size: 8px;
	background: #330066 url(gfx/imgBottonLeft.gif) no-repeat left;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

/* Line between each news/jobs/podcasts/reports *******************/
.reportlHeaderTD{
padding: 5px 0 5px 0;
border-top: #CCCCCC 1px solid;
background: #E5E5E5;
text-align: center;
width: 70px;
}

.reportlTD{
padding: 5px 0 5px 0;
border-top: #CCCCCC 1px solid;
background: #FFFFFF;
text-align: center;
width: 70px;
}

.itemboxLine {
padding: 5px 0 5px 0;
border-top: #CCCCCC 1px solid;
}
.itemboxLine h2 {
padding: 0;
margin: 0;
}
/* mBlog section *******************************/
.mblogcomments{
	padding: 20px 0 10px 30px;
	border-top: #CCCCCC 1px solid;
	background: url(gfx/bubbles.gif) no-repeat left top; 
}
.mblogcommentsDetails{
	padding: 0 0 5px 40px;
	color:#666666;
}
.mblogDetails{
	padding: 0 0 5px 10px;
	color:#666666;
}



/*********************************************/
/*************** TAB AJAX ********************/
/*********************************************/
    .shadetabs {
      float:left;
      width:100%;
	  background:#F4F7FB;
      line-height:normal;
	  border-bottom:7px solid #F47E2F;
	  background: url(gfx/shadetabsWrap.png) bottom repeat-x;
	  font: bold 1.21em Arial, Helvetica, sans-serif;
      }
    .shadetabs ul {
	  margin:0;
	  padding:10px 10px 0 0;
	  list-style:none;
      }
    .shadetabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    .shadetabs a {
      float:left;
      background:url("gfx/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .shadetabs a span {
      float:left;
      display:block;
      background:url("gfx/tabright.gif") no-repeat right top;
      padding: 6px 30px 6px 6px;
      color:#FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .shadetabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFFFFF;
      }
    .shadetabs a:hover {
      background-position:0% -42px;
      }
    .shadetabs a:hover span {
      background-position:100% -42px;
      }

.shadetabs li a:visited{
color: #666666;
}

.shadetabs li a:hover span{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background: url(gfx/tableft.gif) no-repeat left top;
background-position: 0% -42px;
}
.shadetabs li.selected a span{ /*selected main tab style */
background: url(gfx/tabright.gif) no-repeat right top;
background-position: 100% -42px;
}
.shadetabs li.selected a:hover span{ /*selected main tab style */
}

#tabcontentstyle{
border: 1px solid #999999;
padding: 5px 5px 10px 5px;
clear: both;
}

#tabcontentstyle a{ /*style of tab content oontainer*/
color: #542989;
text-decoration: none;
font-weight: bold;
}
#tabcontentstyle a:hover{ /*style of tab content oontainer*/
text-decoration: underline;
}
.tabcontent{
display:none;
}

display:block!important;
}
}

/*************** TABS ****************/
#tabcontentstyle.reports td { /** this is for fire fox some how it only accept with an ID before the style **/
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #C3C3C3;
}
.reports td {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #C3C3C3;
}
.reports p {
	margin: 0;
}
.reportsAll {
	padding: 5px 0 0 0;
}

.RSSfeed {
	text-align: right;
}
.paging{
	text-align: left;
}
.tableTop{
	margin: 0px 0px 0px 0px;
	border-bottom: #CCCCCC 1px solid;
	padding-bottom: 5px;
}

.purple{
	color: #542989;
}
.orange{
	color: #F47E2F;

}
.shareTitle{
	color: #FF6600;
	font-weight: bold;
	margin: 5px;
}
#shareBox{
	border: #999999 1px solid;
	margin: 0 0 0 10px;
	padding: 10px 0;
	text-align: center;
}

#annual_report_L{
	width: 166px;
	margin: 10px 0px 0px 10px;
	padding-top: 10px;
	border: 1px solid gray;
	text-align: center;
}

#annual_report_R{
	width: 178px;
	margin: 10px 0px 0px 10px;
	padding-top: 10px;
	border: 1px solid gray;
}



/*************************************************/
/** ALUMNI CSS ***********************************/
/*************************************************/
body#alumni {background:#F3F3F4;}
#body_wrap{
	width: 900px;
	margin: auto;
	border-top: 5px solid #542989;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
/* Logo *************************/
/* wrap Logo and drop down *******/
#alum_wrapLogo { 
	background: #FFFFFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 118px;
}

#alum_siteName{
	margin: 0;
	padding: 0;
	float: left;
}
#alum_siteName a{
	display: block;
	background: url(gfx/alumni_IS_logo.png) no-repeat; 
	display:block;
	height: 118px;
	width: 282px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
	margin: 0;
	padding: 0;
}
#alum_siteName h1{
	margin: 0;
	padding: 0;
}

#alum_topimgWrap{
	display: table;
	width: 100%;
} 

#alum_imgHeaderTop{
	width: 100%;
	height: 145px;
	background: url(gfx/alum_banner.png) no-repeat;
}

#alum_sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
	margin: 0 0 20px 0;
}
h4.alum_LeftBox_header{ margin-left: 15px; font-size: 11px; color: #542989}
h4.alum_RightBox_header{ margin-left: 5px; margin-bottom: 5px; font-size: 11px; color: #542989; text-align:left;}


/***************** RIGHT COLUMM *******************/
/*************************************************/

#alum_rightNavTopCon{
	height: 7px;
	width: 159px;
	margin: 0 auto;
	font-size: 0px;
	background: url(gfx/alum_empty_Top_box.png) no-repeat;
}

#alum_rightNavBotCon{
	height: 7px;
	width: 159px;
	margin: 0 auto;
	font-size: 0px;
	background: url(gfx/alum_empty_Bot_box.png) no-repeat;
}
#alum_rightNavMidCon{
	width: 159px;
	margin: 0 auto;
	background: url(gfx/alum_empty_Mid_box.png) repeat-y;
	text-align: left;
	font-size: 1.01em;
	font-weight: bold;

}
/*- Left Nav--------------------------- */


.contact_text_box{
/*height: 300px;*/
color: #4D4D4D;
text-align: left;
font-weight: normal;
font-size: 9px;
}

.contact_text_box a{
text-decoration: none;
color: #542989;
}
.contact_text_box a:hover{
text-decoration: underline;
}
p.contact_text_box{
 margin: 0 5px;
}
.orange_box{}
#A-Z_search{width: 159px; margin: 0 auto; padding: 10px 0; text-align: left;}

#A-Z_letters {margin-left: 5px;}
#A-Z_letters a{font-size: 11px; color:#F79421; font-weight: normal; text-decoration: none;}
#A-Z_letters a:hover{text-decoration: underline;}

#alum_mainContent { 
	margin: 0px 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 10px 10px 30px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.alum_logout {
	float: right;
	background: #542989;
	text-align: right;
	margin-right: 15px;
	padding: 5px 0 0 30px;

}
.alum_logout a {
	color: #FFFFFF;
	font-weight: bold;
}
/*
#alum_TopNav{
	float: left;
	height: 30px;
	color: #FFFFFF;
}
#alum_TopNav ul{
	list-style: none;
	display: inline;
}
#alum_TopNav li{
	display: block;
}
*/


/*- Menu Tabs--------------------------- */ 


    #alum_TopNav {
      float:left;
	  height: 25px;
      font-size:93%;
      line-height:normal;
	  margin: 0;
}
    #alum_TopNav ul {
	  margin:0;
	  padding: 3px 0 0 200px;
	  list-style:none;
      }
    #alum_TopNav li {
      display:inline;
      margin:0;
      padding:0;
	  height: 30px;
      }
    #alum_TopNav a {
      float:left;
      background:url(gfx/alum_TopNavLeft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  cursor: pointer;
      }
    #alum_TopNav a span {
      float:left;
      display:block;
      background:url(gfx/alum_TopNavRight.gif) no-repeat right top;
      padding: 8px 15px 6px 6px;
      color:#FFF;
	  font-weight: bold;
	  width: 116px;
	  text-align: left;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #alum_TopNav a span {float:none;}
    /* End IE5-Mac hack */
    #alum_TopNav a:hover span {
      color:#FFF;
      }
    #alum_TopNav a:hover {
      background-position:0% -32px;
      }
    #alum_TopNav a:hover span {
      background-position:100% -32px;
      }

#terms_condition{
	width: 460px;
	height: 150px;
	background-color: #FFFFFF;
	color: #777;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow-y: scroll;
	padding: 5px;
}


#addressListStyle p{ padding: 0; margin: 0;}
.address-body p{ padding: 0; margin: 0;}