/* -ZERO OUT EVERYTHING - * ---------------------------------------------------------------- */
/* -this css sets all padding, margins, defaults to 0 - * ---------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /* sub, sup,*/
tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  height: 100%;
}

body {
  line-height: 1;
  height: 100%;
}

blockquote, q {
  quotes: none;
}

/* this is the behaviour for form fields when they are selected */
:focus {
  outline: 1px solid #000;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* -ZERO OUT EVERYTHING - END * ---------------------------------------------------------------- */
/* ----------- ZERO OUT LISTS - set your default list styles here ---------------- */
ol, ul { /* this is the default style - change at will - */
  list-style: none; /* no bullets */
  margin-left: 20px; /* indented from side */
  margin-bottom: 20px; /* space after */
}

/* BASELINE ** ADDITION ** REMOVES Margins from LISTS - nested lists have no top/bottom margins - remove to use default margins*/
/*ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
  margin-top: 0;
  margin-bottom: 0;
}*/
/* --------------------------------------------------------------- */
/* sets the base font to approx 10pt */
body {
  background-color: #FFF;
  color: #000;
  font: 62.5% Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
}

/* default sizing for standard elements -------------------------- */ /* SET text attributes here */
p {
  margin: 0.5em 20px 1.5em 0; /* sets default margins for all paragraphs */
}

/* -------- HEADERS --------- */
h1, h2, h3, h4 {
  font-weight: bold;
  line-height: 1.2em;
}

/* must set explicitly, it is zeroed out above */
h1 {
  color: #000; /* COLOUR CHANGE */ /* replace h tags colour with your own */
  font-size: 1.4em;
  margin: 0.5em 0 1em 0; /* default margins for h tags: in this order: top, right, bottom, left */
}

h2 {
  color: #000; /* COLOUR CHANGE */
  font-size: 1.2em;
  padding-bottom: 6px; /* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class  */
}

h3 {
  color: #000; /* COLOUR CHANGE */
  font-size: 1.1em;
  margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}

h4 {
  color: #000; /* COLOUR CHANGE */
  font-size: 1.0em;
  margin: 0.5em 0 0.7em 0;
}

img {
  border: 0;
}

/* --------------------------------------------------------------- */
/* common/generic styles ------------------------------------------------- */
/* positioning */
.right { /* aligns - floats right */
  float: right;
  margin-left: 20px;
  text-align: right;
}

.left { /* aligns - floats left */
  float: left;
  margin-right: 20px;
}

.top { /* removes top margin */
  margin-top: 0;
}

.bottom { /* removes bottom margin */
  margin-bottom: 0;
}

.center { /* centers */
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.clear { /* to clear floats */
  clear: both;
}

/* other */
.small { /* smaller text */
  font-size: 0.85em;
  line-height: 140%;
}

.large { /* larger text */
  font-size: 1.4em;
  margin-top: 20px;
  display: block;
}

.indent { /* use to indent text in a pragraph */
  margin-left: 2em;
}

.label {
  display: block;
  width: 5em;
  float: left;
}

/* SEARCH BAR - submit (go) button default */
.submit { /* styles the submit / GO button -- */
  background-color: #aa3d12; /* COLOUR CHANGE */
  color: #fff;
  font-weight: bold;
  float: left;
  width: 100%;
  border: 1px solid #000; /* when BGimages are turned off there is no search box visible - adding a border will make it visible - coloud also add a bgcolor instead */
}

hr {
  height: 1px;
  color: #bfbfbf;
  background-color: #bfbfbf;
  border: none;
  float: left;
  clear: both;
  width: 96%;
  margin: 1em 0;
}

hr.thick {
  height: 3px;
  color: #666;
  background-color: #666;
}

/* thicker separator line - change colour if desired for greater emphasis */
/* --------------------------------------------------------------- */
/* tables still need 'cellspacing="0"' in the markup - CSS2 does not yet have proper table support */
/* ---- LINKS ---------------------------------------------------- */
/* default link style */
a {
  text-decoration: none;
  color: #000;
}

a:visited {
  color: #666;
}

#language a, a:link, a:visited, a:active {
  text-decoration: none;
  color: #333; /* COLOUR CHANGE */
}

a:hover {
  text-decoration: underline;
  color: #000; /* COLOUR CHANGE */
}

/* default link style */
/* --- SITE HOLDER(wrapper) ---- */
#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
  margin-top: 10px;
}

