@charset "UTF-8";
@import url(reset.css);

/* BODY */
body {
	background-color:#ffffff;
	font-size:11px;
	line-height:18px;
	font-family:Trebuchet MS, Lucida Grande, Arial, Helvetica, Sans-serif;
	color:#333333;
	text-align: center;
}

p { line-height:14px; padding:0px 0px 10px 0px; }
em { font-weight:bold; color:#999999; }
a { font-size: 11px;color: #999999; }
a:link { text-decoration: none; }
a:visited { text-decoration: none;color: #999999; }
a:hover { text-decoration: underline;color: #999999; }
a:active { text-decoration: none;color: #999999; }
h1 { font-size:18px; color:#333333; font-weight:bold; letter-spacing:-1px; line-height:20px; padding:0; margin:0; }
h2 { font-size:22px; color:#00CCFF; font-weight:bold; text-transform:uppercase; letter-spacing:-0.5px; line-height:24px; padding:0; margin:0; }

/* STRUCTURE */
#container { width:980px; height:100%; min-height:100%; margin:0px auto; }
#home_flash { width:980px; height:387px; margin:0px auto; }
#content { text-align:left; width:860px; height:100%; min-height:100%; margin:20px auto 0px  }
#home_sub_container { text-align:centre; align:center; width:850px; height:190px; margin:0px auto; padding-left:6px; padding-right:6px}
#home_sub {width:260px;height:190px; margin-top:20px;}
.one_column { width:980px; }
.two_column { width:490px; }
.three_column { width:326px; }

/* FOOTER */
#footer { text-align:center; width:850px; height:50px; margin:0px auto; }

/* FLOATS */
.left { float: left; }
.right { float: right; }

/* BREAKS */
.force_break { clear:both; }
.soft_break { clear:both; }
.hr_break { clear:both; height:1px; background:url(http://www.spiralgraphics.ca/clients/nexus/images/border_dot_horizontal.gif) repeat-x; }

/* MAIN MENU */
#menubar { text-align:center; width:930px; height:70px; min-height:100%; margin:0px auto; }
#navlist { text-align:center; width:950px; margin:0; text-align:center; height:70px; line-height:70px; }
#navlist li { width:144px; float: left; height:70px; list-style-type: none; margin: 0; padding: 0; white-space: nowrap; }
#navlist a, #navlist a:visited { font-size:18px; color:#ffffff; font-weight:bold; letter-spacing: -1px; display: block; margin:0px 1px 0px 1px; background-color: #999999; background-image: url(http://www.spiralgraphics.ca/clients/nexus/images/menubutton-blue.jpg); background-repeat: no-repeat; background-position: 0% 50%; color: #EEE; text-decoration: none; }
.grey { background-image: url(http://www.spiralgraphics.ca/clients/nexus/images/menubutton-grey.jpg) !important; }
#navlist a:hover { background-image: url(http://www.spiralgraphics.ca/clients/nexus/images/menubutton-orange.jpg)!important; }
#menubar #navlist .uberlink { background-image: url(http://www.spiralgraphics.ca/clients/nexus/images/menubutton-orange.jpg); background-repeat: no-repeat;background-position: 0% 50%;color: #EEE !important; font-weight: bold; cursor: default; }