/* This is the large layout for users with a 1024x768 screen. */

/*** Wrapper ***/
body #wrapper{width:900px;background: url(/shared/images/background_2col_1024x768.gif) repeat-y;}
body.one-column #wrapper{background: url(/shared/images/background_1col.gif) repeat-y;} 
/* Vahid 20090528 - FireFox only - to make the line appear between leftnav and maincol */
html > body.one-column #wrapper{
	overflow:auto;
	background: url(/shared/images/background_1col.gif) repeat-y;
}

/*** Right Column ***/
div#right-col{margin-left:722px;}

/*** Image Header div#image-header{width:720px;}***/

div#image-header-home {width:720px;}
div#image-header-home div.random-image {height:109px;width:534px;float:left;overflow:hidden;}
div#image-header-home div.static-image {height:109px;width:186px;float:left;}
div#header-flag-bottom {height:40px;background: url(/shared/images/homepage/homepage_flag_bottom.jpg) 0 0 no-repeat;float:right;width:187px;margin-top:-15px;}

/*** Search Header ***/
div#search form input.query {width:230px;}
div#search form input.img {left:295px;}

/*** Main Column ***/
div#main-col{width:522px;}
div#outer_content{width:733px;}
body.one-column div#main-col{width:721px;}

body.one-column div#main-col div.two-column div{float:left;margin-right:5%;width:45%;}
body.one-column div#main-col div.two-column div.last{margin-right:0;}

div.two-col div div {width:90%;margin:0;} /* This way, div's within a column are the full width of the column. It's not 100% to avoid issues with IE. */

div.two-col-20-80 {clear:both;height:1%;}
div.two-col-20-80 div {float:left;width:18%;margin-right:2%;}
div.two-col-20-80 div.last {float:left;width:78%;margin:0;} /* not sure why I need the margin */

div.two-col-30-70 {clear:both;height:1%;}
div.two-col-30-70 div {float:left;width:28%;margin-right:2%;}
div.two-col-30-70 div.last {float:left;width:68%;margin:0;} /* not sure why I need the margin */

div.two-col-40-60 {clear:both;height:1%;}
div.two-col-40-60 div {float:left;width:38%;margin-right:2%;}
div.two-col-40-60 div.last {float:left;width:58%;margin:0;} /* not sure why I need the margin */

div.two-col-50-50 {clear:both;height:1%;}
div.two-col-50-50 div {float:left;width:48%;margin-right:2%;}
div.two-col-50-50 div.last {float:left;width:48%;margin:0;} /* not sure why I need the margin */

div.two-col-60-40 {clear:both;height:1%;}
div.two-col-60-40 div {float:left;width:58%;margin-right:2%;}
div.two-col-60-40 div.last {float:left;width:38%;margin:0;} /* not sure why I need the margin */

div.two-col-70-30 {clear:both;height:1%;}
div.two-col-70-30 div {float:left;width:68%;margin-right:2%;}
div.two-col-70-30 div.last {float:left;width:28%;margin:0;} /* not sure why I need the margin */

div.two-col-80-20 {clear:both;height:1%;}
div.two-col-80-20 div {float:left;width:78%;margin-right:2%;}
div.two-col-80-20 div.last {float:left;width:18%;margin:0;} /* not sure why I need the margin */