#site_center {text-align:center; background:url(images/tall_top_blue.gif) left top repeat-x;}
#main {width:100%; margin:0 auto; text-align:left; min-width:875px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 875)? "875px" : "100%");}

#mainFr {width:100%; margin:0 auto; text-align:left; min-width:905px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 905)? "905px" : "100%");}

/*You can modify the width of the website by changing "width" parameter with #main and deleting the parameter of "widht:expression...". The minimum value is 850px.*/

#header {height:490px; font-size:.875em; display: inline;}
#headerNI {height:175px; font-size:.875em; display: inline;}
#content { font-size:.69em;}
#footer { font-size:.75em;}

.col_1, .col_2, .col_3, .col_4, .col_5, .column1, .column2, .column3 { float:left; display: inline; }


/*======= index.php =======*/
#page1 #content .col_1 {width:20%;}
#page1 #content .col_2 {width:20%;}
#page1 #content .col_3 {width:19.5%;}
#page1 #content .col_4 {width:20%;}
#page1 #content .col_5 {width:20%;}

/* for french site while updates are done to get new vertical up */
.col_1_f, .col_2_f, .col_3_f, .col_4_f { float:left; display: inline; }

/* for french site while updates are done to get new vertical up */
#page1 #content .col_1_f {width:25%;}
#page1 #content .col_2_f {width:25%;}
#page1 #content .col_3_f {width:24.5%;}
#page1 #content .col_4_f {width:25%;}

#page1 .topSpacing {padding: 35px 0 0 0;}

/* used on index.php for testimonial display */
#page1 #content .row_3 .col_1 { width:43%;}
#page1 #content .row_3 .col_2 { width:57%;}



/*======= index-1.html =======*/
#page2 #content .col_1 {width:59%;}
#page2 #content .col_2 {width:41%;}

/*======= index-2.html =======*/
#page3 #content .column1 { width:51%;}
#page3 #content .column2 { width:49%;}

#page3 #content .column1_vert { width:20%; float:left; margin: 30px 0 0 0;}
#page3 #content .column2_vert { width:20%; float:left; margin: 30px 0 0 0;}
#page3 #content .column3_vert { width:19%; float:left; margin: 30px 0 0 0;}
#page3 #content .column4_vert { width:20%; float:left; margin: 30px 0 0 0;}
#page3 #content .column5_vert { width:20%; float:left; margin: 30px 0 0 0;}

#page3 .dir_col_1 {text-align: right; float:left; margin:4px 3px 0 0;}
#page3 .dir_col_2 {text-align: left; float:left; margin:4px 0 0 3px;}

#page3 #content .row_2 .col_1 { width:36%;}
#page3 #content .row_2 .col_2 { width:30%;}
#page3 #content .row_2 .col_3 { width:30%;}

#page3 .grouping {margin: 5px 0 55px 0;}
#page3 .groupInd { margin:0 0 0 15px;}
#page3 .groupInd1 { margin:0 0 0 15px;}
#page3 .groupInd2 { margin:0 0 0 75px;}


/*======= aboutus.html =======*/
#aboutUs .row_3 .column1 { width:60%;}
#aboutUs .row_3 .column2 { width:40%;}
#aboutUs .col_1 { width:65%; margin:0 0 40px 0; display: inline;}
#aboutUs .col_2 { width:35%; margin:0 0 10px 0; display: inline;}

#aboutUs .col_1b { width:51%; margin:0 0 0 0; float:left; display: inline;}
#aboutUs .col_2b { width:44%; margin:74px 15px 0 10px; float:right; display: inline;}

#aboutUs .col_2 .sub_col_1 { margin:0 0 30px 0; float:left;}
#aboutUs .col_2 .sub_col_2 { margin:0 0 40px 0;}
#aboutUs .col_2 .sub_col_1_last { margin:0 0 0 0;}
#aboutUs .col_2 .sub_col_2_last { margin:0 0 0 0;}

#aboutUs .col_1c { width:50%; margin:0 0 40px 0; display: inline;}
#aboutUs .col_2c { width:50%; margin:0 0 10px 0; display: inline;}


/*======= application pages =======*/
#application .row_3 .column1 { width:60%;}
#application .row_3 .column2 { width:40%;}
#application .col_1 { width:75%; margin:0 0 40px 0; display: inline; min-width:785px;}
/*#application .col_2 { width:25%; margin:0 0 10px 0; display: inline;}*/

