/* ----- COMMON ELEMENTS (ALL PAGES) ----- */

body, p, div, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	margin:0px;
}
h1 { color:#0fa1b8; font-size:20px; } /* light #69c4d2 dark #0fa1b8 darker #1759a1 */
h2 {
	color:#0fa1b8;
	font-size:14px;
	font-weight:bold;
}
h3 {
	color:#0fa1b8;
	font-size:12px;
	font-weight: lighter;
}
h2 span { color:#000; }

a { color:#000; font-size:12px; font-weight:normal; text-decoration:underline; }
a:visited { color:#707070; }
a:hover { color:#1759a1; text-decoration:none; }

a.blue { color:#0a4e95; font-size:12px; font-weight:bold; text-decoration:none; }
a.blue:visited { color:#707070; }
a.blue:hover { color:#0ca4b2; text-decoration:underline; }


div#container {
	position: relative;
	margin: 0 auto;
	width: 938px;
	height: 100px;
	text-align: left; /* to counter to td align center required by IE */
}
div#header {
	position: relative;
	top:0px;
	left:0px;
	width:232px;
	height:185px;
}
div#top {
	position: absolute;
	top:0px;
	left:0px;
	width:938px;
	height:17px;
	background-color:#d4eff5;
}
div#flags { position: absolute; top:0px; left:670px; width:256px; height:17px; padding-bottom:4pt; }

div#mainlogo {
	position: absolute;
	top:22px;
	left:0px;
	width:232px;
	height:153px;
	border-right:2px solid #f0f0f0;
/*	background-image: url(images/camllogo2.gif); */
}
div#title {
	position: absolute;
	top:17px;
	left:265px;
	width:438px;
	height:81px;
	background-image: url(images/title.gif);
	overflow: auto;
}
div#titletext {
	position: absolute;
	top:40px;
	left:258px;
	width:660px;
	height:40px;
	font-size:32px;
	letter-spacing:-1px;
	color:#0fa1b8;
}
div#toplinks {
	position: absolute;
	top:120px;
	left:250px;
	width:665px;
	height:35px;
}
div#toplinks div {
	position: absolute;
	top:0px;
	height:35px;
	background-image: url(images/snowflake.gif);
	background-repeat:no-repeat;
	padding:0px;
	padding-left:22px;
	padding-top:10px;
	margin:0px;
}
div#toplinks div#n1 { left:0px; width:132px; }
div#toplinks div#n2 { left:132px; width:155px; }
div#toplinks div#n3 { left:287px; width:85px; }
div#toplinks div#n4 { left:372px; width:95px; }
div#toplinks div#n5 { left:467px; width:125px; }
div#toplinks div#n6 { left:592px; width:120px; }
div#toplinks a { color:#000; font-size:12px; font-weight:bold; text-decoration:none; }
div#toplinks a:hover { color:#1759a1; }

span.toplink{
	height: 35px;
	background-image: url(../images/snowflake.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-right: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}

div#feature {
	position: relative;
	top:10px;
	left:0px;
	width:234px;
	height:190px;
	padding-top:8px;
	padding-bottom:8px;
	border-right:2px solid #e0e0e0;
}
div#logos { position: absolute; top:0px; left:30px; width:204px; height:76px; }
div#links { position: relative; top:10px; left:30px; width:200px; height:30px; }
div#links select { width:170px; font-size:10px; }

div#search {
	position: relative;
	top:40px;
	left:30px;
	width:200px;
	height:50px;
	background-image: url(images/sitesearch2.gif);
	background-repeat:no-repeat;
}
div#search input { position: absolute; top:25px; width:170px; font-size:10px; }

div#footer {
	position: relative;
	clear:both;
	top:20px;
	left:0px;
	width:938px;
	height:27px;
	border-top:1px solid #c0c0c0;
	padding-top:5px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-size:9px;
	color:#000;
}
div#logoline {
	position: relative;
	top: 20px;
	left: 0px;
	text-align: center;
}
div#logoline img {
	padding: 0 1em 0 0;
}
div#footer span#adobe {
	position: absolute;
	top:0px;
	right:10px;
	width:68px;
	height:24px;
	background-image: url(images/adobe.gif);
	cursor:pointer;
	overflow: auto;
}
div#footer a { text-decoration:none; font-size:9px; color:#000; font-weight:normal; }
div#footer a:hover { color:#1759a1; }

/* ----- HOME PAGE ONLY ELEMENTS ----- */

div#photo {
	position: relative;
	top:0px;
	left:0px;
	width:936px;
	height:214px;
	/*background-image: url(images/caml-home-background.jpg);*/
}
div#photo div#nav {
	position: absolute;
	z-index:1;
	top:0px;
	left: 387px;
	width: 506px;
	height:17px;

}
div#photo div#ecosys {
	position: absolute;
	z-index:1;
	top:152px;
	left:683px;
	width:256px;
	height:64px;
}

