body {
	background-color:#FFF;
	font:normal 62.5%/1.0 Verdana, sans-serif;
	color:#004682;
	text-align:center;
	padding:0; margin:0;	
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RESET ALL */
div {padding:0; margin:0;}
p, ol, ul, li, dl, dt, dd {padding:0; margin:0;}
ol, ul {list-style-type:none;}
code, abbr, acronym, address, blockquote {padding:0; margin:0;}
img, a img {border:none;}
fieldset, legend, label, input, select, textarea {padding:0; margin:0;}
br {clear:both;}
a {color:#004682; text-decoration:underline;}
a:hover {color:#DF0438;text-decoration:underline;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PAGE CONTAINERS */
div#site {
	display:block;
	width:800px; height:auto;
	text-align:left;
	padding:0; margin:0 auto;	
}
div#header {
	float:left; clear:both;
	display:block;
	width:800px; height:110px;
	background:#FFF url(../images/header_accent.gif) 165px 100% no-repeat scroll;
	padding:0; margin:25px 0 0 0;	
}
div#page {
	float:left; clear:both;
	display:block;
	width:800px; height:auto;
	background:#FFF url(../images/background_page.gif) 0% 0% repeat-y scroll;
	padding:0 0 50px 0; margin:0;	
}
div#page div#column01 {
	float:left;
	display:block;
	width:165px; height:auto;
	padding:0; margin:0;	
}
div#page div#column02 {
	float:right;
	display:block;
	width:634px; height:auto;
	padding:0; margin:0;	
}
div#footer {
	float:left; clear:both;
	display:block;
	width:800px; height:35px;
	background:#FFF url(../images/background_footer.gif) 0% 0% repeat-y scroll;
	padding:0 0 0 0; margin:0;	
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* UTILITY */
span.hide {display:none; visibility:hidden;}
.floatleft {float:left;}
.floatright {float:right;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ELEMENTS WITHIN HEADER */
div#header h1 {
	float:left;
	display:inline;
	width:266px; height:58px;
	padding:0; margin:10px 0 0 20px;	
}
div#header > h1 {
	display:block;
}
div#header h1 a {
	display:block;
	background:transparent url(../images/logo_treonic.gif) 0% 0% no-repeat scroll;
	width:268px; height:78px;
	padding:0; margin:0;	
}
div#header dl#contact {
	float:right;
	display:block;
	width:20.0em; height:75px;
	font-size:1.1em; font-style:normal; color:#004682; line-height:1.3;
	padding:0; margin:10px 30px 0 0;	
}
div#header dl#contact dt {
	float:left;
	width:5.0em; height:auto;
	font-weight:bold;
	padding:0; margin:0;	
}
div#header dl#contact dd {
	float:left;
	width:15.0em; height:auto;
	font-weight:normal;
	padding:0; margin:0;	
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ELEMENTS WITHIN COLUMN01 */
div#column01 div#menu {
	float:left;
	display:block;
	width:165px; height:auto;
	background-color:#004682;
	padding:0 0 27px 0; margin:0;	
}
div#column01 div#menu ul {
	float:left; clear:both;
	display:block;
	width:165px; height:auto;
	padding:0; margin:0;	
}
div#column01 div#menu ul li {
	float:left; clear:both;
	display:block;
	width:139px; height:2.3em;
	background:transparent url(../images/arrow_bluewhiteright.gif) 10px 50% no-repeat scroll;
	font-size:1.2em; font-weight:normal; color:#FFF; line-height:1.2;
	padding:0 0 0 26px; margin:0;	
}
div#column01 div#menu ul li.active {
	background:#DF0438 url(../images/arrow_redwhiteright.gif) 10px 50% no-repeat scroll;
	font-weight:bold;
}
div#column01 div#menu ul a {
	display:block;
	width:139px; height:1.2em;
	border-bottom:1px solid #80A3C1;
	color:#FFF;
	text-decoration:none;
	padding:6px 0 6px 0; margin:1px 0 0px 0;	
}
div#column01 div#menu ul a:hover {
	background-color:#013B6C;
	color:#FFF;
	text-decoration:underline;
}
div#column01 div#menu ul li.active a:hover {
	background-color:#DF0438;
}
div#column01 div.feature {
	float:left;
	display:block;
	width:165px; height:auto;
	background:#FFF url(../images/arrow_bluedown.gif) 5px 10px no-repeat scroll;
	padding:0 0 5px 0; margin:0;	
}
div#column01 div.feature h4 {
	float:left;
	display:block;
	width:120px; height:auto;
	font-size:1.3em; font-weight:bold; line-height:1.2;
	padding:8px 0 12px 26px; margin:0;	
}
div#column01 div.feature div.featurecontent {
	float:left;
	display:block;
	width:150px; height:auto;
	background:#FFF url(../images/stroke_bluedashed.gif) 0% 0% repeat-x scroll;
	padding:10px 10px 0 5px; margin:0;	
}
div#column01 div.feature div.featurecontent p {
	float:left;
	display:block;
	width:150px; height:auto; 
	font-size:1.1em; font-weight:normal; color:#004682; line-height:1.4;
	padding:0 0 14px 0; margin:0;	
}
div#column01 div.feature div.featurecontent ul {
	float:left;
	display:block;
	width:150px; height:auto; 
	font-size:1.1em; font-weight:normal; color:#004682; line-height:1.4;
	padding:0 0 14px 0; margin:0;	
}
div#column01 div.feature div.featurecontent ul li {
	float:left;
	display:block;
	width:120px; height:auto; 
	padding:0 0 14px 20px; margin:0;	
}
div#column01 div.feature span.ptext {
	line-height:1.6;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ELEMENTS WITHIN COLUMN02 */
