/*  Grey css */

/* Layout Section */
body {
}
#frame {
	margin: 10px 10%;
}
#header {
	padding: 0.6em;
}
#leftColumn {
	float: left;
	width: 200px;
}
#rightColumn {
	margin-left: 200px;
	padding: 5px 5px 5px 10px;
}
#footer {
	margin-left: 200px;
	padding: 3px 10px 3px 10px;
}


/* Color Section */
body {
	background-color: #EFEBDA;
}
#frame {
	background-color: #CCC;
}
#header {
	background-color: #C0C0FF;
	color: #065C9E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: 900;
	text-align: right;
}
#leftColumn {
	background-color: #DEF2F4;
	font-family : Arial, Helvetica, sans-serif;
}
#rightColumn {
	background-color: white;
	font-family : Arial, Helvetica, sans-serif;
}
#rightColumn p {
    clear: both;
	text-align: justify;
}
#footer {
	background-color: #C0C0FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-align: right;
}


#navLeft {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navLeft li {
	display: inline;
}
#navLeft li a {
	background-color: #DDDDDD;
	border: 3px solid black;
	color: #065C9E;
	display: block;
	margin: 1em;
	padding: 1em;
	text-decoration: none;
}
#navLeft li a:HOVER {
	background-color: #D3D3D3;
	text-decoration: underline;
}


#leftContainer {
	float: left;
	width: 50%;
}

#rightContainer {
	margin-left: 50%;
	width: 49%;
}

.box {
	border: 1px solid black;
	font-size: smaller;
	margin: 3px;
	padding: 0;
}

.box .header {
	background-color: #C0C0FF;
	border-bottom: 1px solid black;
	color: #065C9E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: 900;
	margin: 0;
	padding: 0 0 0 3px;
	text-align: center;
}