/* 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;
}

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;
}
p {
	font-family: Arial,sans-serif;
	font-weight: normal;
}

body {
	background-color: #FFFFCC;
}

#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.rounded(@radius: 5px) {   
    -moz-border-radius: 	@radius;   
   -webkit-border-radius: 	@radius;   
    border-radius: @		radius;   
} 

#main
{
	position: relative;
	width:		100%;
	clear:		both;
}

#menu
{
	background-color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position: 	absolute;
	z-index: 	80;
	width:		15%;
	top:		0px;
	height:		400px;
}

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


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

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