/* =================================================================
    layout_classic.css
    For all classic templates.
   
    QSC MAIN LAYOUT CSS
    
	This file is comprised of mainly 4 parts:
   
	jello mold styles - this is the mion-width/max-width enabling code
	page wrapper styles - header, sidebars, footer, etc.
    forms
    search results
   ================================================================= */

/******************************************************************
    THIS IS A JELLO MOLD LAYOUT
     
        http://www.positioniseverything.net/articles/jello.html
     
    Several numbers are VERY important to the success of this layout.
    Rather than try to figure them all out on your own, use the generator:
     
        http://www.positioniseverything.net/articles/sidepages/pie-calc.php
     
    Then copy the top set of rules (body, #sizer, and #expander from the
        generated page and put them here.
 ******************************************************************/

/* RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;

	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* /RESETS */

/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
body {
	padding: 0 400px 0 400px;
	margin: 0;
	text-align: center;
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 85%;
	max-width: 410px;  /* version for IE is at the bottom of this style block
}

#expander {
	background: white;
	margin: 0 -400px 0 -400px;
	min-width: 800px; /* Critical Safari fix!
	position: relative;
}
*/

/* * * * * * Fixed Width * * * * * * */

body {
	padding:0px;
}

#sizer {
	max-width:none !important;
	width:auto !important;
}

#expander {
	margin:auto !important;
	min-width:0px !important;
	width: 800px !important;
}


/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper1 { width: 100%; } 


/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * * */
	

/* */
/* The above is a modified Holly hack for #expander, with zero substituted for the 
   usual 1% height value. Any % value on this element causes a horrendous IE bug! */
/* helps IE get the child percentages right. */
/*#page-wrap { width: 99%; }*/

#wrapper1 {
    position: relative;
    font-size: .9em; /* set global font-size here */
	min-width: 0;
}
    
    /* this positioning may be needed for IEwin if page is to contain positioned elements */
#wrapper2 {
    position: relative; /* extra insurance against bugs in IEwin */
	min-width: 0;
}

/****************** Main Page Structure *****************/
/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */
.outer,
body.col3 .outer {
	/* WARNING: borders affect the critical values below, so use them with that in mind.*/ 
    /* border-left: 1px solid #f90;  */
    /* border-right: 1px solid #f90; */
	/*** Critical left divider dimension value ***/
    /*** Critical right divider dimension value ***/
    margin-left: 170px; /*** Critical left col width value ***/
    margin-right: 170px; /*** Critical right col width value ***/
}
/* values for 1 and 2 column layouts */
body.col1 .outer {
    margin-left: 0; margin-right:0;
}
body.col2left .outer {
    margin-right: 0;
}
body.col2right .outer {
    margin-left: 0;
}

.float-wrap {
    float: left;
    width: 100%;
}

.center {
    float: right;
    width: 100%;
}

.left {
    float: left;
    position: relative; /* Needed for IE/win */
    width: 165px; /*** Critical left col width value ***/
    margin-left: -170px; /*** Critical left col width value ***/
    /*** Critical left divider dimension value ***/
}

body.col1 .left { display:none; }
body.col2right .left { display:none; }

.right {
    float: right;
    position: relative; /* Needed for IE/win */
    width: 165px; /*** Critical right col width value ***/
    margin-right: -170px; /*** Critical right col width value ***/
    /*** Critical right divider dimension value ***/
    margin-left: 3px; /*** Critical right divider dimension value ***/
}

body.col1 .right { display:none; }
body.col2left .right { display:none; }

.centerbox {
    font-weight: normal;
    text-align: left;
    overflow: visible;
    width: 100%;
    /* padding-bottom: 250px; */
}

.container-right {
    padding-bottom: 80px;
}

/************** Spacing Controls for various column contents ***************/
.textpadder,
.content {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

/* =================================================================
   PAGE WRAPPER CSS
   ================================================================= */
html {
	font-size: 100%;
}
body {
    font-size: .75em;
}

input, textarea {
	padding: 1px;
}

/*************** Header and Footer elements *****************/
.header {
    padding: 5px 0;

}

#header-content {
	/* overflow: hidden; 
	word-wrap: break-word;*/
}

.header h1 {
    font-size: 150%;
    margin: 0;
    padding: 15px;
}

.header span {
}

.footer {
    font-weight: bold;
    font-size: 1em;

    margin: 0px;
}

.footer-section {
	text-align:center;
	position:relative;
	bottom:3px;
}

/************** Top & Bottom Nav **************/
.navigation1,
.navigation2 {
    height: auto;
    margin-bottom: 2px;
}

.navigation1 ul,
.navigation2 ul {
    margin: 0 0;
    height: auto !important; height: 1%; /* fix for IE to contain floats */
    padding-left: 15px;
	list-style-type: none;
}

/*.navigation2 {
	float: left;
}*/

/* fix for firefox, safari to contain floats */
.navigation1:after,
fieldset:after,
.navigation1 ul:after,
.navigation2 ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

fieldset:after,
.navigation1 ul, 
.navigation2 ul 
{ display: inline-block; }
 
/* Hides from IE-mac \*/
* html fieldset,
* html .navigation1 ul, 
* html .navigation2 ul
{ height: 1%; }
.navigation1 ul,.header .quick-search { display: block; }
/* End hide from IE-mac */

.navigation1 ul li,
.navigation2 ul li {
    float: right;
    width: auto !important; width: 5px; /* fix for IE */
    white-space: nowrap;
}

.navigation1 ul li a,
.navigation2 ul li a {
    margin: 0 0 0 1px;
    text-decoration: underline;
    display: block;
    padding: 0 10px;
}

.navigation1 ul li a:hover,
.navigation2 ul li a:hover {
    text-decoration: none;
}

.navigation2 {
    text-align: center;
	margin: 0 auto;
}