/* css1 - styles.css */

*.center {   
 text-align: center;
 }
 
#slim_center {   
 text-align: center;
 width: auto;
 margin-left: 20px;
 margin-right: 20px;
 padding-left: 40px;
 padding-right: 40px;
 padding-bottom: 2px;
 padding-top: 0px;
 }

div.clear {
    clear:both;
    height: 1px;
    overflow:hidden;
  }


a img {border: none; }

p {
	margin-left: 40px;
	margin-right: 40px;
	text-align: left;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;

}




p.indent {
	text-indent: 12pt;
}
  
*.indent {
 padding-left: 26px;
} 	

  
i {
	height: 1%;
	font-style: normal;
}

u {
	height: 1%;
}

/* Unordered Lists, Ordered Lists, Definitions, and To Indent */
/*   Top, Right, Bottom, Left */

#Content ul {
/*	list-style-image: url("listArrow.gif"); <--- Consider this for next time  */
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
/*	list-style-type: square;  */
	margin: 10px 30px 2px 35px;
	padding: 2px 30px 2px 35px;
}

ul.NoBullet {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 26px
	}
	
ul.NoIndent {
/*	list-style-type: none; */
	margin-left: 0px;
	padding-left: 0px
	}

ul.NoBulletNoIndent {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px
	}
	
ul.Indent {
 padding-left: 26px;
}


#Content li {
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
/*	list-style-type: square;  */
  	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

/* #Content ol {
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
	list-style-type: none;
  	margin: 0px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
} */

#Content ol {
/*	list-style-image: url("listArrow.gif"); <--- Consider this for next time  */
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
/*	list-style-type: square;  */
	margin: 10px 30px 2px 30px;
	padding: 2px 30px 2px 30px;
}

#Content dl {
/*	list-style-image: url("listArrow.gif"); <--- Consider this for next time  */
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
/*	list-style-type: square;  */
	margin: 10px 30px 2px 30px;
	padding: 2px 30px 2px 30px;
}

#Content dt {
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
/*	list-style-type: square;  */
  	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}
#Content dd {
	font-size: 10pt;
	font-family: verdana,arial,sans-serif;
	text-align: left;
/*	list-style-type: square;  */
  	margin: 0px 0px 4px 20px;
	padding: 0px 0px 0px 0px;
}





#Content ul.levels {
	 list-style-type: none;
}
	 
#Content ul.levels li {
}
	 
#Content ul.levels ul li {
/*	 	   list-style-type: square; */
}
	 	   
body {
	font-size: 80%;
	margin: 0;
	padding: 0;
	background-color: #5b0b81; 
	width: 1000px; /*  IE hack -- IE treats width as min width.  See fix for CSS compliant browsers below (html>body)   */
}

/*
body {
	margin: 0;
	padding: 0;
	background-color: #5b0b81;
	width: 1000px;
	
IE hack -- IE treats width as min width.  See fix for CSS compliant browsers below (html>body)
}
*/


html>body {
	width: auto;
	min-width: 1000px; 
}   /* Actual min is 933px, but 1000px give us a little more room */


/* begin old link behavior
Div.ContentArea A:hover {
	display: normal;
	color: #00FF00;
	text-decoration: none;
	}

Div.ContentArea A {
	display: normal;
	color: #7D2DA3;
	text-decoration: underline;
	}
begin old link behavior */


Div.ContentArea {
	letter-spacing: .05em;
	margin-left: 174px;
	margin-right: 251px;
  	background: white url(Content_Area_Top_Left.gif) top left no-repeat;
	line-height: 1.2; /* IE Hack */

	}


* html Div.ContentArea {	/* IE Hack */
	height: 1px;
	}

Div.ContentArea h3 {
 	background: url(Content_Area_Top_Right.gif) top right no-repeat;
  	font-size: 17pt;
  	padding-top: 15px;
  	margin: 0;
	/*text-transform: uppercase; */
	color: #227BBF;
	text-align: center;	
	}

Div.Content {
 	background: url(Content_Area_Right_Border.gif) top right        repeat-y;
  	margin: 0;
  	margin-top: -2em;
  	padding: 15px;
	line-height: 1.2; /* IE Hack */
  	}

Div#ContentFooter {	
	clear: right;
  	background:  url(Content_Area_Bottom_Left.gif) bottom left no-repeat;
	margin-top: 10px;
	padding-top: 30px;
	line-height: 1.2; /* IE hack */
  	}
  	
