#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%");}

#photo {
	float: Left;
	width:182px;
	padding: 0px 15px 5px 0px;
}
#photoCaption {
	width: 182px;
	background-color: #CBD9ED;
}

/*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.html =======*/
#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%;}

#page1 .topSpacing {padding: 35px 0 0 0;}

/*======= 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:25%; float:left; margin: 30px 0 0 0;}
#page3 #content .column2_vert { width:25%; float:left; margin: 30px 0 0 0;}
#page3 #content .column3_vert { width:25%; float:left; margin: 30px 0 0 0;}
#page3 #content .column4_vert { width:24%; 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;}

/*======= 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; }

/*======= 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;}

/*=========================*/

/*======= 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;}


/*#footer {height:80px; margin-top:35px;}*/
