@charset "utf-8";

/*
	background-color: #F37F86;

*/

body  {
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	width: 1000px;
	color: #ABB8BF;
		line-height: 1.2em;
	color:#FFF;
	font-size: large;
}
#container {
	background: #ABB8BF;
	margin-top: 50px;
	border: thin double #000;
} 
#header {
	background: #FFC;
	width:100%;
	height: 250px;
} 

#header h1 {display: none;}

/*footer styles*/


#footer {
	background:#FFC;
	width:100%;
	margin: 0px;
	color: #000;
	padding-bottom: 10px;
} 
#footer h4 {
	margin: 0px auto;
	position: relative;
	padding-bottom: 3px;
}



#footer p{margin: 5px 0px 0px;}

#footer .link{color: #000;}

/* end footer syles*/


/* Top Navigation */
#navbar {
	background: #FFC url(images/subnav_bg_sep.gif) no-repeat left top;
	background-color: #FFC;
	border-bottom: 1px solid #525C3D; /*dark: #576241 - light: #9FB591;*/
	overflow: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-left: 200px;
	height:35px;
}


#navbar ul {
/*	float: left;*/
	list-style: none;
	margin: 5px;
	padding: 0px;
}
#navbar li {
	/*  float: left;*/
	list-style: none;
	border-left: thin solid #FFF;
	display: inline;
}
#navbar .last{
	border-right: thin solid #FFF;
}
#navbar a {
	/*	background: url(images/subnav_bg_sep.gif) no-repeat left;*/
/*	float: left;*/
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	padding: 10px 25px 10px 24px;
	color: #F37F86;

}
#navbar a:hover, #navbar .selected a {
	background-color: #F37F86;
	color: #FFF;
}
/* End top Navigatieon  */

/* Sidebar Navigation*/

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 205px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
		background: #FFC;
}

#sidebar1 h1 {
	/*	background: #a6565d;*/
	font-size: large;
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0px;
	color: #000;
	font-weight: normal;
	text-align: center;
	font-variant: small-caps;

}
#sidebar1 h2 {
/*	background: #bf636a;*/
	font-size: large;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	color: #333;
	font-weight: normal;
	text-align: center;
}
	

#sidebar1 ul {
	margin: 0px;
	padding: 0px;
}

#sidebar1 ul ul{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#sidebar1 ul li {
	font-size: medium;
	color: #FFF;
	list-style: none;
	background: url(images/btn_background.png) no-repeat;
	height: 30px;
	margin: 0px 2px 2px 2px;
}
#sidebar1 a {
	display: block;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #FFF;
		text-decoration: none
}

#sidebar1 a:hover, #sidebar1 .selected a {
	background: url(/Sandbox/kate/images/btn_hover.png) no-repeat;	
}

/* end sidebar navigation */






#mainContent {
	margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #FFF;
} 





.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;

}


#mainContent{
	text-align: left;
}

#mainContent h2{
	color:#FFF;
	font-size: xx-large;
	padding-left: 5px;
	line-height: normal;
	margin-bottom: 60px;
	text-align: center;
}
#event-area .eventtype{
	color:#000;
	font-size: xx-large;
	text-align: center;
}

#event-area .eventtitle{
	color:#FFF;
	font-size: xx-large;
	text-align: center;
}
#mainContent p{
	padding: 5px 5px 15px;
	line-height: 1.4em;
	color:#FFF;
	font-size: 20px;
	margin: 0px;
}

/* Form  Elements*/

#contact-area {
	margin-top: 25px;

}

.centertxt{
	text-align: center;
}	
#contact-area table td, #contact-area img {
	margin:0px;
	padding:0px;

	}



#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;

}



#mainContent img {

	padding-left: 15px;
	padding-bottom: 15px;
}

#mainContent .figure {
	float: right;
	padding: 0px 10px
}

#mainContent .figure p {
	color: #000;
	text-align: center;
}

#mainContent ul {
	list-style: none;
	margin: 0px 0px 0px 30px;
	padding: 10px 0px 0px 20px
}

.justified{
	text-align: justify;
}
.blacktext{
	color: #000;}

#contact-area {
	position: relative;
}
#contact-area table tr td {
	width: 50%;
	vertical-align:top;

}

#mainContent li{
	list-style: disc;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contact-area table{
	width: 780px;
	margin:0px;
	padding:0px;
}

#event-area h3{
	color: #000;
	font: 16px Arial, Helvetica, sans-serif;
	text-align: center;
}
#contact-area table tr td img {
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}


#contact-area table p{
	color: #000;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: left;
}
hr{
	color: #006;
	margin-top: 20px;
	pmargin-bottom: 20px;
	}

	
#mainContent .bio li {
	list-style: none;
}