/******************************************
TITLE:		style.css
AUTHOR:		kbk
DATE:		4-28-06
PURPOSE:	CSS Style sheet for CCFA
*******************************************/

body {
	background-image: url(../images/expanding_bg.jpg);
	background-color: #fff1b0;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
}

img {
	border: 0em;
}

.content {
	margin-left: 150px;
	margin-top: 65px;
	margin-right: 20px;
	color: #38555A;
	font-family: arial, veranda, tahoma;
	font-size: 80%;
	line-height: 110%;
	font-weight: 200%;
	z-index: 500;
}

.title {
	color: #38555A;
	font-family: arial, veranda, tahoma;
	font-size: 250%;
	font-weight: bold;
	z-index: 500;
}

.sub {
	color: #39565C;
	font-family: arial, veranda, tahoma;
	font-size: 120%;
	font-weight: bold;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.arrow {
	vertical-align: top;
}

.center {
	text-align:center;
}

li.square {
	list-style-image:url(../images/bullet.gif);
	line-height: 150%;
	}
	
li.new {
	list-style-image:url(../images/bullet3.gif);
	line-height: 150%;
}

li.cupcake {
	list-style-image:url(../images/mini_cupcake.gif);
	line-height: 150%;
}

a.body:link {
	color: #38555A;
	font-family: arial, veranda, tahoma;
	font-size: 100%;
	line-height: 110%;
	font-weight: 200%;
	text-decoration:underline;
}

a.body:visited{
	color: #38555A;
	font-family: arial, veranda, tahoma;
	font-size: 100%;
	line-height: 110%;
	font-weight: 200%;
	text-decoration:underline;
}


a.body:hover {
	color: #FFCC00;
	font-family: arial, veranda, tahoma;
	font-size: 100%;
	line-height: 110%;
	font-weight: 200%;
	text-decoration:underline;
}

.ipg {
	font-family: arial, veranda, tahoma;
	font-size:80%;
}

a.body_ipg:link {
	color: #38555A;
	font-family: arial, veranda, tahoma;
	font-size: 90%;
	font-weight: 200%;
	text-decoration:underline;
}

a.body_ipg:visited {
	color: #38555A;
	font-family: arial, veranda, tahoma;
	font-size: 90%;
	font-weight: 200%;
	text-decoration:underline;
}


a.body_ipg:hover {
	color: #FFCC00;
	font-family: arial, veranda, tahoma;
	font-size: 90%;
	font-weight: 200%;
	text-decoration:underline;
}










/* -------------------------------------------------------------------- */
/* 		These classes make up the liquid banner			*/
/* -------------------------------------------------------------------- */
.col1 {  /* UPPER LEFT BANNER */
	display: inline;
	positon: absolute;
	left; 0px;
	z-index: 100;
	visibility: visible;
}


.col3 { /* CENTER BANNER */
	position: absolute;
	right: 33%;
	z-index: 90;
	top:0px;
	display: inline;  
	visibility: visible;
}


.col5 { /* RIGHT SIDE BANNER */
	display: inline; 
	position: absolute;
	top:0px;
	right:0px;
	z-index: 80;
	visibility: visible;
}	


.bottom_banner {
	position:absolute;
	left: 0px;
	top: 64px;
	z-index: 100;
	visibility: visible;
}



/* -------------------------------------------------------------------- */
/* 		CSS CODE FOR THE JAVASCRIPT MENUS 			*/
/* -------------------------------------------------------------------- */

.clCMEvent {
	LEFT: 0px; 
	VISIBILITY: visible; 
	WIDTH: 99%; 
	CLIP: rect(0px 100% 100% 0px); 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 99%;
}
.clCMAbs {
	LEFT: 0px; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	TOP: 0px;
}
.clBar {
	VISIBILITY: hidden; /* change to hidden is the real fix */ 
	WIDTH: 10px;   
	POSITION: absolute;
	HEIGHT: 10px; 
	BACKGROUND-COLOR: #fff1b0;  /* COLOR OF BOX BORDER - LIGHTER YELLOW */
}

/* ...LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT.... */

/* this gives a border to the top level nav.  */
/*Styles for level 0*/
.clLevel0,.clLevel0over {
	position:absolute; 
	padding:3px; 
	font-family:arial; 
	font-size:11px; 
	font-weight:bold;
}

.clLevel0 {
	background-color:#ffde43; /* BACKGROUND COLOR FOR THE BOX ITSELF - DARKER YELLOW */
	color:#4a6f78;    /* FONT COLOR - BLUE */
}

.clLevel0over {
	background-position:100% 0%; 
	background-color:#FFFFFF; 
	layer-background-color:#FFFFFF; 
	color:#FFCC00; /* original yellow #FFCC00  */
	cursor:pointer; 
	cursor:hand; 
	background-repeat: no-repeat; 
} 

.clLevel0border {
	position:absolute; 
	visibility:visible; 
	border-color:#FFCC00; 	/* original yellow #FFCC00  */
	boder-style:solid; 
	border-width:thick;
}  


/*Styles for level 1 */
.clLevel1, .clLevel1over {
	position:absolute; 
	padding:5px; 
	font-family:arial; 
	font-size:11px; 
	font-weight:bold;
}

.clLevel1 {
	background-color:#fff1b0; 
	color:#4a6f78; /* 224193 */
}

.clLevel1over {
	background-position:100% 0%; 
	background-color:#FFFFFF; 
	layer-background-color:#FFFFFF; 
	color:#4a6f78;   /* FFCC00 */
	cursor:pointer; 
	cursor:hand; 
	background-repeat:no-repeat; 
}
 
.clLevel1border {
	position:absolute; 
	visibility:visible; 
	border-color:#FFCC00; 
	border-style:solid;
	border-width:thick; 
}