/* HTML tag styles */

body {color: #333; background-color: #FFF; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight:							 normal; padding: 0; margin: 0; }
p	{font-size: 1.0em; line-height: 1.5em;  margin-top: 0; }
a	{text-decoration: underline; color: #FFF;}
a:hover	{ color: #FFF; }
H1 { font-size:130%; color:#333;}
H2 { font-size:100%; color:#333; background-color:#DDDDFF; padding:2px;}

#workshops {font-weight:bold}
#workshops a{text-decoration: underline; color: #990033; font-weight:bold;}
#workshops a:hover {color:#FFF; background-color:#E4A35A; text-decoration:none;}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
#header {height:52px; padding:15px 0 6px 130px; border-top:5px solid #494949; border-bottom:2px solid #494949; background-color:#FFFFFF;}
#header .centrewrapper {position:relative; height:45px;}
/* clear:both; width: 100%; */
#topImageBarH, #topImageBarI, #topImageBarW, #topImageBarG, #topImageBarC	{height:152px; border-bottom:1px solid #000; border-top:1px solid #000; margin:0 auto;}

/*#topImageBarH a, #topImageBarI a, #topImageBarW a, #topImageBarG a, #topImageBarC a{padding-right:10px; font-weight:bold; font-size:90%;}*/
#topImageBarH .midCol, #topImageBarI .midCol, #topImageBarW .midCol, #topImageBarG .midCol, #topImageBarC .midCol {height:152px; border-left:1px solid #000; border-right:1px solid #000; background-position:bottom; background-repeat:no-repeat;}

#topImageBarH { background-color:#423879;}
#topImageBarI { background-color:#3DBECB;}
#topImageBarW { background-color:#4654B7;}
#topImageBarG { background-color:#FE792C;}
#topImageBarC { /*background-color:#297F31;*/ background-color:#5CB831}

#topImageBarH .midCol { background-image:url(../images/indexImage.jpg);}
#topImageBarI .midCol { background-image:url(../images/imagesImage.jpg);}
#topImageBarW .midCol { background-image:url(../images/workshopsImage.jpg);}
#topImageBarG .midCol { background-image:url(../images/gamesImage.jpg);}
#topImageBarC .midCol { background-image:url(../images/contactImage.jpg);}
/*#topImageBarC .midCol { height:152px;}*/

#outerWrap {position: relative; height:152px; width:1102px; margin: 0 auto}
/*#outerWrap {position: relative; height:152px; width:100%; margin: 0 auto}*/
.midCol {float:left; width: 700px;}

#leftCol {float:left; width: 200px; height:152px; text-align:right;}
#leftCol ul{padding-top:30px; padding-right:20px;}
#leftCol li.home, #leftCol li.images, #leftCol li.workshops, #leftCol li.games, #leftCol li.contact {margin-left:20px; color:#FFFFFF;}
#leftCol li.home {background: url(../images/bullettHome.gif) no-repeat 0 50%; background-position:left;}
#leftCol li.images {background: url(../images/bullettImages.gif) no-repeat 0 50%; background-position:left;}
#leftCol li.workshops {background: url(../images/bullettWorkshops.gif) no-repeat 0 50%; background-position:left;}
#leftCol li.games {background: url(../images/bullettGames.gif) no-repeat 0 50%; background-position:left;}
#leftCol li.contact {background: url(../images/bullettContact.gif) no-repeat 0 50%; background-position:left;}
#leftCol li a, #leftColGamesBody li a{font-weight:bold; font-size:90%;}

.rightCol {float:right; width:200px; height:152px;}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Content Styles */
#mainContent, #mainContent2	{margin-top:20px; padding:10px 10px 20px 10px;}
.centrewrapper {width: 680px; text-align: left; margin: 0 auto; padding:0 10px 0 10px;}
#mainContent .centrewrapper {border-left:1px solid #CCC; }
#mainContent2 .centrewrapper {border-style:none;}
/* HOME PAGE MAIN CONTENT STYLES */
#outerWrapIndex {position: relative; width:1102px; margin: 0 auto; margin-top:20px;}
#midColIndex {float:left;width: 680px; text-align: left; padding:0 10px 0 10px;}
#midColIndex img {margin:10px 100px 0 30px ;}
#leftColIndex {float:left; width: 200px; background-image:url(../images/treeFigures1.gif); background-position:left; background-repeat:no-repeat; height:400px; padding-top:60px;}
#leftColIndex img {border-style:none; padding-top:30px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* GAMES PAGE */
#outerWrapGamesBody {position: relative; width:1122px; margin: 0 auto; margin-top:20px;}
#outerWrapGamesBody .midCol2 {float:left; width:900px; min-height:700px; border-left:1px solid #CCC; margin-left:10px; padding-left:10px}
#outerWrapGamesBody table {margin-left:70px;}
#imageTitle {margin-left: 70px; font-weight:bold; color:#666666;}
/* also used on images1.html etc */
#leftColGamesBody {float:left; width: 200px; text-align:right;}
#leftColGamesBody a {color:#333333;}
#leftColGamesBody ul{padding-right:20px; padding-top:50px;}
#leftCol li, #leftColGamesBody li{list-style: none; padding-bottom:4px;}
#leftColGamesBody li.here {margin-left:20px;}  
#leftColGamesBody li.here {background: url(../images/bullettHere.gif) no-repeat 0 50%; background-position:left;}
#leftColGamesBody p {padding:14px 0 0 0; margin:0}
#leftColGamesBody img { margin:0 14px 0 0; border:1px solid #333;}

/* END GAMES PAGE */

/* CONTACT PAGE */
#contact{ width:434px; height:321px; margin-left:70px; margin-top:50px; padding-top:120px; padding-left:10px; text-align:center; background-image:url(../images/contactNote.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFF; font-weight:normal; font-size:105%;}
#contact a {color:#000000;}
/* END CONTACT PAGE */