html { min-height: 100%; margin-bottom: 1px; }

body{
background-color: #333333;
color: #C5A24A;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size:100%;
}

#wrapper{
width: 770px;
background-color: #000000;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
}

#banner{
	height: 70px;
	background-image: url(../images/CDD-banner.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#image-slice{
	height: 100px;
	background-image: url(../images/Frangipani.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#printlogo{
	display: none;
}

ul, li {padding: 0; margin: 0;}



/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {
	width: 100%;
	background: #C5A240;
}

.nav ul {
	background: #C5A240;
}

.nav li {list-style: none;} /* removes list bullets */

.nav ul li:hover {
	background: #9c690f;
} /* hover color effect on nav links */

.topnav {
	width: 100px;
	float: left;
}

.floatfix {margin-right: -3px;}

.parent {position: relative;}
	
/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 100px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background: url(../test/CssFiles/images/bgfix.gif);
}
	
.dropdown ul { 
	width: 100px; /* tweaked so that dropdowns appear to "line up" with top links */
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
} 
	
.topnav:hover div.dropdown {left: -30px;} /* hover rule for dropdowns: the extra pixel makes 
dropdowns "line up" with top links */ 

/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

.nav a {
	color: #000000;
	font-size: 70%;
	text-decoration: none;
	padding: 3px 0 2px 10px;
	display: block;
} 

.dropdown li {vertical-align: bottom;} /* IE5/win bugfix */
												
.dropdown li:hover {background: #FF9900;} /* hover color effect on dropdown links */

.nav div div a {
	ul li:hover {background: #996600;}
}

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .topnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html .nav a {height: 1%;}
/* */
/* The first 2 rules above fix "bullet region" problems in IE5.x/win, and the second is to make 
all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/* The following shows to IE5/Mac only */
/*\*/ /*/
.nav .dropdown {width: 189px;}
.nav .topnav .dropdown ul {margin: 0px;}
.nav .dropdown {position: static;}
.nav .dropdown ul {border: 0;}
/* this rule block "dumbs down" the nav for IEmac */

#content{
min-height: 300px;
}

#content p{
font-size: 75%;
margin-left: 40px;
margin-right: 40px;
}

/* LINKS -------------------------------------------------------------------------------------- */
a {
	color: #960; /* Sets color of links. */
}


#content ul{
padding: 0;
margin: 0;
 }
 
#content ul li{
	font-size: 75%;
	margin-left: 40px;
	margin-right: 40px;
	list-style-position: inside;
	list-style-type: circle;
}

#content h1{
font-size: 110%;
color: #996600;
padding: 0;
margin: 20px 40px 20px 40px;
}

#content h2{
font-size: 80%;
color: #996600;
padding: 0;
margin: 20px 40px 20px 40px;
}

#content table{
font-size: 75%;
margin: 0 40px 0 40px;
}

.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin-left: 15px;
border: 1px solid #000000;
width: 150px;
}

.clearit{
clear:both;
display:block;
}

hr {
clear: both;
visibility: hidden;
}

#footer{
border-top: 1px solid #C5A24A;
background-color: #000000;
}

#footer p{
padding: 10px;
margin: 0;
font-size: 70%;
color:#C5A24A;
}