/*
 * Author: Janson Lytle
 * Date: July 4 2007
 * Version: 2
 
 * Color Pallet ASQ
 * #12346A - Dark Blue
 * #1A4C97 - Light Blue
 * #FFF - White 
 */

/*****************************/
/* SECTION 1                 */
/* General layout start here */
/*****************************/
* {margin: 0px; padding: 0px;}

/******************************************/
/* Specifies the Minimun Width and Max Widths for a Page */
/* IE uses the expression, which is any javascript you want */
/* Firefox ect, will ignore the expresssion */
/******************************************/

/* for all browsers min-width */
.width {
 width:100%; 
 min-width:750px;
 max-width:1024px;
 width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
}

/* for IE browsers */
.minwidth {border-left:750px solid #F4FFE4; position:relative; float:left; z-index:1;}
.container {margin-left:-750px; position:relative; float:left; z-index:2;}

/* IE doesn't understand CSS Selectors, following negates previous two
   lines of code for NON-IE  */
div[class="minwidth"] { border-left:0; position:static; float:none; }
div[class="container"] { margin-left:0; position:static; float:none; }
/******************************************/
/* End the Minimun Page Width    */

/* Start Min-Height Page Width    */
/******************************************/
/* Specifies the Minimun Height for a Page 
   Also sets up the three column colors 
   Main1 background is the color of the center column
   Main1 background url is the color of the left column (a faux column)
   Main2 background url is the color of the Right Column (a faux column)
   The following ensures that the all columns appear the same length and grow together
*/
/******************************************/
.main1 {
 margin:0; padding:0;
 background:#FFF url("../images/leftColumn.gif") top left repeat-y;
 min-height:400px;
 height:400px;
 position:relative;
 border-top:solid 1px #FFF;
}

div[class="main1"] { height:auto; }
/******************************************/
/* End Minimun Height for a Page */

  
#left {
 position:absolute;
 top:0;
 left:0;
 width:165px;
 margin:0;
 padding:0;
}

#middle 
{
    
     margin:0 0 0 168px;

}
.cleaner {
 clear:both;
 height:1px;
 font-size:1px;
 border:none;
 margin:0; padding:0;
 background:transparent;
}
#footer {
 text-align:center;
 background-color: #12346A;
  border-top: solid 2px #FFF;
   color:#FFF;
  padding: 3px 0;
  font-size: 12px;
}
#banner {
 height: 132px;
 width: 100%;
 background: #1A4C97 url("../images/asq_logo.gif") no-repeat;
 text-align:center;
 color: #FFF;
 font-size: 28px;

}
.bannerText 
{
    padding-top: 35px;
}

#topNav 
{
 border-top: solid 2px #FFF;
 border-bottom: solid 2px #FFF;
 width: 100%;
 margin: 0px;
 padding: 5px 0;
 background: #12346A;

}