/* Modified Green & Simple */
body {
	margin: 0px;
	padding: 0px;
	background: url(images/img01.jpg) repeat-x left top;
	font: 16px Arial, Helvetica, sans-serif;
	color: #212121;
}

h1, h2, h3 {
	margin-top: 0px;
}

h1 {
	font-size: 2.0em;
	color:#3366ff;
	

}

h2 {
	font-size: 1.6em;

	color: #000066; 
}

h3 {
	font-size: 1.2em;
}

p, ol, ul {
	margin-bottom: 1.8em;
	line-height: 160%;
}
p{
	text-align: justify;
}

a {
	color: #3366ff;
	/* color: #363D74; */
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a img {
	border: none;
}

/* Header */

#header {
	width: 900px; 
	height: 150px;
	margin: 0px auto;
	background: #363D74;
	
}

#header a {
	text-decoration: none;
	color: #ffffff;
}

/* Logo */

#logo {
	float: left; 
	background: url(images/Badge.jpg) no-repeat left top;
	padding-left: 139px;
	
}
/* Braid font & colour */

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #ffe560;
	font-family:"Bookman Old Style", Times, serif;
}

#logo h1 {
	padding: 50px 0px 50px 20px;
	font-size: 2.0em;
}

/* Menu */

#menu {
	float: right;
	background: #3366FF;
	border-top: 2px #5D8CD3 solid;
	margin: 50px 0 0 0;
}

#menu ul {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	font-size:13px;
}

#menu li {
	float: left;
	margin: 0px 0px 0px 1px;
}

#menu a {
	display: block;
	width: auto;
	height: 28px;
	padding: 12px 20px 0px 20px;
	background: url(images/img02.jpg) no-repeat right 50%;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first {
	background: none;

}

#menu .active a {
}

/* Page */

#page {
	width: 900px;
	margin: 0px auto;
	padding: 30px 0px;
}

/* Content */

#content {
	float: left;
	width: 570px;
}



.content{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	/* border-bottom: #BFC9AE solid 1px; */
	color: #3e76ca;
}



/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
}

#sidebar-bgtop {
	height: 3px;
}

#sidebar-bgbtm {
	height: 3px;
}

#sidebar-content {
	padding: 20px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#sidebar li ul {
	margin-bottom: 1.8em;
	padding-left: 20px;
	list-style: none;
}

#sidebar h2 {
	padding: 4px 20px;
	background: #363D74;
	font-size: 1.2em;
	color: #FFFFFF;
}

#sidebar a {
	text-decoration: none;
	color: #232F01;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Search */

#search {
}

#search form {
	margin-bottom: 1.8em;
	padding: 0px;
}

#search fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#search #s {
	width: 160px;
}

/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px auto 30px auto;
	/* color: #FFFFFF; */
	color: #212121;
	background: white;
	border-top: #363d74 solid 5px; 
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
	font-style: italic;
}

#footer a {
	color: #212121;
}

/* Special classes */
span.error {color: purple;
font-style: italic;

}

span.big {color: red;
font-weight: bold;
}

dl.signature dd.signature 
{font-family:"Comic Sans MS";
font-size:larger;
}

table {border-collapse: collapse;
border-style: none;
border-top: 0;
border-top-color: transparent;
width: 100%; 
}

#feuarea
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#feuarea td, #feuarea th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#feuarea th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#363D74;
color:#ffffff;
}
#feuarea tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}


td, th {text-align:left;vertical-align:top;}
th.centre, td.centre {text-align:center;}

.col1 {width: 15%; vertical-align:top;}
.col2 {width: 15%; vertical-align:top;}
.col3{width:15%; vertical-align:top;}
.col4 {width:30%; vertical-align:top; }
.col5 {width: 25%; vertical-align:top;}
.day {width:10%; vertical-align:top;}
.event {width: 40%; vertical-align:top; text-align:left}
.cdate {width: 20%; text-align:right}

