/*CSS (Cascading Style Sheet) Copyright (c) On-Hold Marketing Inc.  Created by Erik Stackelberg @ Stackelberg.ca*/
/*Content colours: #004b8c #0080f0*/ 

/*--------------General-----------------*/
BODY, html { 
	font-family: "Trebuchet MS";
	font-size: 12px;
	color:#004b8c;
	margin: 0px;
	padding: 0px;
	border:0px;
	width:auto;
	height:100%; /*important for footersticker or centred bgs*/
	background-color:#FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #0080f0;
	scrollbar-darkshadow-color: #0080f0;
	scrollbar-track-color: #e8f4ff;
	scrollbar-face-color: #0080f0;
	scrollbar-shadow-color: #0080f0;
	scrollbar-highlight-color: #0080f0;
	scrollbar-3d-light-color : #0080f0;
	}


/*--------------Text Classes-----------------*/
/*Important!  Link classes must be in order: link, visited, hover.*/

a:link {
	color:#0080f0;
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color: #0080f0;
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	color:#FF0000;
	text-decoration:underline;
}

h1 {
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

.subheading {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#0080f0;
}
.subheadingalt {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#004b8c;
}
.subheadingalt2 {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#ff0000;
}
.heading {
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#0080f0;
}
.sectionheading {
	font-size:18px;
	text-align:center;
	color:#004b8c;
}
.contentheading {
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#0080f0;
}
.sectionpanelheading {
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#004b8c;
	text-align:center;
}
.faq a:link {
	color:#004b8c;
	text-decoration:none;
	font-weight:normal;
}

.faq a:visited {
	color: #004b8c;
	text-decoration:none;
	font-weight:normal;
}

.faq a:hover {
	color:#0080f0;
	text-decoration:none;
	font-weight:normal;
}

.border {
border:1px solid #A1D2FF;
}



/*-------------Forms------------*/	
input {
	color:#004b8c;
	font-family: "Trebuchet MS";
	font-size:12px;
	border:1px solid #004b8c;;
	/*#004b8c;*/
	background-color:#FFFFFF;
}

select {
	color:#004b8c;
	font-family: "Trebuchet MS";
	font-size:12px;
	border:1px solid #004b8c;;
}

textarea {
	color:#004b8c;
	font-family: "Trebuchet MS";
	font-size:12px;
	border:1px solid #004b8c;;
}

#formblank {
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	position:relative;
	background-color:#FFFFFF;
}

.specialclass {
visibility:hidden;
width:3px;
}
/*-------------Main Page Containers------------*/	

#verticalizer { /*for centering the wrapper vertically without having content at the top disappear when the window gets smaller than the interface*/
width:1px;
height:50%;
margin-bottom:-266px; /* half of wrapper's height */
float:left;
}

#wrapper {
position:relative; /* puts container in front of verticalizer.  ***Must include, or the verticalizer won't work in firefox. */
text-align:left;
width:715px;
height:531px;
left:50%;
margin-left:-357px;
clear:left; /*works with verticalizer*/
}

#nav {
position:absolute;
width:715px;
height:48px;
left:0px;
top:0px;
}

#footer {
position:absolute;
width:715px;
height:36px;
left:0px;
top:531px;
background-image:url(../images/main_14.gif);
font-size:10px;
color:#bfd2e2;
font-family:Arial, Helvetica, sans-serif;
}

#footer a:link {
text-decoration:none;
border-bottom:0px;
color:#bfd2e2;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#footer a:visited {
text-decoration:none;
border-bottom:0px;
color:#bfd2e2;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#footer a:hover{
text-decoration:none;
border-bottom:0px;
color:#004b8c;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#footer_content {
position:absolute;
width:613px;
height:19px;
left:60px;
top:13px;
}
#stack_logo {
position:absolute;
width:31px;
height:27px;
left:639px;
top:5px;
}

#focal {
position:absolute;
width:715px;
height:273px;
left:0px;
top:48px;
background-image:url(../images/main_12.gif);
}

#focal_content {
position:absolute;
width:170px;
height:83px;
left:492px;
top:90px;
line-height:13px;
font-size:13px;
}

#panels {
position:absolute;
width:715px;
height:210px;
left:0px;
top:321px;
background-image:url(../images/main_13.gif);
}

#panels a:link{
text-decoration:none;
border:0px;
}
#panels a:visited{
text-decoration:none;
border:0px;
}

