/*  Colors

#D3F0FE;  - sky blue
#3776BB   - dark blue
#5C869A   - dark grey/blue
#14A2CB   - bright shark blue
#F1FBFD   - very light blue (content box bg under fade)
*/

/* 

IE Bug
.content_table has an extra 2px on bottom which widens the margin between it and the edge of the content box in the left pane of each page

*/

body {
	background-color:#D3F0FE;
	background:url(images/body_bg_rpt_y.jpg) top center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	
	height: auto;
	margin: 0px;
	padding: 0px;
}
div, table div {
	position: relative;
}
img {
	position: relative;
	border: none;
	
}

h1 {
	font-size: 16px;

}
ul {
	text-align: left;
}
ul.spaced li {
	margin-top: 6px;

}
.note {
	font-size: 10px;
	
}
.emphasize1 {
	color: #14A2CB;
}
a:link {
	color:#003366;
}
a:visited {
	color:#003366;
}
a:hover {
	color:#000000;
}
a:active {
	color:#000000;
}

.action_button {
	font-size: 12px;
	font-weight: bold;
	/*color:#A54F1B;
	color:#5C869A;*/
	color: #EC0000;
	border: 1px #CCCCCC solid;
	background:url(images/button_1px_bg.jpg) repeat-x;
	padding: 2px 10px 2px 10px;

}
a.action_text {
		color: #CC6600;
}

div.abs {
	position:absolute;
}

.wrapper {
	width: 780px;
	height: auto;
	position: relative;
	top: 0px;
	padding-top: 0px;
	margin: 0px auto;
	/*border:1px #CCCCCC solid;*/
}

.header {
	position: relative;
	margin: 0px;
	
	height: 124px;
	
}
.header img {

	margin: 0px;
}
.content_shell {
	position: relative;
	vertical-align: top;
	width: 100%;
	height: 100%;
	background:url(images/page_bg.jpg) repeat;
	padding: 0px 0px 18px 0px;

}
.nav {
	width: 100%;
	text-align: center;
}
.content_box {
	position: relative;
	vertical-align: top;
	height: auto;
	overflow:visible;
	background:url(images/content_bg.jpg) repeat-x;
	background-color: #F1FBFD;
	margin: 7px 18px 0px 18px;
	padding: 0px 0px 0px 0px;
	
}
.content_table {
	position: relative;
	height: auto;
	border: none;
	top: 0px;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	
	/* border: 1px #666666 dotted;  */   /* debug: in IE there is a 3px gap below the table. */
}
td.pic_td1 {
	padding: 1px 0px 1px 1px;
}
td.pic_td2 {
	padding: 1px 0px 1px 0px;
}
.main_img1 {
	
}
.main_img2 {
	
}

.content_text {
	margin: 50px 16px 16px 16px;
	height: 323px;
	width: 383px;
	text-align:justify;
	
}
.scrollbox {
	border: 1px #CCCCCC dotted;
	color:#666666;
	width: 399px;
	height: 120px;
	overflow:auto;
	padding: 5px;
	text-align: left;
}
.scrollbox li {
	padding-bottom: 2px;
}
.scrollbox tr {
	vertical-align:text-top;
}
.footer_links {
	position: absolute;
	
	bottom: -10px;
	left: 305px;
	padding: 16px 16px 16px 16px;
	font-size:10px;
	text-align: left;
	z-index: 16;
	
}
.faint_note {
	color:#999999;
	font-size: 9px;
}
.footer_links .faint_note a {
	color:#666666;
	text-decoration: none;
}
.clear {
	clear:both;
}
.big {
	font-size:14px;

}

/*------------- LEFT PANEL ----------------*/
td.left_side_panel  {
	position: relative;
	background: url(images/left_pane_rpt_y.jpg) 1px repeat-y;
	padding: 16px;
	
	color: #000000;
	
	height: 16px;

}
td.left_side_panel h1 {
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	text-decoration:underline;
	color: #FFFFFF;
}

td.left_side_panel a:link {
	color: #000000;
	text-decoration:none;
}
td.left_side_panel a:visited {
	color: #000000;
	text-decoration:none;
}
td.left_side_panel a:hover {
	color:#23274E;
	text-decoration:none;
}
td.left_side_panel a:active {
	color:#23274E;
	text-decoration:none;
}
td.left_side_panel a.note {

	text-decoration:underline;
	color:#FFFF00;
}
div#IE_bottom_margin_fix {
	position: relative;
	background: url(images/left_pane_rpt_y.jpg) 1px repeat-y;
	height: 2px;
	top: 18px;
	left: -16px;
	display: none; /* PHP will change this to 'block' if IE is detected as the browser */
}
/*-------------------PUBLICATIONS :: PRODUCTS----------------*/

table.products {
	
}
table.products td.product {
	text-align: center;
	border: 1px #3776BB solid;
	border-top: 2px #3776BB solid;
	border-bottom: 2px #3776BB solid;
	
	
	vertical-align: top;
	padding: 10px;
	
	height: 50px;
	
	background: url(images/form_bg.png) no-repeat center bottom;
	
}
td.product table.product {
	
	height: 100%;
}
table.product td#title {
	font-weight: bold;

	font-size: 12px;
	border-bottom: 1px #3776BB dotted;
	height: 14px;
	
}
table.product td#descr {
	padding: 10px 0px 10px 0px;
	color: #666666;
}
table.product td#purchase {
	padding-top: 10px;
	height: 24px;


}

/*-------------------SERVICES----------------*/
#main {

}
#seminars {

}
.services_table td {
	text-align: left;
	vertical-align: top;
}
ul.compressed {
	position: relative;
	margin-top: 5px;
	margin-left: 16px;
	padding: 0px;
	width: 100%;
	
}
ul.compressed li {
	position: relative;
	text-indent: 0px;

	list-style-type:circle;
}