/* LEFT NAV STYLES --------------------------------------------- */
#left_column {
  width: 250px;
  display: inline;
  float: left;
  margin-right: 20px;
  margin-left: 0;
  font-size: 1.2em; /* STANDARDIZE */
  line-height: 160%; /* STANDARDIZE */
}

#left_column ul {
  margin: 0;
  padding: 0;
}

.leftnav {
  width: 100%;
  margin: 0 0 10px 0;
  overflow: hidden;
}

/* -- First colour of Header bar for Menu titles -- */
.leftnav .header {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #9c000a;
  float: left;
  position: relative;
  background: #4a1910 url('../images/arc_left.gif') no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
  display: block;
}

.leftnav .header a {
  color: #333;
  font-weight: bold;
  display: block;
  padding: 3px 5px;
}

.leftnav .header img, .downarrow {
  position: absolute;
  left: 235px;
  top: 6px;
}

/* -- Second colour of Header bar for Menu titles -- */
.leftnav .mycolour .header {
  border-bottom: 1px solid #000;
  background: #708b16 url('../images/arc_right_main.gif') top left no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
}

.leftnav .mycolour .header a {
  color: #fff; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */
  font-weight: bold;
  display: block;
  padding: 3px 5px;
}

/* -- Standard MY GOVERNMENT colour of Header bar for Menu titles -- */
.leftnav .mygovt .header {
  background-color: #4a1910; /* STANDARD COLOUR - DO NOT EDIT */
  background-image: url(../images/arc_left_red.gif);
  background-repeat: no-repeat;
}

.leftnav .mygovt .header a {
  color: #fff; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */
  font-weight: bold;
  display: block;
  padding: 3px 5px;
}

.leftnav h2 {
  font-size: 1.1em;
}

/* EXPANDING MENU STYLES --------------------------------------------- */
.menu {
  width: 100%;
  float: left;
}

.menu li {
  display: inline;
}

.menu a, .menu a:link, .menu a:visited, .menu a:active {
  color: #000;
  font-weight: bold;
  display: block;
  padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
  border-bottom: 1px dotted #666;
  background: #f7f7ef url('../images/triangle_right.gif') no-repeat 12px 13px; /* COLOUR CHANGE  */
}

.menu li li a { /* sub menu styling - positions the arrow graphic in a bit more */
  font-size: 0.9em;
  padding: 8px 4px 8px 36px;
  background: #FFF url('../images/triangle_right.gif') no-repeat 23px 13px;
}

/* MENU - Current item colour - USE to DESIGNATE THE CURRENT PAGE - add this id to the appropriate li in the menu */
#current {
  background-color: #fff;
}

/* ------------ END LEFT NAV ------------------------ */
/* ------------ HEADER - ONTARIO LOGO / BANNER FLASH / SEARCH / NAV -------------------- */
#header {
  width: 980px;
  position: relative;
}

/* HEADER LAYOUT STYLES --------------------------------------------- */
#arc {
  width: 100%;
  height: 92px;
  float: left;
  background-image: url('../images/header_arc.gif');
}

#arc form { /* search form */
  float: right;
  margin: 40px 0 0 0;
  padding-right: 20px;
}

#search { /* search box */
  width: 300px;
  height: 1.5em;
  padding: 3px;
  background-color: #fff; /* COLOUR CHANGE */
  border: 1px solid #000;
}

#submit { /* submit (go) button */
  width: 30px;
  padding: 3px 0;
  border: 0;
  background-color: #490100;
  color: #fff; /* COLOUR CHANGE */
}

/* -- top nav -- */
#textlinks a.last, #navbar p a.last {
  border: none;
  padding-right: 0;
}

#textlinks {
  position: absolute;
  right: 0;
  top: 5px;
  text-align: right;
}

#textlinks a {
  padding: 0 1em 0 0.75em;
  border-right: 1px solid #999;
}

a#skipNav:link, a#skipNav:visited, a#skipNav:hover {
  color: #FFF;
  border: none;
}

a#skipNav:active, a#skipNav:focus {
  color: #17397d;
  border-right: 1px solid #999;
}

#navbar { /* the main nav bar */
  width: 100%;
  height: 30px;
  float: left;
  border-bottom: 20px solid #FFF;
  background: #670201 url('../images/navbar.jpg') no-repeat left center; /* COLOUR CHANGE - replace Background colour with your colour that matches the graphic */
}

#home #navbar { /* the main nav bar */
  width: 100%;
  float: left;
  border-bottom: 8px solid #FFF;
  background: #670201 url('../images/navbar.jpg') no-repeat left center; /* COLOUR CHANGE - replace Background colour with your colour that matches the graphic */
}