div#homemiddle {
	position: relative;
	top:0px;
	left:0px;
	width:938px;
	height:330px;
}
div.panel {
	position: absolute;
	top:16px;
	width:216px;
	height:290px;
	border-left:2px solid #e0e0e0;
	padding:8px;
	margin:0px;
	overflow: auto;	 /*overflow:hidden; auto */
}
div.panel#left { left:234px; border-left:none; }
div.panel#middle { left:468px; }
div.panel#right { left:702px; }

/* ----- SUB-PAGE ONLY ELEMENTS ----- */

div#leftnav {
	position: relative;
	top:0px;
	left:0px;
	width:239px;
	height:214px;
	background-image: url(images/navback.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:10px;
	color:#000; 
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;
	line-height:25px;
}
div#leftnav a {
	color:#000; 
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;
}
div#leftnav a:hover { color:#1759a1; }

div#content {
	position: relative;
	top:0px;
	left:0px;
	width:693px;
	padding:8px;
	padding-top:30px;
	margin:0px;
	border-top:2px solid #e0e0e0;
}
#content > table { border-collapse:collapse; border:none; width:100%; }
#content .photo {
	padding-top:40px;
	padding-left:10px;
	text-align:center;
	vertical-align:top;
	color:#0fa1b8;
	font-size:12px; 
	font-weight:normal;	
}
#content .photo img { display:block; }

#content table table { border-collapse:collapse; border:1px solid #a0a0a0; }
#content table table td { border:1px solid #e0e0e0; padding:3px; }
#content table table td.title { font-weight:bold; background-color:#f0f0f0; }

div.image_left { float:left; clear:left; border:1px solid #abd5e1; padding:4px; margin:10px; margin-left:4px; }
div.image_right { float:right; clear:right; border:1px solid #abd5e1; padding:4px; margin:10px; margin-right:4px; }
div.image_caption { 
	font-size:12px;
	font-weight:normal;
	color:#0fa1b8;
	text-align:center;
	vertical-align:middle;
}
/* This simplified version doesn't work in IE
	div.image {
		border:1px solid #abd5e1; padding:4px; margin:10px;
		font-size:12px;
		font-weight:normal;
		color:#0fa1b8;
		text-align:center;
		vertical-align:middle; 
	}
	div.image#left {
		float:left; 
		clear:left; 
		margin-left:4px;
	}
	div.image#right {
		float:right; 
		clear:right; 
		margin-right:4px;
	}
*/

td.wb-logo {
	border-right:2px solid #E0E0E0;
}

td.wb-flags {
	text-align: right;
}

td.wb-leftnav {
	background-image: url(images/navback.gif);
	background-repeat:no-repeat;
	padding-left: 1em;
	padding-top:1em;
	color:#000; 
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;
	line-height:25px;
	border-right: 2px solid #E0E0E0;
}

td.wb-search {
	border-right:2px solid #E0E0E0;
	padding-left: 0.2em;
}

td.wb-logos {
	padding-top: 1ex;
	text-align: center;
}

h1.wb-titletext {
	font-size:32px;
	letter-spacing:-1px;
	color:#0fa1b8;
	font-weight: normal;
}

div#wb-toplinks { }
div#wb-toplinks div#n1 { left:0px; width:132px; }
div#wb-toplinks div#n2 { left:132px; width:155px; }
div#wb-toplinks div#n3 { left:287px; width:85px; }
div#wb-toplinks div#n4 { left:372px; width:95px; }
div#wb-toplinks div#n5 { left:467px; width:125px; }
div#wb-toplinks div#n6 { left:592px; width:120px; }
div#wb-toplinks a { color:#000; font-size:12px; font-weight:bold; text-decoration:none; }
div#wb-toplinks a:hover { color:#1759a1; }

a.language { font-family:Arial,sans-serif; font-size: 10px; text-decoration: none; padding-bottom: 4px; color: #0099CC; }
a.language:visited { font-family:Arial,sans-serif; font-size: 10px; text-decoration: none; padding-bottom: 4px; color: #0099CC; }
a.language:active { font-family:Arial,sans-serif; font-size: 10px; text-decoration: none; padding-bottom: 4px; color: #0099CC; }
a.language:hover { font-family:Arial,sans-serif; font-size: 10px; text-decoration: none; padding-bottom: 4px; color: #0099CC; }
.videopanel {
	margin: 12px;
	float: right;
	width: 325px;
}

div.infobox {
background-color: #EEEEEE;
border-bottom: thin solid #000000;
border-top: thin solid #000000;
}