@import "en.css";

/* layout styles */

/* the div that goes around everything */
#wrapper {
	/* the next three are for centering */
	text-align: center;
	margin: 0 auto;
	/* we want it to be 80% of the page wide */
	width: 80%;
	/* but we set a min width so no horizontal scrolling at 640x480 (480 = 80% of 600) */
	min-width: 480px;
}
/* the header table */
#header {
	border: 1px solid #000000;
	margin-bottom: 1.5em;
	background: #25408F; 
	height: 94px;
	width: 100%;
}
/* the main table */
#main {
	width: 100%;
}
/* the left hand column of the main table */
#left {
	width: 19%;
	padding-right: 1em;
}
/* the middle hand column of the main table */
#middle {
	width: 79%;
	padding-left: 1em;
	padding-right: 1em;
}
/* the footer at the bottom of the page */
#footer {
	clear: both;
	margin-top: 1em;
	text-align: center;
	width: 100%;
}

/* for vertical separators */ 
.vertical_separator {
	width: 2%;
	border-left: 1px solid #000;
	height: 100%;
}
/* for horizontal separators */ 
.horizontal_separator {
	height: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #000;
	width: 100%;
}

/* for the adsense column */ 
#google_adsense {
	border: thin solid Blue;
	width: 120px;
}
/* For hiding accessibility stuff */
.off-left {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* for boxes in left and right columns */
.box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	border: 1px dashed #000;
}

/* boxes on left we want left aligned, no border */
#left .box {
	float: left;
	clear: left;
	border: none;
	margin-left: 0;
}

/* first box in boxes we don't need a top margin */
#boxes .box:first-child {
	margin-top: 0;
}