Div#ContentFooter hr {
    margin-bottom: 10px;
	color: #5b0b81;
	background: #5b0b81;
	width: 90%;
}

Div#ContentFooter p {
	border-top: 20px solid #FFFFFF; /* annoying line was 2px */
  	background: url(Content_Area_Bottom_Right.gif) bottom right no-repeat;
  	display:block;
  	color: #5b0b81;
  	font-weight: bold;
  	text-align: center;
  	font-size: 12px;
  	padding:15px;
  	margin:-2em 0 0 0;
  	}

#NavigationArea {
	float: left;
	padding: 195px 0px 0px 0px; 
	top: 0px;
	font-size: 11pt;
	width: 174px; 
	background: #5b0b81 url(Eye_Logo.gif) left top no-repeat;
	color: #000;
	}
/**	IE/win 5.x Hack **/
* html #NavigationArea {
	margin: 0 -4px; 
	}

* html #BBArea {
        margin: 0 -3px; 
        }
/**	End IE hack	**/





/** THIS float is the problem with my gallery in Firefox below **/

#BBArea {
	float: right;
	padding: 0px;
        top: 0px;
        width: 251px;
/*      background: #A5B5C6 url(images/bgbotleft.gif) left bottom repeat-x;     */
        color: #000;
        }
        
/** THIS float is the problem with my gallery in Firefox above **/






#Footer{
	clear: both;
	}

#Sci-QuestLogo {
	height: 129px;
        margin-left: 174px;
	margin-right: 251px;
/*	overflow: hidden;	*/
	background: #5b0b81 url(Sci-Quest_Logo.gif) center top no-repeat;
	}
* html #Sci-QuestLogo {	/** IE/win Hack	**/
        margin: 0 -3px;
        }
	

#MainNav {
	list-style: none;
	margin: 0px;
	padding: 0px 2px 10px 2px;
	background: #5b0b81 url(Menu_Bar_Bottom.gif) left bottom no-repeat;
	}
		
#MainNav li {
	display: block;
        list-style: none;
/*	width: 148px;*/
        margin: 0px;
        padding: 0px 0px 1px 15px;
        }

#MainNav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px <a href="fore.phtml">6%;
	font: bold 0.8em /1 Arial, Helvetica, Sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #00FF00;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}
#MainNav li a:hover {
	color: #FFFFFF;
	}

#MainNav li.Index a {
	color: #FFFFFF;
	}
#MainNav li.Current a {
	color: #FFB531;
        }
#MainNav li.Other a {
	color: #FFB531;
	}
#MainNav li.Unavail a {
         color: purple;
         }

#SubNav {
	padding-left: .1em;
        margin-left: 1em;
	}

#SubNav li{
	background:url("Menu_Bullet.gif") no-repeat left center;

	}

#SubNav li a {
/*	    padding-left: 0em;  */
/*      margin-left: 0em;  */
		padding-top: .15em;
		padding-bottom: .15em;
        color: #FFB531;
        }

#SubNav li a:hover {
/*      padding-left: 0em;  */
/*      margin-left: 0em;  */
		padding-top: .15em;
		padding-bottom: .15em;
        color: white;
        }

#SubNav li.Current a {
		padding-top: .15em;
		padding-bottom: .15em;
        color: white;
        }



ul#Icons img {
	margin-top: 2px;
 /*       height: 68px; */
 /*       width: 139px; */
         }

ul#Icons {
        list-style: none;
        margin: 0px;
        padding: 0px;
        background-color: #5b0b81;
        }

ul#Icons li.first {
    display: block;
    padding: 10px 0px 0px 0px;
    /** Box Model Hack **/
	height: 223px; /* IE5.x/Win Value */
/*  height/* */:/**/148px; /* 223px - 75px = 148px */ /* normal value */
    height: /**/223px; /* 223px - 75px = 148px */ /* IE5.x/Mac value */
	/** End Hack **/
	background: #5b0b81 url(Icon_Box_Right.gif) left top no-repeat;
	border: 0px solid white;
        }
        
ul#Icons li.second {
    display: block;
    padding: 0px 0px 0px 0px;
    /** Box Model Hack **/
	height: 223px; /* IE5.x/Win Value */
