/* 
 * $Revision: 1.5 $
 * $Date: 2008/11/20 13:34:33 $
 * CSS rules for page layout
 */

/* GENERAL RULES 
************************************/
/* Set font-size to 1em for all divs, should hopefully work with nested divs */ 
/* div {font-size:1em;} */

#page {
	clear:both;
}
.rtl #page {
	float:left;
	text-align:right; 
	direction:rtl;	
}
#main-footer {clear:both}

/* NAVIGATION
************************************/
.ltr #local-nav,
.rtl #content {
	float: left;
	margin-left: 0;
}
.rtl #local-nav,
.ltr #content {
	float: right;
	margin-right: 0;
}

/* GRID (default rules)
************************************/
.g-group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.g-group {
	display: inline-block;
	clear:both;	
}
/* Hides from IE-mac \*/
* html .g-group {height: 1%;}
.g-group {display: block;}
/* End hide */

/* Floats */
.ltr .g-w1, .ltr .g-w2, .ltr .g-w3, .ltr .g-w4, .ltr .g-w5, .ltr .g-w6,
.ltr .g-w7, .ltr .g-w8, .ltr .g-w9, .ltr .g-w10, .ltr .g-w11, .ltr .g-w12,
.ltr .g-w13, .ltr .g-w14, .ltr .g-w15, .ltr .g-w16, .ltr .g-w17, .ltr .g-w18,
.ltr .g-w19, .ltr .g-w20, .ltr .g-w21, .ltr .g-w22, .ltr .g-w23, .ltr .g-w24 {
	float: left;
	margin-right: 10px; /* horizontal margin needs to be on opposite side to float to avoid IE double-margin float-clear bug */
}
.rtl .g-w1, .rtl .g-w2, .rtl .g-w3, .rtl .g-w4, .rtl .g-w5, .rtl .g-w6,
.rtl .g-w7, .rtl .g-w8, .rtl .g-w9, .rtl .g-w10, .rtl .g-w11, .rtl .g-w12,
.rtl .g-w13, .rtl .g-w14, .rtl .g-w15, .rtl .g-w16, .rtl .g-w17, .rtl .g-w18,
.rtl .g-w19, .rtl .g-w20, .rtl .g-w21, .rtl .g-w22, .rtl .g-w23, .rtl .g-w24 {
	float: right;
	margin-left: 10px;	
}

/* Remove padding from first item */
.ltr #page .g-last {
	padding: 0;
	margin: 0;
}
.rtl #page .g-first {
	padding: 0;
	margin: 0;
}
.ltr #page .g-last {
	clear: right;
}
.rtl #page .g-first {
	clear: left;
}



/* EIGHT COLUMNS WITH NAV
	 width = baseWidth * n + gutter (n - 1)
************************************/
.g-c8 {width: 760px;}

.g-c8 .g-w1,
.g-c8 .g-w2,
.g-c8 .g-w3,
.g-c8 .g-w4,
.g-c8 .g-w5,
.g-c8 .g-w6,
.g-c8 .g-w7,
.g-c8 .g-w8 {position: relative; top: 0;}
.g-c8 .g-w1 {width:70px;}
.g-c8 .g-w2 {width:150px;}
.g-c8 .g-w3 {width:230px;}
.g-c8 .g-w4 {width:310px;}
.g-c8 .g-w5 {width:390px;}
.g-c8 .g-w6 {width:470px;}
.g-c8 .g-w7 {width:550px;}
.g-c8 .g-w8 {width:630px;}
.g-c8 #local-nav {width: 121px;}