

.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;}

.column1, .column2, .column3, .column4, .col1, .col2, .col3, .columnbig, .columnside {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 .column1 {width:444px;}
#index .columnbig {width:650px;}
#index .columnside {width:190px;}
#index .column2 {width:413px;}


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


/* ============================= video and optin box ===========================*/

#videoandoptin .row1 .column1 {width:480px;}
#videoandoptin .row1 .column4 {width:400px;}

#videoandoptin .column1 {width:444px;}
#videoandoptin .columnbig {width:650px;}
#videoandoptin .columnside {width:190px;}
#videoandoptin .column2 {width:413px;}


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

#videoandoptin .main_indent_midzone {background:none;}

#videoandoptin .box476 .frosted_turq_476px_top {background:url(images/box_frosted_turq_476px.jpg) top left no-repeat; width:100%;}
#videoandoptin .box .frosted_turq_476px_bottom {background:url(images/box_frosted_turq_476px_bottom.jpg) bottom left no-repeat; text-align:center;}
#videoandoptin .box400 .frosted_orange_400px_top {background:url(images/box_frosted_orange_400px.jpg) top left no-repeat; width:100%;}
#videoandoptin .boxorange .frosted_orange_400px_bottom {background:url(images/box_frosted_orange_400px_bottom.jpg) bottom left no-repeat; text-align:center;}
#videoandoptin .boxorange {background:url(images/box_tile_bg_orange.gif) left repeat-y;}
#videoandoptin .boxorange .right_bg {background:url(images/box_tile_bg_orange.gif) right repeat-y;}
#videoandoptin .header_block {background:url(images/marquees/marquee_476_400.jpg) top left no-repeat; padding:0 0 74px 37px;}

/* ============================= 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;}



/* ============================= products page ===========================*/


#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 .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;}