#navbar p {
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 0;
  margin: 0;
  overflow: hidden;
}

#navbar p a { /* links in navbar */
  color: #FFF; /* COLOUR CHANGE - MAKE SURE CONTRAST IS VERY HIGH */
  padding: 0 10px 0 8px;
  border-right: 2px solid #FFF;
}

/* -- END topnav --*/
#banner { /* holds flash banner or static banner */
  width: 980px;
  height: 185px;
  overflow: hidden; /* Necessary for IE6 */
  clear: left;
  margin-bottom: 10px;
  border-bottom: 4px solid #453617;
}

/* END flash banner or static banner */
/* SPLASH STYLES */
#container {
  width: 720px;
  text-align: center;
  margin: 0 auto;
}

#splash_page #container {
  width: 720px;
  text-align: center;
  margin: 0 auto;
}

#splash {
  margin-top: 50px;
  float: left;
  padding-bottom: 80px;
  font-size: 1.3em;
  text-align: left;
  background: url('../images/lab_navbar.jpg') no-repeat bottom left;
  border: 1px solid #efe8d9;
  border-bottom: 2em solid #000;
}

#splash .two_cols {
  background: url('../images/splash_line.gif') no-repeat top center;
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 3em;
}

.button {
  margin: 20px auto;
  width: 210px;
}

#splash .two_cols .column .button {
  margin: 20px auto;
  width: 210px;
}

#splash .two_cols .column .arrow {
  vertical-align: middle;
}

#splash h2 a {
  font-size: 110%;
  font-weight: bold;
  color: #000; /* COLOUR CHANGE - match if you like */
}

/* -- RIGHT COLUMN / CONTENT --*/
#right_column { /* content area */
  width: 700px;
  float: right;
  margin-right: 20px;
  font-size: 1.3em; /* STANDARDIZE */
  line-height: 1.3em; /* STANDARDIZE */
  display: inline;
  overflow: hidden;
}

#ad_banner {
  padding-bottom: 1em;
}

#footer {
  clear: both;
  width: 980px;
  padding-top: 20px;
  margin: 0 auto;
}

.row { /* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
  width: 720px;
  float: left;
  display: inline;
  margin-right: -3px; /* IE 6 duplicate text fix */
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}

.row p {
  margin-right: 20px;
}

.row h2 {
  margin-right: 20px;
}

.two_cols {
  background: url('../images/two_cols.gif') repeat-y -5px 0;
}

.three_cols {
  background-image: url('../images/three_cols.gif');
  background-repeat: repeat-y;
  background-position: -4px -50px;
}

.two_cols .column { /* when a .column is placed inside a two_cols row you get 2 equal columns of 340px that fill the right_column */
  width: 340px;
}

.three_cols .column, .box .column, .two_thirds .other { /* when a .column is placed inside a three_cols row you get 3 equal columns of 220px that fill the right_column */
  width: 220px;
}

.two_thirds .column { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
  width: 460px;
}

/* FOOTER STYLES ------------ */
#full_footer { /* changed in V2.3 to make the footer span the whole bottom area */
  border-top: 1px solid #7f7f7f;
  padding-bottom: 1em;
  width: 100%;
}

#footer p {
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
  margin-top: 0.7em;
  font-size: .9em;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
  color: #666;
  text-decoration: underline;
}

/* --- list of links footer - new nov2009 ---- */
#footer ul.right {
  width: 490px;
  margin-top: 0.7em;
}

#footer ul.left {
  width: 470px;
  margin-left: 0;
}

#footer ul {
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
  font-size: .9em;
  padding-left: 0;
  display: inline;
  margin: 0 0 1.0em;
}

#footer ul li {
  margin-left: 0;
  margin-top: 0.7em;
  padding: 0 10px;
  border-left: 1px solid #000;
  list-style: none;
  display: inline;
}

#footer ul li.noborder {
  border: 0 none;
}

#footer ul.left li {
  float: left;
}

#footer p.last-mod {
  text-transform: none;
  clear: right;
  float: right;
  width: 490px;
  text-align: right;
  margin: 0 10px 0 0;
}

