body {
	margin: 0em;
	padding: 0em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* do all font sizing below in ems (not pixels or percent). */
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	background-color: #FFFFFF;
	background-image: none;
}








/* default container holds everything on page */
#container {
	position: relative;
	width: 100%;
	margin: 0em;
	padding-bottom: 5em;
}

/* printer friendly container */
body.print #container {
	width: 600px;
	margin: 1em auto;
	padding: 0em;
}









/* div that (in most cases) contains everything below the breadcrumbs (including the footer) */

/* home */
body.home #container2 {
	width: 770px; 
	background-image: url(/aad/global-images/layout/home-container2-bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

/* main */
body.main #container2 {
	width: 770px;
	background-image: url(/aad/global-images/layout/3-col-container2-bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

/* 1-column */
body.col-1 #container2 {
	width: 770px;
	background-image: url(/aad/global-images/layout/1-col-container2-bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

body.col-1-open #container2 {
	width: 770px;
	background-image: none;
	background-repeat: no-repeat;
	clear: both;
}

/* 2-column */
body.col-2 #container2 {
	width: 770px;
	background-image: url(/aad/global-images/layout/2-col-container2-bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

/* 2-column (left) */
body.col-2-left #container2 {
	width: 770px;
	background-image: url(/aad/global-images/layout/2-col-left-container2-bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

/* 3-column */
body.col-3 #container2 {
	width: 770px;
	background-image: url(/aad/global-images/layout/3-col-container2-bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

/* Application */
body.app #container2 {
	width: 100%;
	margin: 1em;
	padding: 0;
	clear: both;
}

/* Printer Friendly */
body.print #container2 {
	width: 600px;
	margin-top: 2em;
	clear: both;
}











/* col-a is pretty much the same on all templates that use it */
#col-a {
	float: left;
	width: 140px;
	padding: 22px 10px 20px 7px;
	background-image: url(/aad/global-images/layout/col-a-top-bg.gif);
	background-position: top 100%;
	background-repeat: no-repeat;
}

/* default style for <h3> in col-a */
#col-a h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0em;
}

/* default style for <p> in col-a */
#col-a p {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0.5em 0em 0.5em 0em;
}










/* col-b on main, home and 3-col pages */
body.main #col-b, body.home #col-b {
	float: left;
	width: 213px;
	padding: 23px 8px 20px 0px;
	background-image: url(/aad/global-images/layout/col-b-top-bg.gif);
	background-repeat: no-repeat;
}

/* col-b on 3-col and 2-col-left pages */
body.col-3 #col-b, body.col-2-left #col-b {
	float: left;
	width: 206px;
	padding: 23px 8px 20px 7px;
	background-image: url(/aad/global-images/layout/col-b-top-bg.gif);
	background-repeat: no-repeat;
}

/* col-b on 2-col and 1-col pages */
body.col-2 #col-b, body.col-1 #col-b {
	float: right;
	width: 213px;
	padding: 23px 0px 0px 7px;
	background-color: #ffffff;
	margin-left: 1em;
	margin-bottom: 1em;
	clear: both;
}


/* default style for <h3> in col-b */
#col-b h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0em;
}

/* default style for <p> in col-b */
#col-b p {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0.5em 0em 0.5em 0em;
}













/* #content div in home, main, & 3-col template */
body.home div#content, body.main div#content, body.col-3 div#content {
	float: left;
	width: 360px;
	padding: 15px 10px 20px 10px;
	position: relative;
	background-image: url(/aad/global-images/layout/3-col-content-top-bg.gif);
	background-repeat: no-repeat;
}

/* #content div in 2-col template */
body.col-2 #content {
	float: left;
	width: 574px;
	padding: 15px 17px 20px 10px;
	background-image: url(/aad/global-images/layout/2-col-content-top-bg.gif);
	background-repeat: no-repeat;
	position: relative;
}

/* #content div in 2-col-left template */
body.col-2-left #content {
	float: left;
	width: 510px;
	padding: 15px 10px 20px 17px;
	background-image: url(/aad/global-images/layout/2-col-left-content-top-bg.gif);
	background-repeat: no-repeat;
	position: relative;
}

/* #content div in 1-col template */
body.col-1 #content {
	float: left;
	width: 720px;
	padding: 15px 19px 20px 19px;
	position: relative;
	background-image: url(/aad/global-images/layout/1-col-content-top-bg.gif);
	background-repeat: no-repeat;
	position: relative;
}
/* #content div in 1-col-open template */
body.col-1-open #content {
	float: left;
	padding: 15px 19px 20px 19px;
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	position: relative;
}