/*  height/* */:/**/148px; /* 223px - 75px = 148px */ /* normal value */
    height: /**/223px; /* 223px - 75px = 148px */ /* IE5.x/Mac value */
	/** End Hack **/
	background: #5b0b81 url(Icon_Box_Right.gif) left top no-repeat;
	border: 0px solid blue;
        }
        
ul#Icons li.third {
	display: block;
	padding: 22px 0px 0px 15px;
    /** Box Model Hack **/
	height: 102px; /* IE5.x/Win Value */
/*  height/* */:/**/80px; /* 102px - 22px = 80px */ /* normal value */
    height: /**/102px; /* 102px - 22px = 80px */ /* IE5.x/Mac value */
	/** End Hack **/
	background: #5b0b81 url(Icon_Box_Left.gif) left top no-repeat;
	border: 0px solid red;
        }

ul#BBs {
        list-style: none;
        margin: 0px;
        padding: 0px;
        background: #5b0b81 url(BB_BG.gif) left;
        }
                
ul#BBs li {
	display: block;
	padding: 30px 0px 0px 30px;
	/** Box Model Hack **/
        height: 284px; /* IE5.x/Win Value */
        height/* */:/**/254px; /* 284px - 30px = 254px */ /* normal value */
        height: /**/284px; /* 284px - 30px = 254px */ /* IE5.x/Mac value */
        /** End Hack **/
        background: #5b0b81 url(BB_Box_Top.gif) center top no-repeat;
        }
ul#BBs li img {
	margin-top: 4px;
	}
ul#BBs li.Hanging {        /**  Temp. until Micro$oft fixes IE Adjacent Selector "ul#BBs li + li {"	**/
        display: block;
	padding: 30px 0px 0px 30px;
        /** Box Model Hack **/
        height: 284px; /* IE5.x/Win Value */
        height/* */:/**/284px; /* 280px - 26px = 254px */ /* normal value */
        height: /**/284px; /* 280px - 26px = 254px */ /* IE5.x/Mac value */
        /** End Hack **/
	background: #5b0b81 url(BB_Box.gif) center top no-repeat;
        }
ul#BBs li.Bottem {        /**  Temp. until Micro$oft fixes IE Adjacent Selector "ul#BBs li + li {"	**/
        display: block;
	padding: 30px 0px 0px 30px;
        /** Box Model Hack **/
        height: 284px; /* IE5.x/Win Value */
        height/* */:/**/284px; /* 280px - 26px = 254px */ /* normal value */
        height: /**/284px; /* 280px - 26px = 254px */ /* IE5.x/Mac value */
        /** End Hack **/
	background: #5b0b81 url(BB_Box_Bottem.gif) center top no-repeat;
        }
        
li.list {
	display: block;
	padding: 20px 10px 10px 10px;
	margin: 20px 10px 10px 10px;
}         


/* ----------- Main Page Styles --------------*/

div#Footer p.MainFooter {
	margin-left: 174px;
        margin-right: 251px;
	text-align: center;
	
	font-size: 12px;
	color: white;
	}

/* ------------ Content List Styles ------------*/

	



/* Begin Used on Special Events and other pages */	

div#listblock {
	position: relative;
	padding: 0px;
	border: 0px solid white;
	margin-top: 20px;
	margin-left: .5in;
	margin-right: .5in;
	text-align: left;
	font-family: verdana,arial,sans-serif;
	font-size: 10pt;
	height: 180px;
		}		

div#listimage {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	border: 0px solid white;
	width: 180px;
	height: 170px;
	}

div#listtitle {
	position: absolute;
	top: 0px;
	left: 200px;
	border: 0px solid white;
	font-size: 10.5pt;
	font-weight: bolder;
	color: black;
	}
	
div#listtitle_01 {
	position: absolute;
	top: 0px;
	left: 200px;
	border: 0px solid white;
	font-size: 10.5pt;
	font-weight: bolder;
	color: maroon;
	}
	
div#listtitle_02 {
	position: absolute;
	top: 0px;
	left: 200px;
	border: 0px solid white;
	font-size: 10.5pt;
	font-weight: bolder;
	color: green;
	}
	
div#listtitle_03 {
	position: absolute;
	top: 0px;
	left: 200px;
	border: 0px solid white;
	font-size: 10.5pt;
	font-weight: bolder;
	color: navy;
	}
	

