* {
	margin: 0;
	padding: 0;
}

body {
	background: url("images/bg.jpg");
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Helvetica, Arial, Sans-Serif;
}

.fr {
	float: right;
	
}

#footer .fr {
	padding-top: 25px;
}

.fl {
	float: left;
}

.cl {
	clear: both;
}

.tiny {
	font-size: 10px;
}

#wrapper {
	border: 10px solid #87c4ff;
	background-color: #ffffff;
	width: 831px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background: url("images/bg-header.jpg") no-repeat bottom;
	padding-bottom: 6px;

}

#navigation {
	padding-top: 292px;
	text-align: center;
}

#navigation ul {
	list-style: none;
	
}

#navigation li {
	display: inline;

}

#navigation a {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 18px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	background-color: #0054a6;
	color: #ffffff;
	
}

#navigation a:hover {
	background-color: #00adee;
}

#navigation a.active {
	background-color: #ffffff;
	color: #0054a6;
}

/*--------CONTENT -------*/

#rightcol {
	float: right;
	width: 500px;
	margin-top: 40px;
	margin-right: 30px;
	margin-bottom: 50px;
}

#rightcol a {
	color: #0054a6;
	text-decoration: none;
}

#rightcol a:hover {
	color: #0054a6;
	text-decoration: none;
	border-bottom: 1px dotted #660066;
}

#leftcol {
	padding: 20px;
}

#leftcol h3 {
	color: #0054a6;
	font-weight: normal;
	padding-left: 40px;
	padding-top: 90px;
	background: url("images/hand-purple.jpg") no-repeat center top;
	width: 180px;
}

#leftcol p {
	font-size: 12px;
	padding-top: 15px;
	padding-left: 40px;
	color: #666;
	line-height: 20px;
}

#leftcol a {
	color: #660066;
	text-decoration: none;
}

#leftcol a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 30px;
	font-weight: normal;
	color: #660066;
	background: url("images/line.jpg") no-repeat bottom left;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

h2 {
	font-size: 24px;
	color: #0054a6;
	font-weight: normal;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
}

#rightcol p {
	padding-left: 30px;
	font-size: 14px;
	line-height: 20px;
	padding-top: 20px;
}

p {
	font-family: Trebuchet, "Trebuchet MS", Lucida, Helvetica, Arial, Sans-Serif;
}

#rightcol img.mainpic {
	border: 5px solid #8cc63f;
	margin: 15px;
}

.event {
	padding-top: 10px;
	padding-bottom: 10px;
}

.event h3 {
	font-size: 18px;
	font-weight: normal;
	padding-left: 15px;
	color: #0054a6;
	margin-bottom: 0;
	padding-bottom: 0;
}

.event p {
	padding: 0;
}

.datesm {
	font-size: 11px;
	color: #006699;
	padding-left: 25px;
	display: block;
}

.information {
	font-size: 12px;
	line-height: 18px;
	padding-left: 25px;
	color: #333;
	display: block;
}


/*--------Form -------*/

#content form {
	padding: 10px;
	margin: 10px;
}
#content form label{
	color: #333333;
	width: 125px;
	float: left;
	margin-left: 10px;
	font-size: 20px;
}

#content form input.txt {
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 3px;
	background-color: #ffffff;
	border-bottom: solid #dfdedc;
	background-color: #f8f8f8;
	width: 250px;
	font-size: 24px;
	padding: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

#content form input.txtcom {
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 3px;
	background-color: #ffffff;
	border-bottom: solid #dfdedc;
	background-color: #f8f8f8;
	width: 200px;
	font-size: 20px;
	padding: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

#content form textarea {
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 3px;
	background-color: #f8f8f8;
	border-bottom: solid #dfdedc;
	width: 250px;
	height: 150px;
	font-size: 14px;
	padding: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

#content form textarea.txtcom {
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 3px;
	background-color: #f8f8f8;
	border-bottom: solid #dfdedc;
	width: 200px;
	height: 100px;
	font-size: 14px;
	padding: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

#content form input.btn {
	margin-left: 304px;
	margin-top: 3px;
	color: #333;
	background-color: #f8f8f8;
	border: 3px solid #dfdedc;
	padding: 5px;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

#content form p {
	clear: left;
	margin:0;
	padding:0;
	padding-top: 3px;
	
}

#content .info {
	color: #336699;
	font-size: 16px;
	padding: 10px;
	padding-left: 40px;
	border-top: 1px solid #b6d0ea;
	border-bottom: 1px solid #b6d0ea;
	background: #f0f5fa url("images/info.png") no-repeat 10px;
	margin-bottom: 20px;
	margin-left: -8px;
}

#content .comform {
	padding-left: 30px;
}

#content ul {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	margin-left: 75px;
	padding-top: 20px;
}

#content ul li {
	padding-top: 5px;
}

#content ul li strong {
	font-size: 18px;
	color: #0054a6;
}


/* ---------FOOTER---------*/

#footer {
	clear: both;
	background-color: #87c4ff;
	padding: 20px;
	font-size: 11px;
	color: #0054a6;
}

#footer a {
	color: #0054a6;
}

#footer p {
	font-family: arial, helvetica, sans-serif;
}