#panel_1 {
position:absolute;
width:151px;
height:122px;
left:56px;
top:60px;
line-height:13px;
}
#panel_1_link {
position:absolute;
width:151px;
height:51px;
left:66px;
top:136px;
}
#panel_2 {
position:absolute;
width:151px;
height:116px;
left:280px;
top:60px;
line-height:13px;
}
#panel_2_link {
position:absolute;
width:151px;
height:51px;
left:293px;
top:136px;
}
#panel_3 {
position:absolute;
width:150px;
height:118px;
left:506px;
top:60px;
line-height:13px;
}
#panel_3_link {
position:absolute;
width:151px;
height:51px;
left:518px;
top:137px;
}

#mainpageaudio {
	position:absolute;
	left:655px;
	top:12px;
	height:25px;
	width:50px;
}

/*-------------Secondary Section Containers------------*/

#scrollcontent {
position:relative;
width:360px;
height:auto;
left:0px;
top:0px;
}

#secondary_01 {
position:absolute;
width:715px;
height:167px;
left:0px;
top:48px;
background-image:url(../images/secondary_01.gif);
line-height:13px;
}

#secondary_02 {
position:absolute;
width:715px;
height:316px;
left:0px;
top:215px;
background-image:url(../images/secondary_02.gif);
line-height:15px;
}

#secondary_02 a:link {
	color:#0080f0;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	border-bottom:0px;
}

#secondary_02 a:visited {
	color:#0080f0;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	border-bottom:0px;
}

#secondary_02 a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	background-color:#0080f0;
	text-decoration:none;
	border-bottom:0px;
}


#sec_title {
position:absolute;
width:78px;
height:21px;
left:140px;
top:105px;
font-size:13px;
font-weight:bold;
color:#0080f0;
line-height:40px;
}
#sec_panel_00 {
position:absolute;
width:440px;
height:55px;
left:229px;
top:73px;
font-size:13px;
line-height:14px;
}
#sec_panel_01 {
position:absolute;
width:184px;
height:274px;
left:40px;
top:0px;
}
#sec_panel_02 {
position:absolute;
width:184px;
height:277px;
left:264px;
top:1px;
}
#sec_panel_03 {
position:absolute;
width:184px;
height:277px;
left:487px;
top:1px;
}

/*-------------Tertiary Section Containers------------*/

#section {
position:absolute;
width:469px;
height:483px;
left:246px;
top:48px;
background-image:url(../images/section_01.gif);
}

#tert_section_title {
position:absolute;
width:281px;
height:25px;
left:156px;
top:92px;
/*font-size:24px;
color:#0080f0;*/
}

#tert_section_title a:link {
color:#0080f0;
font-weight:normal;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#tert_section_title a:visited {
color:#0080f0;
font-weight:normal;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#tert_section_title a:hover {
color:#0080f0;
font-weight:normal;
text-decoration:none;
font-size:13px;
font-weight:bold;
}


#section_content {
position:absolute;
width:386px;
height:297px;
left:32px;
top:136px;
font-size:13px;
line-height:14px;
overflow:auto;
border-bottom: 3px solid #FFFFFF;
}

#menu_area {
position:absolute;
width:246px;
height:483px;
left:0;
top:48px;
background-image:url(../images/section_02.gif);
display:block;
}
#menu_area_sub {
position:absolute;
width:246px;
height:483px;
left:0;
top:48px;
background-image:url(../../images/section_02.gif);
display:block;
}

#menu_content {
position:absolute;
width:190px;
height:259px;
left:29px;
top:203px;
background-image:url(../images/submenu.gif);
}

#submenu_content {
position:absolute;
width:184px;
height:229px;
left:30px;
top:67px;
line-height:14px;
}
#submenu_content_sub {
position:absolute;
width:184px;
height:229px;
left:30px;
top:67px;
line-height:14px;
}

#submenu_content a:link {
	color:#0080f0;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	border-bottom:0px;
}

#submenu_content a:visited {
	color:#0080f0;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	border-bottom:0px;
}

#submenu_content a:hover {
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	background-color:#0080f0;
	text-decoration:none;
	border-bottom:0px;
}

#demonstrator {
position:absolute;
left:0px;
top:48px;
height:483px;
width:715px;
background-color:#FFFFFF;
}

#ecast {
position:absolute;
left:0px;
top:48px;
height:368px;
width:375px;
background-color:#FFFFFF;
background-image:url(../images/ecast/june2008.gif);
padding-top:115px;
padding-left:170px;
padding-right:170px;
line-height:14px;
}

#ecast ul {
margin-top:5px;
}

/*-------------Print Stuff------------*/	
#printlogo {
background-image:url(../images/printbg.gif);
width:512px;
height:135px;
left:0px;
top:0px;
position:absolute;
visibility:hidden; /*don't just set display:none because then file doesn't download.*/
}

/*-------------End of CSS------------*/