div#listdate {
	position: absolute;
	top: 20px;
	left: 200px;
	border: 0px solid white;
	font-size: 10.5pt;
	font-weight: bolder;
	color: black;
	}

div#listdescription {
	position: absolute;
	top: 40px;
	left: 200px;
	border: 0px solid white;
	text-align: left;
	}

*.announcment {
	border: 0px solid purple;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	color: green;
	font-size: 12pt;
	text-align: center;
        }
        
/* This property can take from one to four values: */
/* If you specify one value, like: div {padding: 50px} - all four sides will have a padding of 50px */
/* If you specify two values, like: div {padding: 50px 10px} - the top and bottom padding will be 50px, left and right padding will be 10px */
/* If you specify three values, like: div {padding: 50px 10px 20px} - the top padding will be 50px, left and right padding will be 10px, bottom padding will be 20px */
/* If you specify four values, like: div {padding: 50px 10px 20px 30px} - the top padding will be 50px, right padding will be 10px, bottom padding will be 20px, left padding will be 30px */
    


/* End Used on Special Events and other pages */	
	

/* ------------ Floating Images ------------*/

img.Left {
	float:left;
	hspace: 10;
	margin-right:2%;
	margin-bottom:10px;
	margin-top:0px;
	border:0px solid #000000;
	background:#FFFFFF;
	overflow:auto;
	}
	
img.Right {
	float: right;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:10px;
	border:6px solid #FFFFFF;
	background:#FFFFFF;
	overflow:auto;
	}
	
img.Right_noborder {
	float: right;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:10px;
	border:0px
	background:#FFFFFF;
	overflow:auto;
	}






/* ----------- headers ---------*/





*.program {
	text-align: left;
}
	
*.thing {
	text-transform: capitalize;
	}

*.subheading	{
		font-size: 13pt;
		font-style: italic;
		font-weight: bold;
		margin-top: -.10em;
		text-align: center;
		color: green;
	}

*.subheading02	{
		font-size: 10pt;
		font-style: italic;
		font-weight: bold;
		margin-top: -.15em;		
		text-align: left;
		color: MediumVioletRed;
	}

*.subheading03	{
		font-size: 12pt;
		font-style: italic;
		font-weight: bold;
		margin-top: -.15em;		
		text-align: center;
		color: #00A550;
	}

*.secheading {	
	color: #5b0b81;
	margin-left: 2;
	margin-right: 2;
	font-weight: bold;
	font-size: 14px;
		text-align: center;
	}
	
*.secheadingleft {
	
	color: #5b0b81;
	margin-left: 2;
	margin-right: 2;
	font-weight: bold;
	font-size: 14px;
		text-align: left;
	}
	
*.thirdheading {
		font-weight: bolder;
		color: purple;
		font-size: 10pt;
	}

*.fourthheading {		
		font-weight: bolder;
		color: purple;
		font-size: 10pt;
		font-style: oblique;
	}

*.h4
	{
		font-size: 10.5pt;
		font-weight: normal;
	}

.bordered {
	border: 1px solid #FCFCFC;
}

.gray {
	background-color: silver;
 	padding-top: 4;
 	padding-bottom: 6;
 	padding-left: 10;
 	padding-right: 10;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray;*/
}




 

#search {
	width: 97%;
	margin-left: 1px;
	border: 1px solid #CC3399;
  	background: #FFFFFF url(http:/www.google.com/images/poweredby/poweredby_FFFFFF.gif) top left no-repeat; 
	text-align: left;
	color: #000000;
	font-weight: bold;
	}
.ProgramIcon
{
/*	width: 2em;
	height: 2em;*/
	float: right;
}

#Spacing {
	border-bottom: 2px solid #5b0b81;
}
form { 
	margin-top:0px; 
	margin-bottom:0px; 
} 

img {
	border: 0;
}




/*CSS for tiled photo gallery*/

div#gallery {
		float:none!important;
	clear:none!important;
	margin: 0px;
	padding: 0px;
	padding-left: auto;
  width:448px; 
  height:336px;
  border: 2px solid blue;
  text-align: center;
 }	

ul#gallery {
	float:none!important;
	clear:none!important;
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px;
  position:relative; 
  background:#9864A4 url(../../images/canstruction/can-gallery_00.jpg);
  }
#gallery li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left!important; 
  z-index:100;
  }
