/* This is the default layout for all users and it is designed for an 800x600 screen. */

/*** Wrapper ***/
body #wrapper{width:760px;background: url(/shared/images/background_2col_800x600.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:585px;}

/*** Image Header div#image-header{width:580px;} div#results{width:580px;}***/
div#image-header-home {width:580px;}
div#image-header-home div.random-image {height:109px;width:394px;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_lowres.jpg) 0 0 no-repeat;float:right;width:187px;margin-top:-15px;}



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

/*** Main Column ***/
div#main-col{width:385px;}
div#outer_content{width:593px;}
body.one-column div#main-col{width:581px;}

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 */