div#column02 div.banner {
	clear:both;
	display:block;
	width:634px; height:104px;
	background-color:#004682;
	padding:0; margin:0;	
}
div#column02 div.content {
	float:left;
	display:block;
	width:594px; min-height:150px; height:auto;
	border-top:1px solid #FFF;
	background:#004682 url(../images/background_content.jpg) 0% 0% no-repeat scroll;
	color:#FFF;
	padding:10px 30px 0 10px; margin:0 -3px 0 0;	
}
div#column02 > div.content {
	margin-right:0;
}
div#column02 div.content h1 {
	clear:both;
	font-size:2.4em; font-weight:normal; letter-spacing:-1px; line-height:1.2; color:#FFF;
	padding:0 0 0 25px; margin:0;	
}
div#column02 div.content h2 {
	float:left; clear:both;
	font-size:2.1em; font-weight:normal; letter-spacing:-1px; line-height:1.2; color:#FFF;
	padding:0 0 0 25px; margin:0;	
}
div#column02 div.content h3 {
	float:left; clear:both;
	font-size:1.8em; font-weight:normal; letter-spacing:-1px; line-height:1.2; color:#FFF;
	padding:0 0 5px 25px; margin:0;	
}
div#column02 div.content h4 {
	clear:both;
	font-size:1.6em; font-weight:normal; line-height:1.2; color:#80A3C1;
	padding:0 0 5px 25px; margin:0;	
}
div#column02 div.content h5 {
	clear:both;
	font-size:1.4em; font-weight:bold; line-height:1.2; color:#A8DB43;
	padding:0 0 5px 25px; margin:0;	
}
div#column02 div.content h6 {
	clear:both;
	font-size:1.4em; font-weight:bold; line-height:1.2; color:#FFF;
	padding:0 0 5px 25px; margin:0;	
}
div#column02 div.content p {
	clear:both;
	font-size:1.2em; font-weight:normal; line-height:1.5;
	padding:0 0 0 25px; margin:0 0 12px 0;	
}
div#column02 div.content ul {
	clear:both;
	font-size:1.2em; font-weight:normal; line-height:1.5;
	list-style-type:none;
	padding:0 0 0 40px; margin:0 0 12px 0;	
}
div#column02 div.content ul li {
	clear:both;
	background:transparent url(../images/bullet_red.gif) 0% 5px no-repeat scroll;
	padding:0 0 0 15px; margin:0;	
}
div#column02 div.content ol {
	clear:both;
	font-size:1.2em; font-weight:normal; line-height:1.5;
	list-style-type:decimal;
	padding:0 0 0 60px; margin:0 0 12px 0;	
}
div#column02 div.content dl {
	font-size:1.2em; line-height:1.5;
	list-style-type:decimal;
	padding:0 0 0 25px; margin:0 0 12px 0;	
}
div#column02 div.content dl dt {
	clear:both;
	font-weight:bold;
	padding:0 0 0 15px; margin:0;	
}
div#column02 div.content dl dd {
	clear:both;
	background:transparent url(../images/bullet_red.gif) 0% 5px no-repeat scroll;
	padding:0 0 0 15px; margin:0 0 0 15px;	
}
div#column02 div.content ol.terms {
	clear:both;
	font-size:1.2em; line-height:1.5;
	list-style-type:decimal;
	padding:0 0 0 60px; margin:0 0 12px 0;	
}
div#column02 div.content ol.terms li {
	clear:both;
	font-weight:bold;
	padding:0; margin:0;	
}
div#column02 div.content ol.terms ol {
	clear:both;
	font-size:0.92em;
	list-style-type:decimal;
	padding:0 0 0 20px; margin:0 0 12px 0;	
}
div#column02 div.content ol.terms ol li {
	clear:both;
	font-weight:normal;
	padding:0 0 5px 0; margin:0;	
}
div#column02 div.content ol.terms ol ol {
	clear:both;
	font-size:1.0em;
	list-style-type:lower-alpha;
	padding:0 0 0 20px; margin:0;	
}
div#column02 div.content ol.terms ol ol li {
	clear:both;
	font-weight:normal;
	padding:0; margin:0 0 5px 0;	
}
div#column02 div.content ol.terms ul {
	clear:both;
	font-size:0.92em;
	list-style-type:none;
	padding:0; margin:0 0 12px 0;	
}
div#column02 div.content ol.terms ul li {
	clear:both;
	background-image:none;
	font-weight:normal;
	padding:0; margin:0;	
}
div#column02 div.content div.hr {
	clear:both;
	display:block;
	width:575px; height:10px;
	border-top:1px solid #80A3C1;
	padding:0 0 0 15px; margin:0;	
}
div#column02 div.content a {
	color:#FFF;	
	text-decoration:underline;
	padding:0; margin:0;	
}
div#column02 div.content a:hover {
	color:#ACDF45;	
}
div#column02 div.content .titleicon {
	background:transparent url(../images/arrow_blueright.gif) 0% 50% no-repeat scroll;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ELEMENTS WITHIN FOOTER */
div#footer {
	font-size:1.1em; font-weight:normal; line-height:1.0; color:#FFF;	
}
div#footer div#oskyinteractive {
	float:left;
	display:block;
	width:146px; height:25px;
	text-align:right;
	padding:5px 20px 0 0; margin:0;	
}
div#footer span#copyright {
	float:left;
	display:block;
	width:auto; height:25px;
	background-color:#003866;
	padding:10px 10px 0 10px; margin:0;	
}
div#footer span#disclaimer {
	float:left;
	display:block;
	width:auto; height:25px;
	background-color:#003866;
	padding:10px 20px 0 0; margin:0;	
}
div#footer span#tandc {
	float:left;
	display:block;
	width:auto; height:25px;
	padding:10px 20px 0 20px; margin:0;	
}
div#footer a {
	color:#FFF;	
	text-decoration:underline;
	padding:0; margin:0;	
}
div#footer span#disclaimer a:hover {
	color:#ACDF45;	
	text-decoration:underline;
	padding:0; margin:0;	
}
div#footer span#tandc a:hover {
	color:#003867;	
	text-decoration:underline;
	padding:0; margin:0;	
}