#gallery li.lft {
  float:left!important; 
  clear:left!important;
  }
#gallery li.rgt {
  float:right!important; 
  clear:right!important;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left!important; 
  z-index:100; 
  cursor:default;
  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #FFFFFF; 
  z-index:100;
  }
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:active img, #gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:239px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }
a:visited {color:#000;}


/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#888; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}

/* Begin NORMAL LINK BEHAVIOUR */
a:link {color: BlueViolet; font-weight: bold; text-decoration: underline; }
a:visited {color: DarkViolet; font-weight: bold; text-decoration: underline; }
a:hover {color: fuchsia; font-weight: bold; text-decoration: underline; }
a:active {color: Violet; font-weight: bold; text-decoration: underline; }
/* End NORMAL LINK BEHAVIOUR */

/*Begin FOR ETERNAL LINKS ONLY */
a.external:link {color: BlueViolet; font-weight: bold; text-decoration: underline; }
a.external:visited {color: DarkViolet; font-weight: bold; text-decoration: underline; }
a.external:hover {color: DeepSkyBlue; font-weight: bold; text-decoration: underline; }
a.external:active {color: DodgerBlue; font-weight: bold; text-decoration: underline; }	
/* End FOR ETERNAL LINKS ONLY */


/* Todd's Text Styles */

#boldbus {
	
	font-size: 14px;
	font-weight: bolder;
	color: purple;
}

#boldbus_02 {
	
	font-size: 14px;
	font-weight: bolder;
	color: navy;
}

#boldbus_03 {
	
	font-size: 14px;
	font-weight: bolder;
	color: red;
}

*.link {
 font-weight: bold;
 text-decoration: underline;
 color: BlueViolet;

}

*.soldout {
	font-weight: bold;
	color: red;

	}
*.price {
	background: #fff;

	float: right;
	margin-top: -1.17em;
	}	
	
*.program {
	display: block;
	width: 88%;
	margin-left: 30px;
	margin-right: 10px;
	}

*.timeSpan {
	text-align: center;
	font-size: 14px;
	text-decoration: underline;
	}
*.note {
	font-size: 14px;
	}

*.grade {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	}
	
*.time {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	}
	
*.fee {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	}
	
*.ofimportance01 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	}

*.ofimportance02 {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	}

*.ofimportance03 {
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	}


*.description {
	text-align: justify;
	font-size: 12px;
	}
	