/* --- list of links footer - new nov2009 ---- */
/* --- ACCESSIBILITY ---- ncs EDITED nov4/09 (bug fix, add h2) use to hide h1s or h2s you don't want visible to the sighted, but would like to have read by screen readers */
h1.accessible, h2.accessible {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* --- TITLE BARS --- */
.row .header { /* a full length header that spans all columns -USE: wrap .header in a .row */
  width: 709px;
  height: 100%;
  position: relative;
  /*border-top: 3px solid #666;
  border-bottom: 1px solid #999;*/
  background-color: #e0e0b7; /* COLOUR CHANGE the background colour to your site's colour scheme */
  background-image: url('../images/arc_right_main.gif');
  background-repeat: no-repeat;
  margin-right: 20px;
}

.two_cols .column .header { /* 2 seperate headers - USE: class="row two_cols" nest .content div inside, then nest .header div inside that */
  width: 340px;
}

.three_cols .column .header, .two_thirds .other .header { /* 3 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
  width: 220px;
}

.two_thirds .column .header { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
  width: 460px;
}

.two_cols .split_lrg .content {
  padding: 0 0 0 2px;
}

.two_cols .split_lrg .content img {
  float: left;
}

.two_cols .split_lrg h3, .two_cols .split_lrg .content ul, .two_cols .split_lrg .content p {
  float: left;
  width: 160px;
  padding: 0.8em 0 0 10px;
}

.row .splt_lrg .header {
  margin-bottom: 0;
}

.two_cols .split_lrg .content p {
  padding-top: 0.5em;
}

/* overwrites prev statement to set the spacing back to default at the top */
.column, .two_cols .column, .three_cols .column, .two_thirds .column, .box, .two_thirds .other {
  display: inline;
  float: left;
  overflow: hidden;
  margin-left: 0;
  margin-right: 19px;
}

/* ------ HEADERS MORE ------ */
.header h1 {
  color: #333;
  margin: 5px 10px 0 10px;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  float: none;
}

.header h2 {
  color: #333;
  margin: 5px 10px 0 10px;
  padding: 0 0 5px 0;
  font-size: 1.1em;
  float: none;
}

.header h2 #sawo {
  color: #333;
  margin: 5px 9px 0 9px;
  padding: 0 0 5px 0;
  font-size: 1.0em;
  float: none;
}

.more { /* style for the more> links pulls the more out 30px from the right side of the block */
  right: 26px;
  float: right;
  position: relative;
  top: 5px;
  padding: 0 0 0 30px;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
}

.more img { /* positions the chevron/arrow after the MORE link */
  position: absolute;
  top: 5px;
  right: -15px;
}

.more a {
  color: #000;
}

/* coloured box */
.box {
  float: left;
  width: 720px;
  background-color: #f8f6d7;
  border-bottom: 1px solid #666;
  margin: 10px 0 20px 0;
  overflow: hidden;
}

.box ul {
  margin-left: 20px;
  margin-right: 20px;
}

.box table td {
  border-top: 1px dotted #666;
}

.box .more {
  right: 46px;
  padding-left: 40px;
}

/* --- Photo/Nav Tops and Bottoms (decoration) -- */
img.photo {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: inherit;
  float: left;
}

.column img.photo, .content img.photo {
  width: 210px;
  margin-left: 5px;
}

.photocap {
  background-repeat: no-repeat;
  height: 6px;
  line-height: 1px;
  font-size: 0.1em;
  clear: left;
  margin-left: 5px;
}

/* used for the left floated series of images - you can put a caption below - this styles that caption */
#left_column .photocap {
  margin-left: 0;
}

.photo_top {
  width: 210px;
  background-image: url('../images/corner_photo_top.gif');
  background-position: top left;
  margin-left: 5px;
  margin-top: 10px;
}

.photo_bottom {
  width: 210px;
  background-image: url('../images/corner_photo_bottom.gif');
  background-position: bottom left;
  margin-left: 5px;
}

.nav_top {
  background-image: url(../images/corner_nav_top.gif);
  background-position: top left;
}

.nav_bottom {
  background-image: url(../images/corner_nav_bottom.gif);
  background-position: bottom left;
}

#left_column .photolink {
  width: 260px;
}

.photolink {
  width: 125px;
  float: left;
}

.photolink a {
  font-weight: bold;
}

.photolink .text {
  float: left;
  padding: 5px 0 0 5px;
  color: #FFF; /* set colour of link text under photos/ministers photo here */
}

/*large photos */
img.photobig {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: inherit;
  float: left;
}

.column img.photobig, .content img.photobig {
  width: 300px;
  margin-left: 5px;
}

.photobigcap {
  background-repeat: no-repeat;
  height: 6px;
  line-height: 1px;
  font-size: .1em;
  clear: left;
  margin-left: 5px;
}