#application .col_1b { width:51%; margin:0 0 0 0; float:left; display: inline;}
#application .col_2b { width:44%; margin:74px 15px 0 10px; float:right; display: inline;}

#application .col_2 .sub_col_1 { margin:0 0 30px 0; float:left;}
#application .col_2 .sub_col_2 { margin:0 0 40px 0;}
#application .col_2 .sub_col_1_last { margin:0 0 0 0;}
#application .col_2 .sub_col_2_last { margin:0 0 0 0;}

#application .col_1c { width:50%; margin:0 0 40px 0; display: inline;}
#application .col_2c { width:50%; margin:0 0 10px 0; display: inline;}


/*======= package.php =======*/
#package .row_3 .column1 { width:60%;}
#package .row_3 .column2 { width:40%;}
#package .col_1 { width:65%; margin:0 0 40px 0; display: inline;}
#package .col_2 { width:35%; margin:0 0 10px 0; display: inline;}

#package .col_1b { width:51%; margin:0 0 0 0; float:left; display: inline;}
#package .col_2b { width:44%; margin:74px 15px 0 10px; float:right; display: inline;}

#package .col_2 .sub_col_1 { margin:0 0 30px 0; float:left;}
#package .col_2 .sub_col_2 { margin:0 0 40px 0;}
#package .col_2 .sub_col_1_last { margin:0 0 0 0;}
#package .col_2 .sub_col_2_last { margin:0 0 0 0;}

#package .col_1c { width:50%; margin:0 0 40px 0; display: inline;}
#package .col_2c { width:50%; margin:0 0 10px 0; display: inline;}

#package {
width:100%; 
margin:0 auto; 
text-align:left; 
min-width:1250px; 
width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1250)? "1250px" : "100%");}

/*======= qcInfo page (applyqc/apply.php) =======*/
#qcInfo .col_1 { width:100%; margin:0 0 40px 0; display: inline;}


/*======= index-3.html =======*/
#page4 #content .col_1 {width:46%;}
#page4 #content .col_2 {width:54%;}

/*======= index-4.html =======*/
#page5 #content .row_1 .col_1 { width:57%;}
#page5 #content .row_1 .col_2 { width:43%;}
#page5 #content .row_2 .col_1 { width:46%;}
#page5 #content .row_2 .col_2 { width:54%;}

#page5 #content .col_1b {width:44%; float:left; margin:0 5% 5% 0;}
#page5 #content .col_2b {width:50%; float:left; margin:0 0 5% 0;}

#page5 .col_2 .sub_col_1 { margin:0 0 0 0; width: 25%; float:left;}
#page5 #placeholder { background: url(images/pixel.gif) repeat-y 0% 0%; } 
#page5 .col_2 .sub_col_2 { margin:0 0 60px 0; width: 75%; display:block; }

#page5 .indentMainBanner {margin: 25px 0px 0px 65px;}

/*======= index-5.html =======*/
#page6 #content .col_1 { width:471px;}
#page6 #content .col_2 { margin-left:471px; float:none;}

#page6 #content .col_1 .column1 { width:210px;}
#page6 #content .col_1 .column2 { width:199px;}

/*=========================*/


/* SITEMAP */

#siteMap #content .column1 { width:51%;}
#siteMap #content .column2 { width:49%;}

#siteMap .dir_col_1 {text-align: right; float:left; margin:4px 3px 0 0;}
#siteMap .dir_col_2 {text-align: left; float:left; margin:4px 0 0 3px;}

#siteMap #content .row_2 .col_1 { width:33%;}
#siteMap #content .row_2 .col_2 { width:33%;}
#siteMap #content .row_2 .col_3 { width:33%;}

#siteMap .grouping {margin: 5px 0 55px 0;}
#siteMap .groupInd { margin:0 0 0 15px;}
#siteMap .groupInd1 { margin:0 0 0 15px;}
#siteMap .groupInd2 { margin:0 0 0 75px;}

/*======= index-4.html =======*/
#view #content .row_1 .col_1 { width:57%;}
#view #content .row_1 .col_2 { width:43%;}
#view #content .row_2 .col_1 { width:46%;}
#view #content .row_2 .col_2 { width:54%;}

#view #content .col_1b {width:44%; float:left; margin:0 5% 5% 0;}
#view #content .col_2b {width:50%; float:left; margin:0 0 5% 0;}
