.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: 18px;
}

/* ----- IMAGES ----- */

img{
border: 0px;
}
img a{
border: 0px;
text-decoration: none;
}
img a:hover{
border: 0px;
text-decoration: none;
}


/* ----- TABLES ----- */

table {
	border-collapse: collapse;
	margin-top: .5em;
	/*clear: left; left-over from complex css example*/
}

th, td {
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px solid #ccc; /* 12x0.083=1px */
	line-height: 1em; /* 12x1=12px */ 
}

/* rather than give the table a font size, use contextual selectors to target the th and td elements within */

th {
	font-weight: bold;
	text-align: right;
	 font-size: 0.75em; /* 16x0.875=14px */
	/*padding: 0.333em 0.75em 0.417em 0.75em;  12*0.333=4px 12*0.75=9px 12x0.417=5px */
	/* padding:0 0.643em 0.571em 0.643em; 14x0.643=9px 14x0.571=8px */
}

td {
	text-align: left;
	 font-size: 0.75em; /* 16x0.875=14px */
	/* font-size: 0.75em;  16x0.75=12px */
	/* padding: 0.333em 0.75em 0.417em 0.75em;  12*0.333=4px 12*0.75=9px 12x0.417=5px */
}


/* ----- PULLQUOTE with quotes on top and bottom  ----- */

/* ----- RULE is a centered image  ----- */

/* ----- SIDEBAR ----- */

/* rather than give the sidebar itself a font size, use contextual selectors to get at the elements within */

.sidebar {
	width: 230px;
	/* margin: 0 1.125em 0 0;  16x1.125=18px */
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 10px; /* 16x0.5625=9px */
	background:#ddd;
	color: #000;
}

.sidebar h3 {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 0 0 0.643em 0; /* 14x0.643=9px */
	color: #000;
}

.sidebar p {
	font-size: 0.75em; /* 16x0.75=12px */
	line-height: 1.2em;
}

.sidebar ul {
	padding: 0;
	margin: 0 0 .5em 1.125em; /* 16x1.125=18px */
}

.sidebar li {
	font-size: 0.75em; /* 16x0.75=12px */
	line-height: 1.2em;
}

/* ----- subcontent ----- */

div.subcontent {background-image:
	url(../aassets-at/subcontent/subcontent-back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 6px;
	margin: 5px 0 5px 0;
	/*border-bottom: 1px solid #eee;*/
	}

div.subcontent h2 {
	padding-left: 30px;
	margin: 4px 0 5px 0;
	}

/* ----- PHOTOBOX ----- */

/* rather than give the sidebar itself a font size, use contextual selectors to get at the elements within */

.photobox {
	width: 250px;
	/* margin: 0 1.125em 0 0;  16x1.125=18px */
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 0;
	border-bottom: 1px solid #ccc; /* 12x0.083=1px */
}

.photobox p {
	font-size: 0.75em; /* 16x0.75=12px */
	font-family: "Courier New", Courier, monospace;
	color: #666666;
	line-height: 1.2em;
	margin-top: .2em;
	margin-bottom: .5em;
}