/* ------------------- NO BODY MARGINS ------------------- */

/* kill some browsers' sneaky automagical body margins */
body { margin:0; }

html {
height: 100%; /* make html element fill viewport */
	background-color: #CAE4F2;
	
}

/* ------------------- /NO BODY MARGINS ------------------- */



/* ------------------------- PAGE HEADER ------------------------- */

/* Masthead region with background image (centered for high-res monitors) */




.langbar {
white-space:nowrap;
display: block;
padding: 3px;
font-size: x-small;
color:#666;
}


/* ------------------------- /PAGE HEADER ------------------------- */


/* --------------------- NAVIGATION ELEMENTS --------------------- */

/* Site navigation bar */
#navbar_div {
/* See 'default' CSS for background image & border. */
text-align: center;
position: relative;
float: left;
width: 100%;
}

#nav {
/* See 'default' CSS for font stylings, padding, margins. */
width: 89%;
min-width: 700px;
max-width: 1000px;
}

#nav li {
display: inline;
}

#nav a {
/* See 'default' CSS for font stylings, padding, margins. */
display: block;
position: relative;
float: left;
}

/* --------------------- /NAVIGATION ELEMENTS --------------------- */


/* ---------------------- CONTENT AREA & FOOTERS ---------------------- */

/* Wrapper for main content area */
#wrapper {

background-color: #CAE4F2;
background-image: url(img/dark_blue_bg.jpg);
background-repeat: repeat-x;
background-position: top left;
text-align: center;
clear: both;
}

/* The main body of the page */
#main_content {
background: #FFFFFF;
margin: 0 auto;
width: 89%;
min-height: 18em;
min-width: 700px;
max-width: 1000px;
text-align: left;
/*border-left: 1px solid gray;
border-right: 1px solid gray;*/
background-image: url(img/bg_left.gif);
background-repeat: repeat-y;
background-position: top left;
border:none;
background-image: 
overflow: hidden; /* allows floating of elements on bottom of this container (like older/newer nav) */
}

/* Content-containing region of child pages */
#content_area {
background-image: url(img/bg_right.gif);
background-repeat: repeat-y;
background-position: top right;
	margin-left: 220px;
	padding: 0.5em 1.5em 2.24em 1em;
	min-height: 450px;
}

#error #content_area { margin: 0; }

/* Sub-navigation column on child pages */
#sub_nav {
float: left;
clear: left;
margin: 5.3em 0 2.24em 2.5em;
width: 175px;
}

/* Page footers */
#footer {
	margin: 0 auto;
	clear: both;
	height: auto;
	width: 89%;
	min-width: 700px;
	max-width: 1000px;
	border-bottom: 1px solid #000180;
	/*border-left: 1px solid gray;
	border-right: 1px solid gray;*/
	background: #100831 url("img/grey-current-grad2_bottom.gif") repeat-x left top;
}

/* Selectively multi-column layout. Thanks to Dave Reeder for help with the right percentages. */


/* ---------------------- /CONTENT AREA & FOOTERS ---------------------- */




/* ---------------------- /POSITIONED IMAGES ---------------------- */

.hide-me {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}