@import url("reset.css");
@import url("typography.css");
@import url("menu.css");
@import url("content.css");
@import url("form.css");
@import url("ui.tabs.css");
@import url("accordion.css");
@import url("newsold.css");
@import url("table.css");
@import url("service.css");
@import url("archive.css");
@import url("searchblox.css");
@import url("sIFR-screen.css");
@import url("ajax_list.css");

/* --------------------------------------------------------------
Screen.css
Sets up an easy-to-use grid of 6 columns.
By default, the grid is 986px wide, with 6 columns
spanning 156px, and a 10px margin between columns.
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.span-1, .span-1-extend, .span-2, .span-three, .span-2-extend, .span-3, .span-4, span-4-fix, .span-5 { float: left; margin-right: 10px; }
.span-6 {float: left;}

/* Use these classes to set the width of a column - no padding */
.span-0  { width: 63px;  }
.span-1  { width: 156px; }
.span-2  { width: 322px; overflow: hidden;} /*Needs overflow hidden due to IE6-issue*/
.span-three{ width: 204px; overflow: hidden; } /* 3 columns in the main column*/
.span-3  { width: 488px; }
.span-4  { width: 654px; }
.span-4-fix  { width: 568px; }
.span-4-tab  { width: 624px; }
.span-5  { width: 820px; }
.span-6  { width: 986px; margin-right: 0px;}
/*Use these classes to set one and a half col width. -extend adds 73px width (63px + 10px margin right)*/
.span-1-extend  { width: 229px; }
.span-2-extend  { width: 395px; }


/* Use these classes to set the width of a column with padding */
.append-span-1 { width: 136px; }
.append-span-2 { width: 302px; }
.append-span-2-fix { width: 274px; }
.append-span-2-fix2 { width: 285px; }
.append-span-3 { width: 468px; }
.append-span-4 { width: 634px; }
.append-span-4-fix { width: 548px; }
.append-span-5 { width: 800px; }
.append-span-6 { width: 966px; }
.append-span-1-extend  { width: 209px; }
.append-span-three{ width: 184px; } /* 3 columns in the main column*/

/*Sets padding, float and right margin*/
.append-span-1,.append-span-1-extend ,.append-span-three, .append-span-2,.append-span-2-fix,.append-span-2-fix2 , .append-span-3, .append-span-4,.append-span-4-fix , .append-span-5 {padding: 10px; float: left; margin-right: 10px;}
.append-span-6 {padding: 10px; float: left;}


/*Use these classes for div's inside wrapping div's with padding*/
.append-span-4 .span-2 { width:312px; padding: 0;}
.append-span-4 .span-4 { width: 634px; }

/*Nested span-4's don't have right margin */
.append-span4 .span-4, .span-4 .append-span-4, div.span-4 .span-4 {margin-right: 0px;}
.append {padding: 10px;}

.last { margin-right: 0;} /* The last column in a row needs this class. */
.wrap {background-color: white; } /*Spans with white bg needs this class*/
.formwrap {background-color: #e6e6e6; } 

/*Use this to push other elements */
.push-1 {margin-top: 10px;}
.push-2 {margin-right: 10px;}
.push-3 {margin-bottom: 10px;}
.push-3times2 {margin-bottom: 20px;}
.push-4 {margin-left: 10px;}

.append-1 {padding-top: 10px;}
.append-2 {padding-right: 10px;}
.append-3 {padding-bottom: 10px;}
.append-4 {padding-left: 10px;}

.nofloat {
float:none;
}

/* Framework and other special classes
----------------------------------------------------------------*/
.container { margin:  0 auto; padding: 0; text-align: left; width: 986px;}
.rightcol {width: 322px; float: right;  margin: 0; padding: 0; overflow: hidden; }
.rightcol * {margin-right: 0px;}
.rightcol .span-4 {width: 322px;}
.rightcol .append-span-4 {width: 302px;}
.framework { margin: 0 auto; padding: 0; text-align: center; }

.framework.header {
/*overflow: hidden;*/
background: url(../images/bg_top.gif) repeat-x;
}

.framework.header .container.header {height: 210px; overflow: hidden; margin-bottom: 10px; background: url(../images/bg_top_mid.gif) repeat-x;}
.framework.header .container.header #top-bar .site-search {float: right; }

/* Misc classes and elements
-------------------------------------------------------------- */
.hide { display: none; }
 img { border: 0;}
.clean { margin: 0; }
.clear { clear:both; }
.spacer { clear: both; height: 10px; }
.ruler {  height: 10px; background-color: #fdbb2f; display: block; clear: both;}