<!-- Standard Formatting CSS -->

div.container
{
	width:852px;
	margin:0px;
	border:1px solid #3060A0;
	line-height:150%;
	font-size:12.0pt;
	font-family:"Times New Roman", serif;

}

div.header
{
	padding:0em;
	margin:0px;
	clear:left;
	background:		url(/cccw/images/sky.jpg);
	color:			white;
	width:			100%;
	height:			6em;
}

img.BillyJack
{
	position:absolute; 
	top:1.2em;
	border:2px solid white;
	margin-left:710px;
	width: 120px;
}

p.Impact
   { 
	margin-left:1em;
	margin-top:0.7em;
	color:black;
	font-size:30pt;
	font-family : Impact, Arial;
   }

span.whitefont
{
   color:white;
}

p.HomeLinks
{
	color: white;
	margin-left:22em;
	margin-top:-0.5em;
	margin-bottom:0em;
	font-size:10.0pt;
	font-family: arial, helvetica, sans-serif;
}

p.Copyright
{
	color: white;
	margin-left:2em;
	margin-top:0em;
	font-size:10.0pt;
	font-family: arial, helvetica, sans-serif;
}

p.HomeLinks a:link 
{
	COLOR: white;
	font-weight:bold;
	text-decoration:none;
}
p.HomeLinks a:hover 
{
	COLOR: red;
	font-weight:bold;
	text-decoration:underline;
}

p.HomeLinks a:visited 
{
	COLOR: white;
}

div.footer
{
	padding:0em;
	color:white;
	background-color:#3060A0;
	clear:left;
}
h1.header
{
	padding:0;
	margin:0;
}
div.left
{
	float:left;
	width:160px;
	margin:0;
	padding:1em;
}
div.content
{	
	margin-left:0px;
	margin-top:0px;
	border-left:20px solid #3060A0;
	padding:1em;
}

/* Dropdown Menu Formatting */

#MenuBar
{
	/* COntainer for the drop down menu bar */
	width: 850px;
	background: #3060A0;
	font-size:10.0pt;
	font-family: arial, helvetica, sans-serif;
}

#MenuItems a 
{
	/* Formats the list as a menu */
	display: block;
	width: 5em;
	color: white;
	white-space: nowrap;
	text-decoration: none;
	padding: .15em 2em;
}

#MenuItems li.boxed
{
	/* puts a box on three sides.  */
	border-top:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}
#MenuItems a.daddy 
{
	/* Puts a right arrow for when there is a lower level menu */
	background: url(/cccw/images/navy_right_arrow.gif) center right no-repeat;
}

#MenuItems a:hover
{
	/* Static links at head of dropdowns */
	color:red;
	background-color:#60C0f0;
	text-decoration:underline;
}

#MenuItems li 
{
	float: left;
	padding: 0;
	width: 5em;
	display: in-line;	
}

#MenuItems li ul 
{
	/* This makes the box leap to the left */
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	color: white;
	background-color: #60C0f0;
}

#MenuItems li li {
	padding-right: 1em;
}

#MenuItems li ul a {
	width: 9em;
}

#MenuItems li ul a:hover {
{
	/* Drop down list links */
	text-decoration:underline;
	COLOR: red;
}

#MenuItems li ul ul 
{
	/* This makes third level boxes offset to the right and be slightly higher */
	margin: -1.75em 0 0 18em;
}

#MenuItems li:hover ul ul, 
#MenuItems li:hover ul ul ul, 
#MenuItems li.sfhover ul ul, 
#MenuItems li.sfhover ul ul ul 
{
	/* keeps lower levels out of sight when not wanted */
	left: -999em;
}

#MenuItems li:hover ul, 
#MenuItems li li:hover ul, 
#MenuItems li li li:hover ul, 
#MenuItems li.sfhover ul, 
#MenuItems li li.sfhover ul, 
#nav li li li.sfhover ul 
{
	/* Brings them into sight and colors them	*/
	left: auto;
	background-color: #60C0f0;
	border:1px solid #3060A0;
}

#MenuItems li:hover, 
#MenuItems li.sfhover 
{
	COLOR: red;
}

/* End of Styles */