@charset "utf-8";
/* CSS Document */

*{
/* Block all browser default margins and padding */
  margin:0;
  padding:0;
 font-family: verdana, Arial, Helvetica, sans-serif;
  /* Temporary borders */

/*  CLASSIC COLOURS FOR FONTS: Light Grey - B1AFA8
  								gold - F0D15E
								taupe - 7B7255
  */
}

body{
	background: #fff;
 text-align:center;
 color: #000;
 }
 

  /* Make branding a positioned element, but don't move it */
#branding{
 font-family: verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
width: 100%;
background: #000 url("images/cc_pattern.jpg") repeat-x;
height: 4.4em;
  top: 0;
  left: 0;
  text-align:left;
} 
 
#logo {
	float:left;
	width: 37em;
	top: 0;
	left: 15px;
	position: absolute;
	text-align:left;
	}

#links {
	float:right;
	width: 45em;
	top: 0px;
	position: absolute;
	right: 10px;
text-align:right;
  font-size: 14px;
	}
#links ul{
	position: relative;
}
#links ul li {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
float:right;
display:block;
list-style-type:none;
}

#links ul li a{
color: #B1AFA8;
text-decoration:none;
}

#links ul li a:link{
color: #B1AFA8;

text-decoration:none;
}

#links ul li a:hover{
color: #fff;
text-decoration: none;
background: url(images/CCbullet.jpg) no-repeat -3px 4px; 
}





/* Absolutely position links in the branding division */
#branding, #links a{
	position:relative;
	text-decoration:none;
	color:#B1AFA8;
}
#footer a{
	position:relative;
	text-decoration:none;
	color:#B1AFA8;
	font-size:0.95em;

}

/* Unvisited and visited links in branding bar */
#branding a:link, #links a:link, #footer a:link, #branding a:visited, #links a:visited,  #footer a:visited{
  color:#7B7255;
}

/* Hover links in branding bar */
#branding a:hover, #links a:hover,  #footer a:hover{
  color:#F0D15E;
  text-decoration: underline;
}

/* Active link in branding bar */
#branding a:active, #links a:active #footer a:active{
  color:#7B7255;
}



/* NEW NAV BAR */
#nav{
float:right;
	width: 45em;
	top: 0px;
	position: absolute;
	right: 0px;
text-align:right;
  font-size: 12.5px;  
}

ul#nav {
	position: absolute;
	top: 10px; /*this is to move it up */
	list-style-type:none;
	z-index:100;
	height: 30px;
  /*	left: 19px;
 border:1px solid #fff;
 border-bottom:1px solid #fff;*/
 }

/* Level 1 Nav */
 ul#nav li {
   list-style-type:none;
	background:none;
	float:left;
	font-size:12.5px;
 	margin:0;
    z-index:100;
	}

  ul#nav li a {
color: #B1AFA8;
	float:left;
padding-left: 7px;
 text-decoration:none;
	 z-index:100;
}


/* Level 2 (Dropdown) Nav */
  ul#nav li ul {
  text-align:left;
	background:#fff;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;	
	clear:left;
	cursor:pointer;	
	display:none;
	margin-left:-1px;	
	position:absolute;	
	top: 30px;
	z-index:100;
color:#000;  
}

 ul#nav li em a {
	color:#000; 
	font-style:normal; 
}

 d ul#nav li em a:hover { color:#444; }

  ul#nav li .seperator { 
	border-bottom:1px solid #90adc5; 
	margin-bottom:1px;
	padding-bottom:1px; 
}

 ul#nav li:hover ul { display:block; }

 ul#nav li ul li {
	clear:left;
	cursor:pointer;
	font-size:0.846em;
	font-weight:bold;
	padding:0;	
}

 ul#nav li {
	border-left:none;
	margin-left:0;
}

 ul#nav li ul li img { margin-left:7px; }
 
 ul#nav li a:hover,  ul#nav :hover > a {
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	/*background:#000;*/
}

 ul#nav li ul li a,  ul#nav li ul a:hover {
	color:#000; 
	background:#fff;
	border:none;
	line-height:normal;
	height:auto;
	min-width: 120px;	
	padding:7px 15px;
	
}

 ul#nav li ul li a:hover { background:#eee url(images/pointer.gif) no-repeat 6px 8px; }
 ul#nav li ul li a:link { min-width:120px;   }
 ul#nav li ul li a.first { padding-top:10px; }
 ul#nav li ul li a.last { padding-bottom:10px; }

 ul#nav li ul li a:hover  {
	cursor:pointer;
	color:#f00;
	text-decoration:none;
	min-width: 120px;
	background:#eee;
}

 ul#nav li ul :hover > a { background:#ffe;  }
 ul#nav .extrapad { padding:7px 15px; }


/* end of navigation */





 #wrapper{
 width: 99%;
 margin: 0;
 position: relative;
 text-align:center;
 height: 100%;
}

#leftcol{
text-align: center;
height: 50%; 
position: relative; 
top: 6em; 
float: left;
/*width: 327px;*/
width: 30%;
display:block;
}

#centercol{
text-align: center;
height: 471px; 
float: left;
position: relative;  
width: 40%;
top: 2em; 
display:block;
}

#rightcol{
text-align: center;
height: 50%; 
position: relative; 
top: 2em; 
float: right;
display:block;
width: 27%;
margin-right: 2px;
}


#SearchForm{
position:absolute;
display: block;
right: 10px;
top: 5.5em;
height: 3em;
width: 14em;
/*border: #f00 solid 1px;*/
font-size: 10px;
text-align: right;
}
.Searchfrm {font-size: 10px;}

#bottom_links{
width: 100%;
position: relative;
clear:both;
text-align: center;
font-size: 0.70em;
padding-top: 20px; 
}
#bottom_links a:link{
  color:#444;
    text-decoration: none;
}

/* Hover links in branding bar */
#bottom_links a:hover{
  color:#F0D15E;
  text-decoration: underline;
}

/* Active link in branding bar */
#bottom_links a:active{
  color:#7B7255;
    text-decoration: underline;
	}

/* style for the JAVASCRIPT drop-down menu */
#dropmenudiv{
position:absolute; 
top: 170px;
border:1px solid #aaa;
border-bottom-width: 0;
text-align: left;
font-size: .75em;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
color: #777

}

#dropmenuttl a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #444;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
font:bold; color: #ffffff;
background-color: #ffe;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #eee;
font: bold; 
color: #f00;
}