/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~ USED COLORS ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
dark blue: #336699
light blue: #99ccff
very light blue: #deeefb;
dark green: #999900
light green: #cccc33
*/

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGE LAYOUT  ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body { margin:0; padding:0; height:101%; }
body { background:#ffffff url('../_images/layout/bgbody.gif') no-repeat right top;	font:0.8em verdana, arial, helvetica, sans-serif; }
body { color:#000000; }
a { color:#999900; }
a:visited { color:#999900; }
a:hover { color:#cccc33; }

.clear {
	clear:both;	
}

/* ~~~~~~ MAKE FIXED WITDH ~~~~~~ */
/* (Comment out to make site layout liquid) */
#page { 
	width:980px; 
	margin:0 auto;
	position:relative;
	background:#ffffff url('../_images/layout/bgbodyfixed.gif') no-repeat center top;
}
#columnLeft {
	left:0 !important;	
}
#columnRight {
	right:0 !important;	
}
#columnContent {
	margin:0 190px 20px 170px !important;
}
/* ~~~~~~ END FIXED WITDH ~~~~~~ */



/* Header */
#barHeader {
	background-image:url('../_images/layout/top1.jpg');
	background-repeat:no-repeat; background-position:left 20px;
	background-color:#deeefb;
	border-top-color: #336699; 
	height:120px; overflow:hidden;
	border-top-style:solid;
	border-top-width: 20px;
	margin-bottom:30px;
}
	a#logo {
		display:block;
		width:203px; height:71px; overflow:hidden; text-decoration:none;
		padding:35px 0 0 10px;
	}

/* Columns */
#columnContent, #columnLeft ,#columnRight { 
	min-height:2000px; height:auto !important; height:2000px;
}
#columnContent {
	position:relative; z-index:3; /* to overlap the right menu in narrow windows. */
	width:auto;
	min-width:120px;
	margin:0 210px 20px 190px;
	padding:0 25px 30px 25px;
	border-right:solid 1px #99ccff;
}
#columnLeft {
	position:absolute;
	top:170px;
	left:20px;
	padding:0 0 30px 0;
	z-index:4;
	width:170px;
	background:#deeefb url('../_images/layout/bgcolleft2.jpg') no-repeat left bottom;
	font-size:11px;

}
  
	#columnLeft ul {
		list-style:none;
		margin:0; padding:0;
	}
	#columnLeft ul li {
		padding:0 0 15px 0;
	}
#columnLeft div {
	background:Transparent url('../_images/layout/bgcolleft1.jpg') no-repeat left top;
	padding:10px;
}
#columnRight {
	position:absolute;
	top:170px;
	right:20px;
	padding:0 0 30px 0;
	z-index:1;
	width:170px;
	font-size:11px;

}

/* Footer */
#barFooter {
	width:auto;
	margin:0;
	padding:5px 0 0 0;
	overflow:hidden;
	height:25px;
	text-align:center;
	background-color:#336699; 
	color:#ffffff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ TOP MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#topMenu {
	position:absolute;
	left:0; top:20px;
	width:100%; height:20px;
	background-image:url('../_images/layout/bgmenu1.gif');
	background-color:#99ccff; color:#ffffff;
	z-index:10000;
}
	
	#topMenu a { color:#ffffff; }
	#topMenu a:hover { color:#ffffff; }
	#topMenu a:visited { color:#ffffff; }
	#topMenu ul li ul li a { color:#336699 !important; }
	#topMenu ul li.selected a { color:#cccc33; }
	#topMenu ul ul li.selected a { color:#cccc33 !important; }

	#topMenu ul {
		list-style:none; margin:0; padding:0 0 0 35px; width:950px;
	}
	#topMenu ul li {
		float:left; padding:0 30px; margin:0; position:relative;
		background:none;
	}
	#topMenu ul li a {
		position:relative;
		display:inline-block;
		text-decoration:none; outline:none;
		font-weight:bold; 
		font-size:14px;
	    height:20px;
	    padding:0 10px;
	    margin:0;
	    text-align:center;
	    background:Transparent url('../_images/menudivider.png') scroll no-repeat left bottom;
		white-space:nowrap;
	}
	
/* Drop Downs */
#topMenu ul ul {
	width:auto;
	position:absolute; left:32px; top:23px; 
	background:#ffffff;
	border:solid 1px #336699;
	list-style:none; padding:10px; margin:0;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	display:none;
}
	#topMenu ul ul li {
		float:none; position:static; padding:2px 0; background:none;
	}
	#topMenu ul ul li a {
		display:block;
		text-transform:none;
		font-weight:normal;
		height:auto;
		font-size:12px;
		line-height:normal;
		padding:0;
		margin:0;
		text-align:left;
		background:none;
		padding:3px 0;
	}
	#topMenu ul ul li a:hover {
		text-decoration:underline;
	}
	
	
div#subMenu {
	background:none; padding:0; margin:0;
}
	#subMenu ul {
		list-syle:none;
		font-size:1.1em;
		border-top: 1px dotted #336699;
		border-bottom: 1px dotted #336699;
		padding:20px 0 8px 0;
		margin:10px 0 20px 0;
	}
	#subMenu ul li {
		padding:0 0 10px 0; margin:0; float:none;
		position:relative;
	}
	#subMenu ul li a {
		text-decoration:none;	
		color:#336699;
	}
	#subMenu ul li a:hover {
		text-decoration:underline;
	}
		#subMenu ul ul {
			margin:5px 0 0 10px;
			padding:10px; border:none;
			font-weight:normal;
			display:none;
			position:absolute;
			left:140px;
			top:-15px;
			z-index:9999;
			background:#ffffff;
			border:solid 1px #336699;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;	
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#subMenu ul ul li {
			padding:4px 0;
			width:200px;
		}
		#subMenu ul li.selected a { color:#cccc33; }
		#subMenu ul ul li a { color:#336699 !important; }
		#subMenu ul ul li.selected a { color:#cccc33 !important; }
		
		

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul, ol, p, h1, h2, h3, h4, h3, h6 {
	margin-top:0;	
}

h1 { font-size:150%; margin-bottom:25px; color:#999900;}
h2 { font-size:120%; margin-bottom:20px; color:#336699;}
h3 { font-size:100%; margin-bottom:20px; color:#336699;}
h4 { font-size:100%; margin-bottom:20px; font-weight:normal; font-style:italic; color:#336699;}
h5 { font-size:90%; margin-bottom:20px; color:#336699;}
h6 { font-size:90%; margin-bottom:20px; color:#336699;}

p {
	margin-bottom:20px;
} 

ul, ol {
	margin-bottom:20px;	
}

img {
	border:none; outline:none;	
}

hr {
	border: none 0;
	width: 100%;
	height: 1px;
	border-top: 1px dotted #336699;
	margin:7px 0 20px 0;
	clear:both;
}

/* Specific */
#earth {
	float:left;
	padding:0 20px 10px 0;
}

.right {
	float:right;
	margin:5px 2px 5px 20px;
}
.left {
	float:left;
	margin:5px 20px 5px 2px;
}