/* used for the left floated series of images - you can put a caption below - this styles that caption */
#left_column .photobigcap {
  margin-left: 0;
}

.photobig_top {
  width: 300px;
  background-image: url(/images/corner_bigphoto_top.gif);
  background-position: top left;
  margin-left: 5px;
  margin-top: 10px;
}

.photobig_bottom {
  width: 300px;
  background-image: url(/images/corner_bigphoto_bottom.gif);
  background-position: bottom left;
  margin-left: 5px;
}

.nav_top {
  background-image: url(/images/corner_nav_top.gif);
  background-position: top left;
}

.nav_bottom {
  background-image: url(/images/corner_nav_bottom.gif);
  background-position: bottom left;
}

/* end large photos */
.icon_top {
  width: 125px;
  background-image: url('../images/corner_icon_top.gif');
  background-position: top left;
}

.icon_bottom {
  width: 125px;
  background-image: url('../images/corner_icon_bottom.gif');
  background-position: bottom left;
}

.icon {
  width: 125px;
  float: left;
  padding-bottom: 20px;
}

.icon .photolink, .icon .photocap {
  padding-right: 0;
  margin-left: 0;
}

.spacer {
  float: left;
  width: 40px;
}

.half_spacer {
  float: left;
  width: 19px;
}

.mini_spacer {
  float: left;
  width: 5px;
}

/* -- COLOURS --*/
.grey {
  background-color: #868686;
}

.mycolour {
  background-color: #000;
}

.red {
  background-color: #F30;
}

/* --- CONTENT AREA LISTS --- */
#right_column ul li {
  list-style-type: disc;
  color: #000;
  margin-left: 20px;
  padding-left: 5px;
  line-height: 120%; /* STANDARDIZE */
}

#right_column ul li {
  color: #566d1b; /* text color for lists in content area */
}

.column li a, .content li a {
  font-size: 90%;
}

.column ul, .content ul {
  padding: 0;
  margin: 10px 0 20px;
}

/* ------ GRID - ------------ */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_8plus, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
  display: inline;
  float: left;
  /*border-right: 1px dotted #ccc;*/
  overflow: hidden;
  margin-left: 0;
  padding-right: 9px;
  margin-right: 10px;
}

/*.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
  background-color: #CCFFFF;
  border: 1px dotted green;
}*/ /* For planning, testing debugging */
/* widths WIDER THAN THE #right_column NAV GRID BOXES */
#wrapper .grid_16, .grid_16 .header { /* whole page minus 20px (nav extra space) */
  width: 960px;
}

#wrapper .grid_15, .grid_15 .header {
  width: 880px;
}

#wrapper .grid_14, .grid_14 .header {
  width: 820px;
}

#wrapper .grid_13, .grid_13 .header {
  width: 760px;
}

/* END widths WIDER THAN THE #right_column NAV GRID BOXES */
#wrapper .grid_12, .grid_12 .header { /* whole right_column */
  width: 700px;
}

#wrapper .grid_11, .grid_11 .header {
  width: 640px;
}

#wrapper .grid_10, .grid_10 .header {
  width: 580px;
}

#wrapper .grid_9, .grid_9 .header {
  width: 520px;
}

#wrapper .grid_8plus, .grid_8plus .header { /* for layouts w no left nav - transitional */
  width: 500px;
}

#wrapper .grid_8, .grid_8 .header { /* two thirds of right_column */
  width: 460px;
}

#wrapper .grid_7, .grid_7 .header {
  width: 400px;
}

#wrapper .grid_6, .grid_6 .header { /* half of right_column */
  width: 340px;
}

#wrapper .grid_5, .grid_5 .header {
  width: 260px;
}

#wrapper .grid_4, .grid_4 .header { /* one third of right_column */
  width: 220px;
}

#wrapper .grid_3, .grid_3 .header { /* a quarter of right_column */
  width: 160px;
}

#wrapper .grid_2, .grid_2 .header {
  width: 100px;
}

#wrapper .grid_1, .grid_1 .header {
  width: 40px;
}

/* -- USEFUL for NESTING grid items -- remove last margin in set */
.nomargin {
  margin: 0;
}

/* removes all margins */
.noborder {
  border: 0;
}

/* removes all borders */
/* --------- CLEARING ------------*/
html body div.clear, html body span.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* clearfix */
.clearfix:after, .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, .row {
  display: inline-block;
}

/*Those two .clearfix have to be separate!)*/
.clearfix, .row {
  display: block;
}

/* CHANGE-ABLE */
#right_column .nobulletlist li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 170%;
}