@charset "utf-8";
/* CSS Document */

body {background-color: #E5E3DC; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

#content {margin:10px; }
#index { width:200px; padding-right:10px; float:left; }
#index li {
 	margin:0;
	font-size:100%;
	list-style:none;
	border-bottom:1px dotted #FFCC00;
	padding: 6px 0 6px 15px;
	background:url(MenuPlus.jpg) no-repeat left;
}

#index li a {font-weight:bold; color:#D21241;
}

#index ul {
	padding:0;
	margin:0;
	width: 170px;
}
#welcome {width:370px; float:left; padding-bottom:20px;}

.yellowHead { background-color:#ffc324; height:40px;}
.yellowContent{ background-color:#ffeec8; padding: 5px 10px; margin-bottom:15px;}
.redHead { background-color:#d21241;height:40px;}
.redContent{ background-color:#f2c2be; padding: 5px 10px; margin-bottom:15px;}
.blueHead { background-color:#015697;height:40px;}
.blueContent{ background-color:#b2c1de; padding: 5px 10px; margin-bottom:15px;}

h2 { color:#FFFFFF; text-align:center; font-size:14px; padding-top:10px;}
h3 {margin-bottom:0; font-size:12px;}
.top {text-align:right;}
.top a {font-weight:bold; color:#D21241;}
a:hover {text-decoration:none;}


.rightImage {
	padding: 0 0 7px 7px;
  	float:right;
	}
 .rightImage p, .leftImage p {
 	background:#fff;
	font-size:10px;
	padding:0 4px 4px 4px;
	margin:0;
	text-align:center;
 }

.leftImage {
	padding: 7px 7px 0 0;
  	float:left;
	}
.GreyText{font-size:10px; font-weight:normal; color:#69696D;}
.RedText{font-size:10px; font-weight:bold; color:#D21241; text-decoration:none;}
.YellowText{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
.WhiteTitleText{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF;}
a.YellowText:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:active{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:active{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
a.YellowText:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFC324;}
.workshops {
	font-size:10px;
	}

.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;
    height:0;
    font-size: 1px;
    line-height: 0px;
}