

.main { width:882px; margin:0 auto; text-align:left;}

#header {height:417px; background:#fff url(images/header_tile.gif) top repeat-x;}

#middle {background:#fff;}

#footer { height:64px; background:url(images/footer_tile.gif) top repeat-x;}

.column0, .column1, .column2, .column3, .column4, .col1, .col2, .col3 {float:left;}
.container {width:100%; overflow:hidden; margin-bottom:40px;}
.container2 {width:100%;}

/* ============================= index ===========================*/

#index .row1 .column1 {width:611px;}
#index .row1 .column2 {width:221px;}
#index .row1 .column3 {width:221px;}
#index .row1 .column4 {width:269px;}

#index .column0 {width:482px;}
#index .column1 {width:447px;}
#index .column2 {width:413px;}
#index .column3 {width:375px;}

#index .col1 {width:141px;}
#index .col2 {width:255px;}

/* ============================= index-1 ===========================*/

#index_1 .column1 {width:425px;}
#index_1 .column2 {width:415px;}

#index_1 .column1 .col1 {width:141px;}
#index_1 .column1 .col2 {width:217px;}

#index_1 .column2 .col1 {width:223px;}
#index_1 .column2 .col2 {width:180px;}

/* ============================= index-2 ===========================*/

#index_2 .column1 {width:336px;}
#index_2 .column2 {width:504px;}

#index_2 .col1 {width:141px;}
#index_2 .col2 {width:350px;}

/* ============================= index-3 ===========================*/

#index_3 .column1 {width:556px;}
#index_3 .column2 {width:284px;}

#index_3 .col1 {width:141px;}
#index_3 .col2 {width:348px;}

/* ============================= index-4 ===========================*/

#index_4 .column1 {width:336px;}
#index_4 .column2 {width:504px;}

#index_4 ul.col1 {width:270px;}
#index_4 ul.col2 {width:220px;}

#index_4 .col1 {width:141px;}
#index_4 .col2 {width:350px;}

/* ============================= index-5 ===========================*/

#index_5 .column1 {width:556px;}
#index_5 .column2 {width:284px;}

#index_5 .col1 {width:141px;}
#index_5 .col2 {width:348px;}

#index_5 form .col1 {width:251px;}
#index_5 form .col2 {width:239px;}

/* ============================= page with side thumbnail sub menu options ===========================*/

#pageoptions .row1 .column1 {width:221px;}
#pageoptions .row1 .column2 {width:221px;}
#pageoptions .row1 .column3 {width:221px;}
#pageoptions .row1 .column4 {width:217px;}

#pageoptions .column1 {width:708px;}
#pageoptions .column2 {width:149px;}

#pageoptions .col1 {width:149px;}
#pageoptions .col2 {width:149px;}

#pageoptions form .col1 {width:251px;}
#pageoptions form .col2 {width:239px;}




/* ============================= landing page ===========================*/


#landing .column1 {width:436px;}
#landing .column2 {width:424px;}

#landing ul.col1 {width:270px;}
#landing ul.col2 {width:220px;}

#landing .col1 {width:149px;}
#landing .col2 {width:250px;}


/* ============================= activities landing page ===========================*/

#activities .row1 .column1 {width:880px;}

#activities .column1 {width:336px;}
#activities .column2 {width:504px;}

#activities ul.col1 {width:270px;}
#activities ul.col2 {width:220px;}

#activities .col1 {width:141px;}
#activities .col2 {width:350px;}



/* ============================= activities details page ===========================*/

#activitydetail .row1 .column1 {width:880px;}

#activitydetail .column1 {width:440px;}
#activitydetail .column2 {width:420px;}

#activitydetail ul.col1 {width:270px;}
#activitydetail ul.col2 {width:220px;}

#activitydetail .col1 {width:149px;}
#activitydetail .col2 {width:250px;}



/* ============================= activities details 2 page ===========================*/

#activitylanding .row1 .column1 {width:880px;}

#activitylanding .column1 {width:708px;}
#activitylanding .column2 {width:149px;}

#activitylanding ul.col1 {width:270px;}
#activitylanding ul.col2 {width:220px;}



/* ============================= products page ===========================*/
#products .row1 .column1 {width:880px;}

#products .column1 {width:336px;}
#products .column2 {width:504px;}

#products ul.col1 {width:270px;}
#products ul.col2 {width:220px;}

#products .col1 {width:161px;}
#products .col2 {width:340px;}
#products .collong {width:400px;}

#products .column_line {background:url(images/line_hor.gif) top right repeat-y;}
#products .column_padding {padding-right:33px;}



/* ============================= signup pages ===========================*/


#signup .column1 {width:336px;}
#signup .column2 {width:504px;}

#signup ul.col1 {width:270px;}
#signup ul.col2 {width:220px;}

#signup .col1 {width:161px;}
#signup .col2 {width:340px;}

#signup .column_line {background:url(images/line_hor.gif) top right repeat-y;}
#signup .column_padding {padding-right:33px;}


/* ============================= webcourses ===========================*/

#webcourses .column1 {width:252px; height:219px; background-image:url(images/webcourses/documentbg.gif);}
#webcourses .column2 {width:200px;}
#webcourses .column3 {width:200px;}
#webcourses .column4 {width:200px;}
#webcourses .colpad {margin-left:20px;}
