@charset "utf-8";

/* CSS Document */

/* -------------------------------------------------------------- */
/*                       overall settings                         */
/* -------------------------------------------------------------- */

body {
	margin-top:0;
	margin-left:0;
	background-color:#948E82;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#544B38;
}


/* -------------------------- text -------------------------- */

/*	

p {
		margin:10px 0 10px 0;
		padding:0 4px 0 8px;
	}
*/

/* -------------------------- backgrounds and centering ----- */

#wrapper_overall {
	width:836px;
	height:auto;
	/*height:800px;*/
	background-color:#3366CC;
	margin:0 auto;
	background:url(../img/bg_tile_palette.jpg) repeat-y;
}


/* -------------------------- header ------------------------ */

#header {
	width:800px;
	height:81px;
	margin-left:18px;
	background:url(../img/logo_top.jpg) no-repeat;
	position:relative;
}

#header ul {
	margin:0;
	padding:0;
	list-style:none;
}

#header a {
	position:absolute;
	width:200px;
	height:81px;
	text-indent:-1000em;
}

#header .home a {
	top:10px;
	left:10px;
}

#header img {
	padding-left:16px;
}


/* -------------------------- navigation -------------------- */

#nav {
	display:inline; /* :kludge: fixes the IE margin bug */ 
	background:url(../img/bg_nav.gif) no-repeat;
	width:146px;
	margin-left:30px;
	list-style:none;
	font-size:85%;
	float:left;
}

#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav ul li {
	display :inline;
	float:left;
	padding:0;
	margin:0;
}

#nav a, #nav a:visited {
	display:block;
	width:146px;
	height:23px;
	text-indent:6px;
	padding-top:6px;
	background:url(../img/bg_btn_h.gif) no-repeat left top;
	text-decoration:none;
	color:#544B38;
	border-bottom:1px solid #CCCCCC;
}

#nav a:hover {
	background:url(../img/bg_btn_h.gif) no-repeat right top;
}

#nav ul li a.selected {
	background-image:url(../img/bg_btn_dn.gif);
	color:#FFF;
}

/* ------------------- sub navigation -------------------------*/

.nav_sub {
	width:605px;
	height:24px;
	padding: 0px 0 8px 0;
	margin-bottom:10px;
	border-bottom:1px solid #E4E4E4;
}

.nav_sub_index {
	background-color:#014C78;
	width:760px;
	height:4px;
	margin:0 0 0 16px;
	padding:0;
	color:#FFF;
	border-top:solid 1px #6794AE;
	overflow:hidden; /* :kludge: fixes IE sub 20px div bug */
}

.nav_sub a, .nav_sub a:visited {
	color:#666;
	text-decoration:none;
	padding-right:36px;
}

.nav_sub a.selected {
	font-weight:bold;
}

/* ------------------- projects index navigation -------------------------*/

#nav_projects {
	display:inline; /* :kludge: fixes the IE margin bug */ 
	background:url(../img/bg_nav.gif) no-repeat;
	width:600px;
	list-style:none;
	float:left;
	border-top:1px solid #CCCCCC;
	margin-bottom:10px;
}

#nav_projects ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav_projects ul li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

#nav_projects ul li img {
	display :inline;
	float:left;
	padding:0;
	margin:6px 10px;
}

#nav_projects a, #nav_projects a:visited {
	display:block;
	width:600px;
	height:112px;
	text-decoration:none;
	color:#544B38;
	border-bottom:1px solid #CCCCCC;
}

#nav_projects a:hover {
	background-color:#F2F2F2;
}

.nav_back a, .nav_back a:visited {
	float:right;
	font-size:85%;
	color:#666666;
	text-decoration:none;
}

a.webcam, a:visited.webcam {
	padding:5px 0 7px 24px;
	background:url(../img/icon_webcam.gif) no-repeat;
	text-decoration:none;
	color:#CC0066;
}

/* -------------------------- content areas ---------------- */

#wrapper_content {
	font-size:90%;
	line-height:2.5em;
}

/* --------------- typical 2 column layout --------------- */

/*---------------------------------------------------------*/
/* ----- column 1 ---- */ 
/*---------------------------------------------------------*/

#col_2_1 {
	float:left;
	background-color:#FFF;
	width:146px; /* revert to 529 after removing border */
	margin:5px 5px 10px 5px;
	padding:10px 5px 10px 5px;
	display:inline; /* :kludge: fixes IE double margin bug */
	color:#014C78;
}

#col_2_1 .title {
	clear:both;
	width:510px;
	height:24px;
	border-bottom:1px #C4C4C4 solid;
	margin:3px;
	padding:3px 0 0 10px;
	color:#CC6600;
	font-weight:bold;
}

/*--------------------------------------------------------*/
			     /* ------------- column 2 ----------- --- */
/*--------------------------------------------------------*/

#banner {
	margin:4px 0 0 6px;
}

#banner_c {
	background:url(../img/title_projects.gif) no-repeat top right;
}

#col_2_2 {
	float:left;
	width:605px;
	margin:0;
	padding:4px 5px 0 20px;
	display:inline; /* :kludge: fixes IE double margin bug */
	color:#333;
}

.divider_col_2_2 {
	height:1px;
	background-color:#CCC;
	overflow:hidden; /* :kludge: fixes IE sub 20px div bug */
	margin:8px 0 8px 0;
	padding:0;
}


/* ---- content - text/image alignment --- */

.img_right {
	float:right;
	padding:5px 5px 0 0;
}

.img_left {
	float:left;
	padding:10px 10px 10px 0;
}

.img_d {
	padding:0 0 10px 0;
}

.text_right {
	float:right;
	width:270px;
	padding:0 10px 0 0;
}

.text_left {
	float:left;
	width:420px;
	padding:0 0 10px 5px;
}

.text_full {
	width:715px;
	padding:0 0 10px 15px;
}

.title_news {
	line-height:1.5em;
	padding-top:12px;
}

.title_sub {
	font-size:90%;
	
}


/* -------------------------- footer ----------------------- */

#footer {
	clear:both;
	width:776px;
	/*height:30px;*/
	border-top:1px solid #E4E4E4;
	margin:0 0 0 30px;
	padding:16px 0 12px 6px;
	font-size:80%;
	color:#999;
}

#bottom {
	width:836px;
	height:34px;
	background:url(../img/bg_palette_bottom.gif) no-repeat;
}


/* -------------------------- utilities and hacks ---------- */

.divider_typical {
	clear:both;
	height:1px;
	background-color:#E4E4E4;
	overflow:hidden; /* :kludge: fixes IE sub 20px div bug */
	margin:0;
	padding:0;
}

.divider_vertical {
	float:left;
	width:1px;
	height:120px;
	background-color:#E4E4E4;
	overflow:hidden; /* kludge: fixes IE sub 20px div bug */
	margin:0 5px 0 5px;
	padding:0;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
	height:0;
	line-height:0em; /* :kludge: get IE to acknowledge height */
}