/* mc.css - CSS for MindCapers.com
 * Hand coded by Julie McClure Campbell
 * Feel free to borrow, or contact me at julie@mindcapers.com for customization requests.
 * For a decent online CSS reference, I suggest: http://www.w3schools.com/Css/css_reference.asp
 * For web-safe color codes, I suggest: http://html-color-codes.com/
 */

/* Sets information common to the entire page */
body
{
	background: #FFFFCC;
}

/* Main Title, use only once per page */
h1 {
	color: #342D7E;
	font-size: xx-large;
	font-family: Arial,sans-serif;
}

p {
	font-family: Arial,sans-serif;
	font-weight: normal;
}
h2 {
	color: #E0FFFF;
	font-size: 18;
	font-family: Arial,sans-serif;
}
h3 {
	color: #E0FFFF;
	font-size: 16;
	font-weight: bold;
	font-family: Arial,sans-serif;
}
a:link {
	color: #009966;
	font-family: Arial,sans-serif;
}
a:visited {
	color: #009966;
	font-family: Arial,sans-serif;
}
a:active {
	color: #66CCFF;
	font-family: Arial,sans-serif;
}
a:hover {
	color: #FF0066;
	font-weight: bold;
	font-family: Arial,sans-serif;
}

body {
	background-color: #FFFFCC;
}

div.banner 
{	position:absolute; 
	top:0px; 
	margin-left: 5%;
	vertical-align: middle;
	height:80; width:90%; 
	background-color:  #6699CC;
	z-index:		100;
}
.banner h1 { color: #FFFFCC; text-align: center; }

div.main 
{
	background-color: #CCFF99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #3333CC;
	/*border: #3333CC;
	border-left-width: medium;*/
	margin: 7px 7px 7px 7px;
	position: absolute;
	left: 20%;
	top: 120px;
	width: 80%;
	z-index: 90;
}

/* Information for the Menu div */
div.menu
{
	background-color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position: 	absolute;
	z-index: 	120;
	width:		15%;
	top:		120px;
	height:		400px;
}

div.menu a:link 		{	color:	#FFFFCC;	}
div.menu a:active	{	color:	#FFFFCC;	}
div.menu a:visited	{	color:	#FFFF99;	}
div.menu a:hover	{	color:	#FF0066; font-weight: bold;	}

/* Info div configuration */
div.info
{
	position: 	absolute;
	bottom:		-50px;
	right:		0;
	height:		50px;
	z-index:		95;
	text-align:	right;
	color:		#6699CC;
}

/* From WFA Proposal 
	body
	{
		background: #f0f0f0;
	}
	
	div.menublock 
	{
		position: absolute;
		top: 100px;
		z-index: 85;
		text-align: center;
		width: 100%;
	} 

	div.menublock2
	{
		position: absolute;
		top: 170px;
		z-index: 85;
		text-align: center;
		width: 100%;
	} 

	div.leftpad 
	{
		position:absolute; 
		width:5%; 
		z-index:99; 
		height:100%; 
		top:0px; 
		left:0px; 
		**background-image: url(trans.gif);**
		background:#c0c0c0;
	}
	
	div.rightpad 
	{
		position:absolute; 
		width:5%; 
		z-index:99; 
		height:100%; 
		top:0px; 
		right:0px; 
		**background-image: url(trans.gif);**
		background:#c0c0c0;
	}
	
	div.banner 
	{	position:absolute; 
		top:0px; 
		margin-left: 5%;
		color:red; z-index:80; background-color:yellow; height:120; width:90%; 
		background:  url(images/oldwfa.bmp) no-repeat scroll;
	}
	
	div.menu 
	{
		position:relative; 
		top:0px; 
		margin-left:auto; 
		margin-right:auto;
		z-index:90; 
		height: 60px; 
		width: 730px;
	}

	div.menu2 
	{
		position:relative; 
		top:0px; 
		margin-left:auto; 
		margin-right:auto; 
		z-index:90; 
		height: 60px; 
		width: 584px;
	}
	
	div.footer 
	{
		position:absolute; 
		bottom:0px; 
		margin-left:5%; 
		width=90%; 
		height:50px; 
		z-index:80; 
		text-align:center; 
		font-family:Arial,sans-serif;
		font-size:12;
		color:navy; 
	}

	div.address 
	{
		position:relative; 
		top:250px; 
		z-index:95; 
		color:navy; 
		font-family:Arial,sans-serif; 
		font-weight:bold; 
		font-size:18; 
		text-align:center;
	}
	
	div.logos
	{
		position:relative; 
		margin-left:5%; 
		height:300px; 
		top:250px;
		color:green; 
		z-index:80; 
		text-align:center;
	}	 
	
	.cssnav
	{
		position: relative;
		float: left; 
		font-family: arial, helvetica, sans-serif;
		background:  url(overbtn.jpg) no-repeat scroll 5px 0px;
		white-space: nowrap;
		display: block;
		width: 136px;
		height: 60px;
		margin: 0px;
		padding-left: 5px;
		padding-right: 5px;
	}

	
	.cssnav a
	{
		position: relative;		
		float: left; 
		color: #000000;
		font-size: 16px;
		width: 136px;
		height: 60px;
		color: white;
		text-decoration: none;
		background: no-repeat;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.cssnav a:hover 
	{
		position: relative;		
		display: block;		
		float: left; 
		width: 136px;
		height: 60px;
		border: 0
		color: #ffffff;
	}

	.cssnav img
	{
		width: 136px;
		height: 60px;
		left: 0px;
		border: 0
	}
	
	* html a:hover
	{
		visibility:visible
	}

	.cssnav a:hover img
	{
		visibility:hidden
	}

	.cssnav span
	{
		position: absolute;
		left: 0px;
		top: 10px;
		width: 136px;
		height: 60px;
		margin: 0px;
		cursor: pointer;
		text-align: center;
		font-size: 16;
	} 
*/