/* basic elements */

html {
	margin: 0;
	padding: 0;
	background:#8fc7a4 url(images/mainBackgroundFULL.jpg) repeat-y top center;
}
	
body {
	font-family:Arial, Helvetica, sans-serif;	
	line-height:20px;
	font-size:12px;
	color: #000; 
	background:#8fc7a4 url(images/mainBackgroundFULL.jpg) repeat-y top center;
	margin: 0; 
	padding: 0;
}

p{
	margin: 0px;
	padding:0;
}

#header A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #fff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#header A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #fff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#textBox {padding:20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:20px; TEXT-ALIGN: left;
}
#textBox2 {padding:3px 10px 5px 20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:0px 10px 0px 10px;
}
#textBoxWithHeader {padding:12px; color: #555555; background-color: #fff; BORDER: #e2e2e2 2px solid; MARGIN:10px 0px 10px 0px; 
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
}
.text { font-style: normal; line-height: 1.5em; color: #000;}
.smalltext {FONT-SIZE: 0.9em;  }
.largetext {FONT-SIZE: 115%;  FONT-WEIGHT: bold; }

a:link {	COLOR: #6B2839; TEXT-DECORATION: none; font-size: 1.0em; }
a:active{ color: #666; text-decoration: none; font-size: 1.0em;   }
a:visited {	COLOR: #6B2839; TEXT-DECORATION: none; font-size: 1.0em;  }
a:hover { COLOR: #666; TEXT-DECORATION: none;  font-size: 1.0em;}

a.lightlink:link { color: #ccc;  }
a.lightlink:active{ color: #6B2839; }
a.lightlink:visited { color: #ccc; }
a.lightlink:hover{ color: #6B2839; }

a.plain:link { color: #666;  }
a.plain:active{ color: #666; }
a.plain:visited { color: #666; }
a.plain:hover{ color: #666; }

a.sidemenu:link { color: #6B2839; text-decoration: none; font-weight: bold; }
a.sidemenu:active{ color: #333; text-decoration: none; font-weight: bold; }
a.sidemenu:visited { color: #6B2839; text-decoration: none; font-weight: bold;}
a.sidemenu:hover{ color: #333; text-decoration: none; font-weight: bold;}

a.bottom:link { color: #663399; text-decoration: none; font-size: 0.9em;  }
a.bottom:active{ color: #666; text-decoration: none; font-size: 0.9em; }
a.bottom:visited { color: #663399; text-decoration: none; font-size: 0.9em; }
a.bottom:hover{ color: #666; text-decoration: none; font-size: 0.9em; }

H1 {FONT-WEIGHT: bold; COLOR: #6B2839; MARGIN-BOTTOM:20px; font-size: 200% }
H2 {FONT-WEIGHT: bold; COLOR: #6B2839; MARGIN-BOTTOM:5px; font-size: 150%}
H3 {FONT-WEIGHT: bold; COLOR: #333; MARGIN-BOTTOM:5px;MARGIN-TOP:5px; font-size: 120%}

H2 A:link  {color: #6B2839;}
H2 A:active {color: #666;}
H2 A:visited {color: #6B2839;}
H2 A:hover {color: #666;}

.header A:link {color: #663399;}
.header A:active {color: #666;}
.header A:visited {color: #663399;}
.header A:hover {color: #666;}

.header { FONT-WEIGHT: bold; FONT-SIZE: 115%; COLOR: #663399; margin: 0px 0px 0px 0px }
.footerHeader { FONT-WEIGHT: bold; FONT-SIZE: 1.1em; COLOR: #fff; line-height: normal;  }
.footerText { FONT-WEIGHT: normal; FONT-SIZE: 0.90em; COLOR: #666; line-height: normal;  }

TABLE.TableOutline {padding: 8px 8px 8px 12px; margin:2px;  BORDER: #378BC4 1px dotted;  }
TABLE.DisplayTable {BORDER: #666 1px dotted; margin:5px; padding: 8px;  }
TD.cellOutlineBottom {BORDER-BOTTOM:#663399 1px dotted;  }
TD.cellOutline {BORDER:#ccc 1px solid; BACKGROUND: #999; padding:15px;  }
TD.cellOutlineOnly {BORDER:#ccc 1px solid; padding:15px;  }
TD {padding:4px; }

TD.menu {background: #663399; text-align: center }
TD.menurollover {background: #666; text-align: center }
TD.header {padding: 5px;  background: #663399; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; }
TD.header1 {padding: 5px;  background: #663399; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; font-size: 120%; }
TD.header2 {padding: 5px;  background: #666; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; font-size: 120%; }
TD.header3 {padding: 5px;  background: #666; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; font-size: 120%; }
TD.headersmall {background: #663399; font-weight: bold; color: #EADAB5 }
TD.cell {background: #f1f1f1;}
TD.cellRight {background: #f1f1f1; text-align: right; }
TD.cellLeft {background: #f1f1f1; text-align: left; }
TD.spacer {BORDER-BOTTOM: #ffffff 1px dotted;}
TD.spacer2 {background: #ffffff;}
TD.color1 {background: #e2e2e2;}
TD.color2 {background: #ccc;}
TD.form { text-align: right; font-weight: bold; }
TD.formleft { text-align: left; font-weight: bold;  }
.errorFormInput { color: #9C0023;  }
.errorFormInputSmall { color:#9C0023; font-size: 0.8em}
.smalltextInput { FONT-SIZE: 8pt;  }
.FormInputInstructions{ font-weight:normal; color: #333333}

input.textbox { font-size: 11px; background-color: #ffffff;  color: #102132; border: 1px solid #666666; margin-left: 1px;margin-right: 0px; }
input.textboxSMALL {font-size: 11px; background-color: #ffffff;  color: #102132; border: 1px solid #9EB2CA; margin-left: 1px;margin-right: 0px; }
textarea {font-size: 12px; border: 1px solid #666666; }
select {font-size: 11px; border: 1px solid #666; padding: 2px;}
.smallBlueInput {font-size: 11px; border: 1px solid #000F33;  background-color: #D7E5F2; width:130px; padding:3px;}
.smallBlueSelect{font-size: 11px; border: 1px solid #000F33; background-color: #D7E5F2; padding:2px;}

.checkbox { font-size: 10px; border: 1px solid #666666;  } 
input.submitbutton{ color:#fff; font-size:12px; font-weight:bold; background-color:#284B71; border:1px solid; border-top-color:#000F33; border-left-color:#000F33;  border-right-color:#000F33; border-bottom-color:#000F33; padding:3px;} 
.button {  font-size: 12px; background-color: #EC8B25;  color: #EADAB5;  margin-left: 12px; margin-top: 3px; margin-bottom: 2px;}
.whitebutton {  font-size: 11px; background-color: #284B71; border:1px solid; border-top-color:#000F33; border-left-color:#000F33;  border-right-color:#000F33; border-bottom-color:#000F33; color: #fff;  margin:0px; padding:1px; }
.white {color:#ffffff;}
.red {color:#9C0023;}
.smallbreak {font-size: 0.2em; 	font-family: Verdana;}
.textBox {padding:20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:20px;
}
.textBoxWhite {padding:5px; color: #D5E7F0; background-color: #fff; BORDER: #D5E7F0 1px solid; font-size:90%;
}
hr { color: #ccc; border: 1px dotted #ccc; border-style: none none dotted none; margin:0px; width:500px; text-align:center;  }

.photo { border: 1px solid #ccc; }
.imgLeft { float: left; MARGIN: 5px;}
.imgRight { float: right; MARGIN: 5px;}
.flash { float: right;MARGIN: 0px 10px 10px 10px; }

#jsDisabled {display: none;}


/* content div's */
#backgroundContainer {
	background: url(images/Background.jpg) no-repeat top center;
	HEIGHT: 800px;
	position:relative; 
	}
#container { 
	margin: auto;
	width:900px;
    background:url(images/headerBackground_Full.jpg) no-repeat top center;
	position:relative;
}

#intro{
	width:901px;
	height:188px;
	position:relative;
}
#nav {CLEAR: both; position: relative; top: 135px; left: 130px; width: 719px; HEIGHT:50px; PADDING: 0px; 
}
ul#nav {list-style:none; margin:0; padding: 0; }
ul#nav li {float:left; margin:0; padding: 0;list-style:none;  }
ul#nav li a.about {display:block; width:104px; height:42px; background:url(images/about.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.about:hover {background:url(images/about.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.classes {display:block; width:80px; height:42px; background:url(images/classes.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.classes:hover {background:url(images/classes.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.benefits {display:block; width:145px; height:42px; background:url(images/benefits.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.benefits:hover {background:url(images/benefits.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.shows {display:block; width:78px; height:42px; background:url(images/shows.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.shows:hover {background:url(images/shows.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.events {display:block; width:79px; height:42px; background:url(images/events.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.events:hover {background:url(images/events.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.crafts {display:block; width:123px; height:42px; background:url(images/crafts.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.crafts:hover {background:url(images/crafts.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.resources {display:block; width:110px; height:42px; background:url(images/resources.jpg) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.resources:hover {background:url(images/resources.jpg) no-repeat 0; background-position: 0 0;}


#underNavBar {CLEAR: both;  background:#fff; width: 927px; height:37px; margin:0; 
background: url(images/menuShadow.gif) no-repeat; 
}


#sideBar {
	FLOAT: left; 
	background:url(images/sideBarBackground.jpg) no-repeat ;
	MARGIN: 0px; PADDING: 0px;  WIDTH:216px; ; 
}
#main {
	FLOAT: right; MARGIN:20px; PADDING:20px 25px 20px 15px; OVERFLOW: hidden; WIDTH:600px; text-align:left; 
}
#sideLinks {
	position: relative; top: 140px; left: 24px; WIDTH: 150px; PADDING-RIGHT: 1em; PADDING-LEFT: 1em;  PADDING-BOTTOM: 0px; MARGIN: 2px 0px 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: right;  font-family: arial, verdana; 
}
#sideLinks LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-SIZE: 0.94em; PADDING-BOTTOM: 0px; MARGIN: 0px 1em 1px 1px; PADDING-TOP: 0px
}

#sidePhoto { position: relative; top: 120px; left: 24px; width:190px; height:172px;  }
#footer{
CLEAR: both; width: 811px; MARGIN:40px; PADDING:5px; border-top: 1px dotted
}
#footerCredit {
	TEXT-ALIGN:right;  
}
#footerCredit1 {
	COLOR: #8FC9A1;  
}
#footerCredit2 {
	COLOR: #8FC9A1;  
}