body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-image: url('images/bcs_tile.gif');
	margin: 0;
	padding: 0;
	border: 0;
}

/* STYLE FOR SIDEBAR */
/* STYLE FOR SIDEBAR */
/* STYLE FOR SIDEBAR */

.sideEXT {
	width: 150px;
	margin: 50px 0px 10px 10px;
	padding: 0;
	float: right;
}

.sideINT { /* padding for anything on the sidebar */
	width: 150px;
	background-color: #000000;
	color: #FFFFFF;
}

.sideINT a {
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
}

.sideINT a:hover { color: #FFFFFF; text-decoration: none; }
.sideINT a:visited { color: #FFFFFF; }

.sideIMG {
	max-height: 150px;
	overflow: hidden;
}

.sideIMG img {
	width: 150px;
	height: auto;
}

.sideTXT {
	padding: 3px;
	text-decoration: none;
	border-bottom: 3px #E8E8E8 solid;
}

.sideTXT:hover { border-bottom: 3px #666666 solid; }

/* Styles for Links */
/* Styles for Links */
/* Styles for Links */

a 				{color: #0D2A8C; text-decoration: underline;}
a:hover 		{color: black; text-decoration: underline;}
a:visited		{color: #0D2A8C; text-decoration: underline;}

#content 		{clear: both; margin: 10px; padding: 0px;}
#content img 	{border: 0;}


/* STYLE FOR THUMBBARS */
/* STYLE FOR THUMBBARS */
/* STYLE FOR THUMBBARS */


.homelist {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0 0 0 3em;
}

.homelist li {
	padding: 5px 0 5px 0;
	margin: 0;
	display: block;
	width: 565px;
}

.homelist li a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px black solid;
	background: #E8E8E8 url('images/bg_thumblist.png') repeat-x left bottom;
}

.homelist li a:hover {
	display: block;
	color: #FF0000;
}

.homelist li .cover {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	max-height: 100px;
	overflow: hidden;
}

.homelist li .cover img {
	width: 125px;
	height: auto;
	padding: 0 8px 0 0;
	margin: 0;
}

.homelist li .contents {
	display: inline-block;
	vertical-align: middle;
	max-width: 400px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

/* STYLE FOR HEADERS */
/* STYLE FOR HEADERS */
/* STYLE FOR HEADERS */

#content h1{
	font-weight: bold;
	font-size: large;
	color: #0D2A8C;
}

#content h5{
	font-weight: bold;
	font-size: large;
	color: #FF0000;
}

#content h2 {
	font-weight: bold;
	color: #FF0000;
	font-size: small;
}

#content h3 {
	font-size: xx-large;
	color: #FF0000
}

#content h4 {
	color: maroon;
	font-style:italic;
	font-size: small;
}

#content h6 {
	font-family:"Courier New", Courier, monospace;
	font-size:small;
}

#content li{
	color: #FF0000;
	margin-left: -3em;
	list-style-type: none;
}

/* PARAGRAPH STLYES */
/* PARAGRAPH STLYES */
/* PARAGRAPH STLYES */

.listprintPP { font: normal small "Courier New", Courier, monospace; }



/* TEMP DUMP FOR IMNI BOX */


/* Style For .BOX the utilitarian div */
/* Style For .BOX the utilitarian div */
/* Style For .BOX the utilitarian div */

.BOX_TEXT 		{ padding: 0; margin: 12px; }
.BOX_HEADER 	{ font-weight: bold; font-size: x-large; color: #000000; padding: 0; margin: 12px; }

.BOX_SHELL { /* The entire element, housing the paragraph and sidebox */
	clear: both;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-top: 6px #666666 solid;
	border-bottom: 1px #000000 solid;
	background: #f7f7f7 url('images/_box_BG.png') repeat-x left top;
	overflow: auto;
	width: 980px;
}

.BOX_CAPTION { /* The caption under the sidebox picture */
	padding: 5px;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
}

.BOX_LISTLEFT {
	float: left;
	margin: 4px 12px 16px 12px;
	padding: 0;
}

.BOX_LISTRIGHT {
	float: left;
	margin: 4px 12px 16px 0;
	padding: 0;
}


/* a:link styling not necessary because the <a> element is outside and encompasses the
entire div, picture and text. It is not XHTML 1.0 sound but it works so whatever. */

/* These just define if the box is left or right aligned, and give some common widths you 
might use. Be aware that if you use .BOX_L or .BOX_R, there is no width defined, so be
careful when using a text box, as it might stretch further than the image. */

.BOX_L		{ float: left; padding: 0; margin: 0 12px 12px 0; background-color: #000000; }
.BOX_L_100	{ float: left; padding: 0; margin: 0 12px 12px 0; background-color: #000000; width: 100px; }
.BOX_L_150	{ float: left; padding: 0; margin: 0 12px 12px 0; background-color: #000000; width: 150px; }
.BOX_L_180	{ float: left; padding: 0; margin: 0 12px 12px 0; background-color: #000000; width: 180px; }

.BOX_R		{ float: right; padding: 0; margin: 0 0 12px 12px; background-color: #000000; }
.BOX_R_100	{ float: right; padding: 0; margin: 0 0 12px 12px; background-color: #000000; width: 100px; }
.BOX_R_150	{ float: right; padding: 0; margin: 0 0 12px 12px; background-color: #000000; width: 150px; }
.BOX_R_180	{ float: right; padding: 0; margin: 0 0 12px 12px; background-color: #000000; width: 180px; }

/* Images of various standard sizes, with a 1.66666667 max-height ratio; for most applications. */

.BOX_MAX_100		{ max-height: 160px; overflow: hidden; }
.BOX_MAX_100 img	{ width: 100px; height: auto; }

.BOX_MAX_150		{ max-height: 250px; overflow: hidden; }
.BOX_MAX_150 img	{ width: 150px; height: auto; }

.BOX_MAX_180		{ max-height: 300px; overflow: hidden; }
.BOX_MAX_180 img	{ width: 180px; height: auto; }

/* Images of various standard sizes, with NO max-height ratio. perfect for most applications. */

.BOX_NOX_100		{}
.BOX_NOX_100 img	{ width: 100px; height: auto; }

.BOX_NOX_150		{}
.BOX_NOX_150 img	{ width: 150px; height: auto; }

.BOX_NOX_180		{}
.BOX_NOX_180 img	{ width: 180px; height: auto; }