/*
---------------------------------------------
CSS:    Styles for C
Author: Nicholas Marshall Very Easy! Websites
---------------------------------------------
*/


/*-- Change bg colour --*/
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	background-color: #6B238E;
	text-align: center;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
}

/*-- Change a link colour --*/
a {
	text-decoration: none;
	color: #660099;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

/*-- Change paragraph typeface and colour --*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	margin-top: 10px;
	color: #660099;
	text-align: justify;
}

/*-- Change h1 colour --*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-align: left;
	line-height: 1.5;
	color: #660099;
}

/*-- Change h2 colour --*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-align: left;
	text-decoration: underline;
	margin-top: 10px;
	line-height: 1.5;
	color: #660099;
}

/*-- Div --*/

/*-- Change image name if gradient or add hex colour --*/
#container {
	width: 580px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: left;
	background-image: url(../images/c_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

/*-- Change header colour --*/
#header {
	width: 100%;
	height: 147px;
	padding: 0;
	margin: 0;
	color: #FF6600;
}

#nav {
	width: 100%;
	height: 32px;
}

#nav ul {
	margin-top: 5px;
	margin-left: 47px;
	text-align: left;
}

#nav li {
	display: inline;
	margin-top: 5px;
	margin-left: 20px;
	text-align: left;
}

/*-- Change typeface to body and paragraph font --*/
#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #660099;
}

/*-- Link hover colour to be two shaded lighter on hex chart --*/
#nav a:hover {
	color: #660099;
	border-bottom: 1px dotted #862BA9;
}

/*-- Change typeface to body and paragraph font --*/
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 35px;
	padding-top: 40px;
	clear: both;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
	color: #CC99CC;
}

#footer a {
	text-decoration: none;
	color: #9F5F9F;
}

#round_top {
	width: 100%;
	height: 15px;
	padding: 0;
	margin: 0;
}

#round_bottom {
	width: 100%;
	height: 15px;
}

/*-- Change typeface and colour to match body and paragraph font --*/
#very_easy {
	width: 100%;
	height: 25px;
	clear: both;
	font-size: 11px;
	line-height: 1.5;
	text-align: right;
	color: #F69E63;
	background-color: #FFFFFF;
}

#very_easy a {
	text-decoration: none;
	border-bottom: 1px dotted #9F5F9F;
	color: #9F5F9F;
}

/*-- Classes --*/

/*-- Change colour to match body and paragraph font --*/
.very_easy {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 11px;
	line-height: 1.5;
	padding-right: 68px;
	letter-spacing: .9px;
	text-align: right;
	color: #CC99CC;
}

.page_content {
	width: 445px;
	padding: 1px 1px 1px 1px;
	margin-left: 65px;
}

.page_content img {
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0;
	border: 1px solid #9F5F9F;
}

/*-- Change typeface and colour to match body and paragraph font --*/
.table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color: #660099;
	text-align: justify;
}

/*-- Change border colour to match link --*/
.cel {
	border-bottom: 1px dotted #F69E63;
}