/* CA Structure CSS Document */

body, html{
	margin:0;
	padding:0;}
	
#cb{
	clear:both;}
	
body{
	background:#17354b url(images/background-mainblue02.jpg) center top no-repeat;
	font-family:Lucida Sans, Trebuchet MS, Verdana, sans-serif;
	color:#fff;
	font-size:9pt;}
	
#yellowTop{
	background:url(images/background-yellowtop02.jpg) left top repeat-x;
	border-bottom:3px solid #fff;
	width:100%;
	height:10px;}
	
/* --------------------------------------------------------------------------------------------- HEADER & NAVIGATION --- */
#header{
	width:920px;
	margin:0 auto;}
	
#navigationContainer{
	width:960px;
	margin:0 auto 8px auto;
	padding:0 20px 0 10px;
	text-align:center;
	font-family:Times New Roman, Times, serif;
	z-index:20;}
	
/* ------------------------------------------------------------------------- DROPS: Main --- */
#drops ul{
	padding:0;
  	margin:0;
  	list-style:none;
	z-index:15;}
	
#drops li{
  	float:left;
	width:auto;
  	position:relative;
  	margin:0;
  	list-style:none;}
	
#drops h2{
  	color:#fff;
	text-decoration:none;
	font-size:18px;
  	font-weight:lighter;
	margin:0;
	padding:0 9px 10px 9px;
	text-shadow:#000 0px 0px 5px; /* CSS3: color x y blur */}
	
#drops h2 a:link{
  	color:#fff;
	text-decoration:none;}
	
#drops h2 a:visited{
  	color:#fff;
	text-decoration:none;}
	
#drops h2 a:hover{
  	/*color:#ffd35f; /* YELLOW */
	color:#ba9e32; /* GOLD */
	text-decoration:none;
	border-bottom:5px solid #ba9e32;
	padding-bottom:2px;}
	
#drops h2 a:active{
  	/*color:#ffd35f; /* YELLOW */
	color:#ba9e32; /* GOLD */
	text-decoration:none;
	border-bottom:5px solid #ba9e32;
	padding-bottom:2px;}
	
#drops h2 a.selected{
  	/*color:#ffd35f; /* YELLOW */
	color:#ba9e32; /* GOLD */
	text-decoration:none;
	border-bottom:5px solid #ba9e32;
	padding-bottom:2px;}
	
/* ------------------------------------------------------------------------- DROPS: Second --- */
#drops li ul{
  	display:none;
  	position:absolute; 
  	top:10px;
  	left:auto;
	z-index:10;}
  
#drops li > ul{
	top:21px;
	left:8px;}
	
#drops li:hover ul, li.over ul{
	display:block;
	width:241px;
	background:#000;
	font-size:8pt;
	border-top:1px dotted #fff;
	padding-top:0;
	border-top:5px solid #ba9e32;
	border-bottom:5px solid #ba9e32;
	font-family:Lucida Sans, Trebuchet MS, Verdana, sans-serif;}
	
#drops li:hover ul a, li.over ul a{
	padding:8px 4px 6px 7px;
	text-decoration:none;}
	
#drops li:hover ul li a, li.over ul li a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	display:block;
	border-bottom:1px dotted #fff;
	width:230px;
	text-align:left;}
	
#drops li:hover ul a.visited, li.over ul a.visited{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:230px;
	text-align:left;}
	
#drops li:hover ul a:hover, li.over ul a:hover{
	/*color:#ffd35f; /* YELLOW */
	color:#ba9e32; /* GOLD */
	background:#2e5473; /* BLUE */
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:230px;
	text-align:left;}
	
#drops li:hover ul a.active, li.over ul a.active{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:230px;
	text-align:left;}
	
/* --------------------------------------------------------------------------------------------- YELLOW LINES --- */
#yellowLines{
	width:100%;
	height:2px;
	/*background:#ffd35f; /* YELLOW */
	background:#ba9e32; /* GOLD */
	margin:0 auto;
	padding:0;}
	
/* --------------------------------------------------------------------------------------------- CONTENT CONTAINER --- */
#contentContainer{
	width:920px;
	margin:5px auto 10px auto;}
	
/* ------------------------------------------------------------------------- FLOATS --- */
#leftCol{
	width:640px;
	float:left;
	margin:0 auto;
	padding:4px 5px;}
	
#rightCol{
	width:260px;
	float:right;
	margin:0 auto;
	padding:4px 5px;}
	
#wide{
	width:900px;
	margin:0 auto;
	padding:4px 5px;}
	
/* ------------------------------------------------------------------------- BOXES --- */
#boxesContainer{
	width:910px;
	margin:10px auto 10px auto;}
	
#box01{
	width:226px;
	float:left;
	margin:0 auto;
	padding:0;
	background:black;
	height:200px;}
	
#box02{
	width:226px;
	float:left;
	margin:0 0 0 2px;
	padding:0;
	background:black;
	height:200px;}
	
#box03{
	width:226px;
	float:right;
	margin:0 auto;
	padding:0;
	background:black;
	height:200px;}
	
#box04{
	width:226px;
	float:right;
	margin:0 0 0 2px;
	padding:0;
	background:black;
	height:200px;}
	
/* --------------------------------------------------------------------------------------------- FOOTER CONTAINER --- */
#footerContainer{
	width:920px;
	margin:15px auto 5px auto;
	text-align:center;
	font-size:8pt;}
	
#footerContainer ul{
	padding:0;
  	margin:0;
  	list-style:none;
	z-index:15;}
	
#footerContainer li{
  	float:left;
	width:auto;
  	position:relative;
  	margin:0;
  	list-style:none;}
	
#footerContainer h2{
  	color:#fff;
	text-decoration:none;
	font-size:10pt;
  	font-weight:lighter;
	margin:0;
	padding:0 53px 10px 53px;
	text-shadow:#000 0px 0px 5px; /* CSS3: color x y blur */
	text-transform:uppercase;}
	
#footerContainer h2 a:link{
  	color:#fff;
	text-decoration:none;}
	
#footerContainer h2 a:visited{
  	color:#fff;
	text-decoration:none;}
	
#footerContainer h2 a:hover{
  	/*color:#ffd35f; /* YELLOW */
	color:#ba9e32; /* GOLD */
	text-decoration:none;}
	
#footerContainer h2 a:active{
  	/*color:#ffd35f; /* YELLOW */
	color:#ba9e32; /* GOLD */
	text-decoration:none;}