/* 100% High Base Layout
------------------------------------------------------------------------------*/

* {	margin: 0; padding: 0; }

body {
	background: #88B7C8;
	color: #000033;
	font-family: verdana, arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	text-align: center;
}

#page {
	background-color: #fff;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;	
	width: 760px;
}

* html #page { height: 100%; }

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden { position: absolute; left: -10000px; }

html { height: 100%; }
body { height: 100%; }
#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#footer	{ position: relative; margin: -1.8em auto 0 auto; }
/* ie 5, 6, 7 hack */		
* html #footer, html* #footer {	margin-top: -1.8em; }

/*----------------------------------------------------------------------------*/

#col1 { float: left; width: 160px; height: 1024px; }
#col2 { float: left; width: 225px; }
#col3 { float: left; width: 375px; }

#col1 { background: #88B7C8 url(../images/bg-col1.jpg) no-repeat }
#col2 { background: #CEE1E8 url(../images/bg-col2_2.jpg) repeat-y; }

#logo { margin: 10px 0 10px 0; text-align: center; }

#col2_content { 
	height: 257px;
	padding: 10px; margin-top: -75px; 
}

/*
* html #col2_content { height: 233px; }
*/

#content { padding: 10px; }
* html #content { padding: 8px; }

#contact { margin-bottom: 10px; text-align: center; }

div.bubble { width: 168px; height: 188px; margin: 10px 0 10px 0; }
div.bubble-light { background: url(../images/bubble-light.jpg); }
div.bubble-dark { background: url(../images/bubble-dark.jpg); }
div.bubble div { padding: 5px 15px 5px 5px; }

div.bubble-addl { 
	background: url(../images/bubble-col2.gif) no-repeat;
	height: 188px; 
}

div.bubble-addl a { color: #fff }
div.bubble-addl a:hover { color: #FF6600 }

div.bubble-addl div { padding: 10px; }

/* Text
------------------------------------------------------------------------------*/

h1 { color: #000033; font-size: 1.5em; margin-bottom: 1em; }
h2 { background-color: #5195AE; color: #fff; font-size: 1.0em; margin: 1em 0 1em 0; padding: 5px; }
p  { color: #000033; line-height: 1.5em; margin: 1em 0 1em 0; }

a  { color: #993300; } a:hover { color: #FF6600; }
div.bubble a { color: #fff; } div.bubble a:hover { color: #FF6600; }


#col2_content h1 { line-height: 1.0em; margin: 0 0 5px 0; }
#col2_content p { line-height: 1.1em; margin: 2px 0 2px 0; }
div.bubble-addl p, div.bubble-addl h2 { color: #fff; background: none; }
div.bubble-addl h2 { margin-top: 0; }

/* Lists
------------------------------------------------------------------------------*/

dl {
	border-left:1px solid #fff; 
	border-right:1px solid #fff;
}

dt {
	color: #993300; font-size: 1.3em;
	padding: 0 0 5px 0;
}

dd {
	margin:0; padding:0 0 10px 0; 
}

dd.divider {
	border: 1px solid #000066;
	padding: 0; margin-bottom: 10px;
}

/* Content
------------------------------------------------------------------------------*/

#home-tmt td { padding: 0 0 5px 0; text-align: center; }
#home-tmt td img { background-color: #D2EDF9; padding: 5px; }
#home-tmt td a { font-size: 0.8em; }

ol.tmt li { clear: both; }
.tmt a { font-size: 1.3em; }
.tmt-img { float: left; }
.tmt-inf { float: right; width: 295px; border-bottom: 1px solid #993300; 
	margin-bottom: 10px;
}
p.tmt-abstract { color: #993300; font-size: 1.3em; }

/* Forms
------------------------------------------------------------------------------*/

label { display: block; }
form hr { height: 2px; color:#000033; margin: 5px 0 5px 0; }
span.formError { color: red; font-weight: bold; }
div.formInfo { border: 2px solid orange; padding: 10px; }

/* Tables
------------------------------------------------------------------------------*/

#products { padding: 5px; width: 100%; }