*.agegroup {
	text-align: left;
	color: white;
	background-color: #008CBC;/*blue*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}

*.agegroup_01 {
	text-align: left;
	color: white;
	background-color: #C4388D;/*pink*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}

*.agegroup_02 {
	text-align: left;
	color: white;
	background-color: #339933;/*green*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}

*.agegroup_03 {
	text-align: left;
	color: white;
	background-color: #F4BD4D;/*yellow*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}

*.agegroup_04 {
	text-align: left;
	color: white;
	background-color: #008CBC;/*blue*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}

*.agegroup_05 {
	text-align: left;
	color: white;
	background-color: #5B0B81;/*purple*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}
	
*.agegroup_06 {
	text-align: left;
	color: white;
	background-color: white; /*white*/
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}
	
*.agegroup_07 {
	text-align: center;
	color: #5B0B81; /*purple*/
	background-color: #E5E5E5; /*light blue gray*/
/*	border: 1px solid #5B0B81; */
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	}




*.programName_01 {
	text-align: left;
	color: #C4388D;
	font-weight: bold;
	font-size: 14px;	
	}

*.programName_02 {
	text-align: left;
	color: #339933;
	font-weight: bold;
	font-size: 14px;	
	}

*.programName_03 {
	text-align: left;
	color: #FF9900;
	font-weight: bold;
	font-size: 14px;	
	}

*.programName_04 {
	text-align: left;
	color: #008CBC;
	font-weight: bold;
	font-size: 14px;	
	}

*.programName_05 {
	text-align: left;
	color: #5B0B81;
	font-weight: bold;
	font-size: 14px;	
	}

*.bold_purple14 {
/*	 */
	font-size: 14px;
	font-weight: bolder;
	color: purple;
}

*.bold_purple14_italic {
/*	 */
	font-size: 14px;
	font-weight: bolder;
	color: purple;
}

*.bold_purple18 {
	
	font-size: 18px;
	font-weight: bolder;
	color: purple;
}

*.bold_red18 {
	
	font-size: 18px;
	font-weight: bolder;
	color: red;
}

/* End Used on Science Shop Only */



/*Begin Todd's Text Styles */

/* Note: Only 16 color names are supported by the W3C CSS standard
(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow).
For all other colors, use the Color HEX value. */ 

/* Font Families to choose from include:
Georgia, Times New Roman, Times, serif;
Arial, Helvetica, Sans-serif;
Times New Roman, Times, serif; 	*/

/* Naming convention: boldcenterpurpleitalic16 */

*.gainsboro {
 padding: 3px;
 background-color: dimgray;
 font-weight: bolder;
 color: gainsboro;
 }

*.gold {
 padding: 3px;
 background-color: dimgray;
 font-weight: bolder;
 color: gold;
 }
 
*.lightgrey {
 padding: 3px;
 background-color: dimgray;
 font-weight: bolder;
 color: lightgrey;
 }
 
*.goldenrod {
 padding: 3px;
 background-color: dimgray;
 font-weight: bolder;
 color: goldenrod;
 }

*.bold {  
 font-weight: bolder;
 }
 
 *.bold16 {
 font-size: 16px;
 font-weight: bolder;
 }
 
*.center {    
 text-align: center;
 }

*.centeritalic {  
 text-align: center;
 font-style: italic;
 }
 
*.italic { 
 font-style: italic;
 }

 
*.boldcenter {
 font-weight: bolder;
 text-align: center;
 }
 
*.bolditalic {
 font-weight: bolder; 
 font-style: italic;
 }
 
*.boldcenteritalic {
 font-weight: bolder;
 text-align: center;
 font-style: italic;
 }
 
*.boldfuchsia {
 font-weight: bolder;
 color: fuchsia;
 }
 
*.boldfuchsiaitalic {
 font-style: italic;
 font-weight: bolder;
 color: fuchsia;
 }
 
 *.boldfuchsia16 {
 font-size: 16px;
 font-weight: bolder;
 color: fuchsia;
 }
 
 *.boldpurple16 {
 font-size: 16px;
 font-weight: bolder;
 color: purple;
 }
 
*.boldblue {
 font-weight: bolder;
 color: blue;
 }
 
*.largeboldblue {
 font-weight: bolder;
 font-size: 14px;
 color: #227BBF;
 }
 
*.boldblueitalic {
 font-style: italic;
 font-weight: bolder;
 color: blue;
 }
 
*.boldgreen {  
 font-weight: bolder;
 color: green;
 }
 
*.boldgreen16 { 
 font-size: 16px; 
 font-weight: bolder;
 color: green;
 } 
 

 
*.bolditalicgreen {  
 font-weight: bolder;
 font-style: italic;
 color: green;
 }
 
*.boldgreenitalic {  
 font-weight: bolder;
 font-style: italic;
 color: green;
 }
 
*.bold_green14 {
/*	 */
	font-size: 14px;
	font-weight: bolder;
	color: green;
}

*.boldred {
 font-weight: bolder;
 color: red;
 }
 
*.boldolive {
 font-weight: bolder;
 color: olive;
 }
 
*.boldnavy {
 font-weight: bolder;
 color: navy;
 }
 
*.boldpurple {
 font-weight: bolder;
 color: purple;
 }

*.boldpurpleitalic {
 font-weight: bolder;
 font-style: italic;
 color: purple;
 }
 
*.boldpinkitalic {
 font-weight: bolder;
 font-style: italic;
 color: #CC0066;
 }
 
*.boldorangeitalic {
 font-weight: bolder;
 font-style: italic;
 color: #FF6600;
 }
 
*.boldcenterred {
 font-weight: bolder;
 text-align: center;
 color: red;
 }
 
*.boldcenterblue {
 font-weight: bolder;
 text-align: center;
 color: blue;
 }

*.boldcentergreen {
 font-weight: bolder;
 text-align: center;
 color: green;
 }
 
*.boldcenterpurple {
 font-weight: bolder;
 text-align: center;
 color: purple;
 }
 
*.boldcenterpink {
 font-weight: bolder;
 text-align: center;
 color: #CC0066;
 }
 
*.boldcenterpink16 {
 font-size: 16px;
 font-weight: bolder;
 text-align: center;
 color: #CC0066;
 }
 


*.smallrule { 
 font-size: .75em;
 }

*.centersmall { 
 font-size: 1.25em;
 text-align: center;
 }
 
*.centerred {
 text-align: center;
 color: red;
 }
 
*.centerblue {
 text-align: center;
 color: blue;
 }

*.centergreen {
 text-align: center;
 color: green;
 }
 
*.centerpurple {
 text-align: center;
 color: purple;
 }
 
*.red {
 color: red;
 }
 
*.blue {
 color: blue;
 }

*.green {
 color: green;
 }
 
*.lime {
 color: lime;
 }
 
*.purple {
 color: purple;
 }
 
 

*.boldorange {
	font-weight: bolder;
 color: #FF6600;
 } 
 
*.orange {
 color: #FF6600;
 }
 
*.boldyellow {
	font-weight: bolder;
 color: #FF9900;
 } 

*.boldcenter_red16 {	
 font-size: 16px;
 font-weight: bolder;
 color: red;
 text-align: center;
}

*.boldcenter_purple16 {	
 font-size: 16px;
 font-weight: bolder;
 color: purple;
 text-align: center;
}

*.bolditaliccenterpurple {
 font-weight: bolder;
 text-align: center;
 font-style: italic;
 color: purple;
 }
 
*.blueviolet {
 color: BlueViolet;
 font-weight: bold;
/* text-decoration: underline; */
 }
 
*.rezclickbutton {
 background-color: #7A002F;
 color: white;
 padding: 0px 4px 2px 4px;
 }
 
/*   Toppx Rightpx Bottompx Leftpx; */ 


hr {
 border: 0;
 color: purple;
 background-color: purple;
 height: 1px;
 width: 86%;
 text-align: center;
}

/**** Sci-quest.org link on eyeglass ***********/
#Eye_Logo a {
	position: absolute;
	line-height: 0px;
	height: 165px;
	width: 174px;
	top: 0px; 
	text-decoration: none;
	margin: 0;
	padding 0;
}

#Eye_Logo a span { 
	   visibility: hidden;
}

/**** End link on eyeglass *************/


DIV.table-row {
  background: none #FFFFFF;
  border: solid #000000 0px;
  color: #000000;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding: 0;
  padding-left: 0px;
  text-align: center;
  width: 80%;
  height: 24px;
  display: inline;
}


DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 33.3%;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 33.2%;
}

DIV.right-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 33.2%;
}

DIV.left-container33 {
  border: none; float: left; margin: 0; padding: 0; width: 66.4%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H5.colhdr {
  background: none #00AC4C; border: solid #000000 1px; color: #FFFFFF;
  font-family: verdana,arial,sans-serif; font-size: .85em;
  font-weight: bold; margin: 0; padding: 0.3em 0.3em 0.3em 0.3em;
  text-align: center; width: auto;
}

H5.blank {
  background: none #FFFFFF; border: solid #FFFFFF 1px; color: #FFFFFF;
  font-family: verdana,arial,sans-serif; font-size: .85em;
  font-weight: bold; margin: 0; padding: 0.3em 0.3em 0.3em 0.3em;
  text-align: center; width: auto;
}

P.text {
  border: solid #000000 1px; 
  margin: 0; padding: 0.3em 0.3em 0.3em 0.3em;
  font-style: normal; font-size: .75em; text-align: center; text-indent: 0;
  width: auto;
}

P.text_02 {
  border: solid #000000 1px; 
  margin: 0; padding: 0.3em 0.3em 0.3em 0.3em;
  font-style: normal; font-weight: bold; font-size: .75em; text-align: center; text-indent: 0;
  width: auto;
}

.smallsidebar {
  font-size: 10px;
  font-family: verdana,arial,sans-serif;
  line-height: normal;
  color: #000000;
  text-align: justify;
} 


/* End of layer specific style rule set */

table {
	text-align: center;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana,arial,sans-serif;
	font-size: 10pt;
	border-width: 3px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}

p + table {
	text-align: left;		
	font-size: 10pt;
  	height: 1%;
  	}

table th {
	border-width: 1px;
	padding-top: 4px;
 	padding-bottom: 6px;
 	padding-left: 10px;
 	padding-right: 10px;
	border-style: inset;
	border-color: gray;
	background-color: green;
	color: white;
	font-weight: bolder;
	-moz-border-radius: ;
}

table td {
	border-width: 1px;
	padding-top: 4px;
 	padding-bottom: 6px;
 	padding-left: 10px;
 	padding-right: 10px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table th.green {
	font-size: .65em;
	font-weight: bolder;
	margin: 4px;
	border-width: 1px;
	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
	border-style: inset;
	border-color: gray;
	background-color: green;
	color: white;
	text-align: center;
	-moz-border-radius: ;
}

table th.blue {
	font-size: .65em;
	font-weight: bolder;
	margin: 4px;
	border-width: 1px;
	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
	border-style: inset;
	border-color: gray;
	background-color: navy;
	color: white;
	text-align: center;
	-moz-border-radius: ;

}

table td.odd {
	font-size: .65em;
	background-color: LemonChiffon;
	margin: 4px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
 	text-align: center;
}

table td.even {
	font-size: .65em;
	background-color: white;
	margin: 4px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
 	text-align: center;
}

table td.blank {
	font-size: .65em;
	background-color: silver;
	color: silver;
	margin: 4px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
 	border-style: none;
	border-color: white;
}

table td.scoutsgreen {
	background-color: #DCFEE0;
	color: green;
	margin: 4px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
 	
 	border-width: 2px 2px 2px 2px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}

table td.scoutsnavy {
	background-color: #DAE5FF;
	color: navy;
	margin: 4px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
 	
 	border-width: 2px 2px 2px 2px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}

table td.scoutspurple{
	background-color: #DBC4FE;
	color: purple;
	margin: 4px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px;
 	
 	border-width: 2px 2px 2px 2px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}

.table_white {
	background-color: white;
	margin: 10;
 	padding-top: 4;
 	padding-bottom: 6;
 	padding-left: 10;
 	padding-right: 10;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray; */
}

.table_blue {
	background-color: blue;
	margin: 10;
 	padding-top: 4;
 	padding-bottom: 6;
 	padding-left: 10;
 	padding-right: 10;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray; */
}

.table_whitehead {
	text-align: left;
	background-color: white;
	font-weight: bolder;
	margin: 10px;
 	padding-top: 4px;
 	padding-bottom: 6px;
 	padding-left: 0px;
 	padding-right: 0px;
 	border: 0px;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray;*/
}

.table_green 	{
	background-color: green;
	 	color: white;
		font-weight: bolder;
	margin: 10;
 	padding-top: 4;
 	padding-bottom: 6;
 	padding-left: 10;
 	padding-right: 10;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray;*/
}

.table_yellow {
	background-color: yellow;
	margin: 10;
 	padding-top: 4;
 	padding-bottom: 6;
 	padding-left: 10;
 	padding-right: 10;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray;*/
}

.table_LemonChiffon {
	background-color: LemonChiffon;
	margin: 10;
 	padding-top: 4;
 	padding-bottom: 6;
 	padding-left: 10;
 	padding-right: 10;
/*	border-top: 1px solid black;
	border-bottom: 1px solid gray; */
}

table textarea {
	width: 100%;
	height: 100%;
}

/* *************** NEWSLETTER ****************** */ 
 
table.leftimage {
	float: left;
	font-family: Verdana;
    font-weight: normal;
	font-size: 9px;
 	color: gray;
	border: 1px #CCCCFF solid;
	border-collapse: collapse;
	border-spacing: 40px;
	padding-bottom: 40px;
	margin-bottom: 2px;
 }
 
table.rightimage {
	float: right;
	font-family: verdana,arial,sans-serif;
    font-weight: normal;
	font-size: 9px;
 	color: gray;
	border: 1px #CCCCFF solid;
	border-collapse: collapse;
	border-spacing: 40px;
	padding-bottom: 40px;
	margin-bottom: 2px;
 }
 
*.caption { 
 font-size: .75em;
 color: gray;
 }
 

	
*.news1 {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	display: inline;
	color: #227BBF;
	}
	
*.news2 {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	display: inline;
	color: #227BBF;
	}
	
*.news3 {
	font-size: 7pt;
	font-weight: bold;
	text-align: left;
	display: inline;
	color: #227BBF;		
	}
 
/* *************** NEWSLETTER ****************** */  

/* *************** VIRTUAL VORTEX ****************** */

*.fourthheading
	{
		font-size: 10pt;
		font-weight: bolder;
		margin-bottom: -1em;
		color: purple;
	}
	
	
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dynamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}