/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
html { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
body { background:#CFC6BD; margin: 0; padding: 0; }
tr.odd td, tr.even td { padding: 0.3em; }
h1, h2, h3, h4, h5 { font-family:"Century Gothic", Arial, Helvetica, sans-serif; margin:0; padding:5px 0;}
h1 { font-weight:bold; font-size:24px; }

h2 { color:#6A2E92; font-size:18px;}

h3 { color:#5a2b7b; font-size:16px;}
p { margin:0; padding:5px 0;}
a, a:active { color:#000000; text-decoration: none; font-weight: bold; }
a:link { color: #39c; }
a:visited { color: #369; }
a:hover { color: #39c; text-decoration: underline; }
fieldset { border: 1px solid #ccc; }
pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd; }
table { /* make <td> sizes relative to body size! */
  font-size: 1em; }
.form-item label { font-size: 1em; color: #222; }
.item-list .title { font-size: 1em; color: #222; }
.links { margin-bottom: 0; }
.comment .links { margin-bottom: 0; }
/*
** Page layout blocks / IDs
*/

#logo { vertical-align: middle; border: 0; }
#logo img { float: left; /* LTR */ padding: 0 1em; border: 0; }

#navlist { font-size: 1.0em; padding: 0 0.8em 1.2em 0; /* LTR */ color: #9cf; }
#navlist a { font-weight: bold; color: #fff; }
#subnavlist { padding: 0.5em 1.2em 0.4em 0; /* LTR */ font-size: 0.8em; color: #9cf; }
#subnavlist a { font-weight: bold; color: #9cf; }
ul.links li { /* LTR */ }
ul.links li.first { border: none; }
#search .form-text, #search .form-submit { border: 1px solid #369; font-size: 1.1em; height: 1.5em; vertical-align: middle; }
#search .form-text { width: 8em; padding: 0 0.5em; }
#mission { background-color: #369; padding: 1.5em 2em; color: #fff; }
#mission a, #mission a:visited { color: #9cf; font-weight: bold; }
.site-name { margin: 0.6em 0 0; padding: 0; font-size: 2em; }
.site-name a:link, .site-name a:visited { color: #fff; }
.site-name a:hover { color: #369; text-decoration: none; }
.site-slogan { font-size: 1em; color: #eee; display: block; margin: 0; font-style: italic; font-weight: bold; }
#main { /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px; }
#mission, .node .content, .comment .content { line-height: 1.4em; }
#help { font-size: 0.9em; margin-bottom: 1em; }
.breadcrumb { margin-bottom: .5em; }
.messages { background-color: #eee; border: 1px solid #ccc; padding: 0.3em; margin-bottom: 1em; }
.error { border-color: red; }
#sidebar-left, #sidebar-right { background-color: #ddd; width: 16em; /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px; vertical-align: top; }

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.submitted { color: #999; font-size: 0.8em; }
.links { color: #999; }
.links a { font-weight: bold; }
.block, .box { padding:0; /* LTR */ }
.block { margin:0; padding:0; }
.block .title { margin-bottom: .25em; }
.box .title { font-size: 1.1em; }
.node { margin:15px 0; /* LTR */ }
.sticky { padding: .5em; background-color: #eee; border: solid 1px #ddd; }
.node .content, .comment .content { margin: .5em 0 .5em; }
.node .taxonomy { color: #999; font-size: 0.8em; padding-left: 1.5em; /* LTR */ }
.node .picture { border: 1px solid #ddd; float: right; /* LTR */ margin: 0.5em; }
.comment { border: 1px solid #abc; padding: .5em; margin-bottom: 1em; }
.comment .title a { font-size: 1.1em; font-weight: normal; }
.comment .new { text-align: right; /* LTR */ font-weight: bold; font-size: 0.8em; float: right; /* LTR */ color: red; }
.comment .picture { border: 1px solid #abc; float: right; /* LTR */ margin: 0.5em; }
/*
** Module specific styles
*/
#aggregator .feed-source { background-color: #eee; border: 1px solid #ccc; padding: 1em; margin: 1em 0; }
#aggregator .news-item .categories, #aggregator .source, #aggregator .age { color: #999; font-style: italic; font-size: 0.9em; }
#aggregator .title { margin-bottom: 0.5em; font-size: 1em; }
#aggregator h3 { margin-top: 1em; }
#forum table { width: 100%; }
#forum td { padding: 0.5em; }
#forum td.forum, #forum td.posts { background-color: #eee; }
#forum td.topics, #forum td.last-reply { background-color: #ddd; }
#forum td.container { background-color: #ccc; }
#forum td.container a { color: #555; }
#forum td.statistics, #forum td.settings, #forum td.pager { height: 1.5em; border: 1px solid #bbb; }
#forum td .name { color: #96c; }
#forum td .links { padding-top: 0.7em; font-size: 0.9em; }
#profile .profile { clear: both; border: 1px solid #abc; padding: .5em; margin: 1em 0em; }
#profile .profile .name { padding-bottom: 0.5em; }
.block-forum h3 { margin-bottom: .5em; }
div.admin-panel .description { color: #999; }
div.admin-panel .body { background: #f4f4f4; }
div.admin-panel h3 { background-color: #69c; color: #fff; padding: 5px 8px 5px; margin: 0; }

/* ------------------------------- */

/* bof common markup */

.hide { display:none; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.block { display:block;}

/* eof commmon markup */

/* ------------------------------- */

/* bof default markups */

#wrapper { background:url(images/contentFooterBg.jpg) bottom repeat-x #0ed572;}
#wrapper-inner { background:url(images/bgBackgroundTop.jpg) top center repeat-x; padding-bottom:40px;}
#wrapper-contentarea { margin:auto; width:900px;}

#header { color:#5a2b7a; height:134px;}
	#header-leftcol { background:url(images/hightechkidsLogo-2.jpg) no-repeat; height:128px; float:left; width:640px;}
	#header-rightcol { background:url(images/headerAddressBox.jpg) no-repeat; height:93px; float:left; margin-left:20px; padding:35px 0 0 20px; width:213px;}
	#header a, #header a:active { color:#5a2b7a; text-decoration:none;}
	#header a:hover { color:#333333; text-decoration:none;}
	
	

#menu { height:75px; font-weight:bold; position:relative; z-index:900;}
	#menu h2 { display:none;}
	#menu ul { margin:0; padding:1px 0 0 0;}
	#menu li { display:inline-block; list-style:none; padding:0 15px 0 0; }
	#menu li a, #menu li a:active { color:#5a2b7a; text-decoration:none; padding:15px 40px 0 10px;}
	#menu li a:hover { color:#767069; text-decoration:none;}
	#menu li ul li { display:block; list-style:none; padding:0;}
	#menu li ul li a, #menu li ul li a:active { padding:5px; line-height:14px; margin:0; background:none;}
	#menu li ul li a:hover { padding:5px; overflow:hidden; line-height:14px; margin:0; background:none;}

#menu ul.nice-menu > li { border:0; background:none; }

	/*
	ul.nice-menu-down li.menu-path-node-1 a:hover { background:url(images/menuOnSmall.jpg) no-repeat; padding:20px 40px 20px 10px; line-height:35px; display:block;}
	.menu1height { width:80px; height:50px}
	ul.nice-menu-down li.menu-path-node-22 a:hover, ul.nice-menu-down li.menu-path-node-22:hover, ul.nice-menu-down li.menu-path-node-3 a:hover, ul.nice-menu-down li.menu-path-contact a:hover, ul.nice-menu-down li.menu-path-node-22 li.over, ul.nice-menu-down li.menu-path-node-3:hover, ul.nice-menu-down li.menu-path-node-4 a:hover, ul.nice-menu-down li.menu-path-node-4:hover { background:url(images/menuOn.jpg) no-repeat; padding:20px 40px 20px 10px; line-height:35px; display:block;}
	
	ul.nice-menu-down li.over, ul.nice-menu-down li.over { background:url(images/menuOn.jpg) no-repeat; padding:20px 40px 20px 10px; line-height:35px; display:block;}
	*/

#content { background:#ffffff; width:900px;}
	#contentbg-top { background:url(images/contentBgTop.jpg) top no-repeat; }
	#contentbg-bottom { background:url(images/contentBgBottom.jpg) bottom no-repeat; padding:10px 0; }
	#content-leftcol { float:left; width:250px; padding:0 10px;}
	#content-rightcol { float:left; width:620px; padding-right:10px;}

#footer { background:url(images/footerBg.jpg) repeat-x; height:58px;}
	#footer-wrapper { color:#554f4f; font-size:10px; margin:auto; padding:10px 10px 0 10px; width:880px;}
	#footer-leftcol { float:left; width:75%;}
	#footer-rightcol { float:left; text-align:right; width:25%;}
	#footer a, #footer a:active { color:#554f4f; text-decoration:none;}
	#footer a:hover { color:#000000; text-decoration:none;}

/* eof default markups */

/* ------------------------------- */
/***************************************************
						menu styles
***************************************************/




/*******************************************added by art**********************/
	#block-nice_menus-4 > .content > ul > li > a {
			background: #1BE480;
	}
	#block-nice_menus-3 > .content > ul > li > a {
			background: #fecc34;
	}
	#block-nice_menus-2 > .content > ul > li > a {
			background: #A853DD;
	}

	/*******hovers*****/
	#block-nice_menus-2 > .content > ul > li > a:hover {
			background:#441761
	}
	#block-nice_menus-4 > .content > ul > li > a:hover {
			background:#057d41;
	}
	#block-nice_menus-3 > .content > ul > li > a:hover {
			 background:#c68400;
	}




	#block-nice_menus-4 > .content > ul > li > a, #block-nice_menus-3 > .content > ul > li > a, #block-nice_menus-2 > .content > ul > li > a {
			position: relative;
			left: 4%;
	}
	#content-leftcol-nav-green, #content-leftcol-nav, #content-leftcol-nav-orange {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#block-nice_menus-2 {
		background: #6A2E92;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}/*lego league*/
	#block-nice_menus-3 {
		background: #E4A527;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}/*energy*/
	#block-nice_menus-4 {
		background: #0AAF5D;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}/*first tech*/
	
/*****************************************************************************/






/*#content-leftcol-nav { background:url(images/contentLeftNavBg.jpg) no-repeat #6A2E92; width:250px; margin-bottom:10px;}*/
	/*#content-leftcol-navtop { background:url(images/contentLeftNavTop.jpg) top no-repeat;}*/
	/*#content-leftcol-navbottom { background:url(images/contentLeftNavBottom.jpg) bottom no-repeat; padding:8px;}*/
	#content-leftcol-nav h2 { background:url(images/contentLeftNavHeaderBorder-purple.gif) center bottom no-repeat; color:#FFFFFF; display:block; font-size:18px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif; padding: 0 0 10px 5px;}
	#content-leftcol-nav ul { font-weight:bold; margin:10px 0 0 0; padding:0;}
		
	#content-leftcol-nav li { display:block; list-style:none; margin:0; padding:5px 0; height:25px;}
	#content-leftcol-nav ul li { display:block; list-style:none; margin:0; padding:5px 0; height:auto;	}
	#content-leftcol-nav a, #content-leftcol-nav a:active { background:#a853dd; color:#FFFFFF; display:block; padding:5px 0 5px 5px; text-decoration:none;}
	#content-leftcol-nav a:hover { background:#441761; color:#fff; display:block; padding:5px 0 5px 5px; text-decoration:none;}
	
/*#content-leftcol-nav-orange { background: url(images/contentLeftNavBg-orange.jpg) no-repeat #e4a527; }*/
/*#content-leftcol-nav-orange #content-leftcol-navtop { background:url(images/contentLeftNavTop-orange.jpg) no-repeat; }*/
#content-leftcol-nav-orange #content-leftcol-navbottom { background:url(images/contentLeftNavBottom-orange.jpg) bottom no-repeat; }
#block-nice_menus-3 h2 {  background:url(images/contentLeftNavHeaderBorder-orange.gif) center bottom no-repeat; color:#FFFFFF; display:block; font-size:18px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif; padding: 0 0 10px 5px; }
	#content-leftcol-nav-orange a, #content-leftcol-nav.orange a:active { background:#fecc34; }
	#content-leftcol-nav-orange a:hover { background:#c68400; color:#fff; }
	#content-leftcol-nav-orange li { display:block; list-style:none; margin:0; padding:5px 0; height:25px;}
	#content-leftcol-nav-orange ul li { display:block; list-style:none; margin:0; padding:5px 0; height:auto;	}
	
/*#content-leftcol-nav-green { background: url(images/contentLeftNavBg-green.jpg) no-repeat #0aaf5d; width:250px; margin-bottom:10px; }*/
#block-nice_menus-4 h2 { background:url(images/contentLeftNavHeaderBorder-green.gif) center bottom no-repeat; color:#FFFFFF; display:block; font-size:18px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif; padding: 0 0 10px 5px;}
/*#content-leftcol-nav-green #content-leftcol-navtop { background:url(images/contentLeftNavTop-green.jpg) no-repeat; }*/
/*#content-leftcol-nav-green #content-leftcol-navbottom { background:url(images/contentLeftNavBottom-green.jpg) bottom no-repeat; }*/
#content-leftcol-nav-green #content-leftcol-nav h2 { background-image:url(images/contentLeftNavHeaderBorder-green.gif); }
	#content-leftcol-nav-green a, #content-leftcol-nav-green a:active { background:#1be480; }
	#content-leftcol-nav-green a:hover { background:#057d41; color:#fff; }
	#content-leftcol-nav-green li { display:block; list-style:none; margin:0; padding:5px 0; height:25px;}
	#content-leftcol-nav-green ul li { display:block; list-style:none; margin:0; padding:5px 0; height:auto;	}
	
/*#content-leftcol-nav { background:url(images/contentLeftNavBg.jpg) no-repeat #6A2E92; width:250px; margin-bottom:10px;}*/
	/*#content-leftcol-navtop { background:url(images/contentLeftNavTop.jpg) top no-repeat;}*/
	/*#content-leftcol-navbottom { background:url(images/contentLeftNavBottom.jpg) bottom no-repeat; padding:8px;}*/
	#block-nice_menus-2 h2 { background:url(images/contentLeftNavHeaderBorder-purple.gif) center bottom no-repeat; color:#FFFFFF; display:block; font-size:18px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif; padding: 0 0 10px 5px;}
	#content-leftcol-nav ul { font-weight:bold; margin:10px 0 0 0; padding:0;}
		
	#content-leftcol-nav li { display:block; list-style:none; margin:0; padding:5px 0; height:25px;}
	#content-leftcol-nav ul li { display:block; list-style:none; margin:0; padding:5px 0; height:auto;	}
	#content-leftcol-nav a, #content-leftcol-nav a:active { background:#a853dd; color:#FFFFFF; display:block; padding:5px 0 5px 5px; text-decoration:none;}
	#content-leftcol-nav a:hover { background:#441761; color:#fff; display:block; padding:5px 0 5px 5px; text-decoration:none;}
	
#content-rightcol-flash { padding-bottom:10px;}	
#content-rightcol-left { border-right:1px solid #999999; float:left; padding-right:10px; width:380px; }
#content-rightcol-right { float:left; padding-left:9px; width:220px;}

#whatsnew h2 { background:none; padding-left:0;}
#whatsnew ul { padding:0;}
#whatsnew li { list-style:none; border-bottom:dashed 1px #CCCCCC; padding-bottom:10px;}
#whatsnew ul li ul li{ border:none;}
#whatsnew item-list ul li { list-style: none; padding:0; margin:0;}
#whatsnew item-list ul { padding:0; margin:0;}

#frontpage h1 { font-size:18px;}

#block-views-footer-block_1 h2, #block-views-footeredit-block_1 h2 { display:none;}
#block-views-footer-block_1 .views-admin-links, #block-views-footeredit-block_1 .views-admin-links{ display:none; }


ul.nice-menu { list-style: none; padding: 0; margin: 0; }
ul.nice-menu li { /*  border: 1px solid #ccc;*/ border-top: 0; float: left; /*  background-color: #eee;*/ /* Additional overrides to deal with Garland theme. */
  margin: 0; padding: 0; background-image: none; }
/* Overrides for Garland header. */
#header-region ul.nice-menu li { margin: 0; /* Padding rules are needed to deal with Garland's header line-height. */ padding-top: 0.1em; padding-bottom: 0.1em; background: #eee; }
ul.nice-menu a { padding: 0.3em 5px; color:#ffffff; }
ul.nice-menu ul, /* Repeat for Garland header. */ #header-region ul.nice-menu ul { background:#fff; list-style: none; padding: 0; margin:0; border-top: 5px solid #C3B3A4; border-right:5px solid #C3B3A4; border-bottom:1px solid #C3B3A4; border-left:1px solid #C3B3A4; }
ul.nice-menu ul li { background:#f6d664; border-bottom:#C3B3A4 1px solid!important; display:block; width:125px; margin:0!important; padding:1px!important; z-index:100; text-align:left; }

ul.nice-menu ul li ul, /* Repeat for Garland header. */ #header-region ul.nice-menu ul { background:#fff; list-style: none; padding: 0; margin:0; border-top: 1px solid #C3B3A4; border-right:1px solid #C3B3A4; border-left:1px solid #C3B3A4; }

/******************************
 Global CSS for ALL menu types
******************************/


/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li { width: 16.5em; }
/* VERTICAL menus where submenus pop RIGHT (default). */

ul.nice-menu-right ul { left: 16.5em; top:-6px; border:none; }
ul.nice-menu-right ul li{ background:none; border:none; display:block; width:125px; margin:0!important; padding:1px!important; z-index:100; text-align:left; border:none!important; }
ul.nice-menu-right ul ul { }
ul.nice-menu-right li.menuparent, ul.nice-menu-right li li.menuparent {  }
ul.nice-menu-right li.menuparent:hover, ul.nice-menu-right li.over, ul.nice-menu-right li li.menuparent:hover, ul.nice-menu-right li li.over { }
/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul { width: 12.5em; left: -12.65em; top: -1px; }
ul.nice-menu-left li ul li ul { width: 12.5em; left: -12.65em; top: -1px; }
ul.nice-menu-left li.menuparent, ul.nice-menu-left li li.menuparent {  }
ul.nice-menu-left li.menuparent:hover, ul.nice-menu-left li.over, ul.nice-menu-left li li.menuparent:hover, ul.nice-menu-left li li.over {  }
ul.nice-menu-left a, ul.nice-menu-left ul a { padding-left: 14px; }
/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down { float: left; border: 0; }
ul.nice-menu-down li { /*  border-top: 1px solid #ccc;*/ z-index:100; }
ul.nice-menu-down li li { border: 0; }
ul.nice-menu-down ul { left: 0; top:38px; }
ul.nice-menu-down ul li { background:none; padding:0; margin:0; clear: both; }
ul.nice-menu-down li ul li ul, /* Repeat for Garland header. */#header-region ul.nice-menu-down li ul li ul { left: 10.5em; top: -2px; }
ul.nice-menu-down .menuparent a {  }
ul.nice-menu-down li.menuparent, /* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {  }
ul.nice-menu-down li.menuparent:hover, ul.nice-menu-down li.over, /* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:hover, #header-region ul.nice-menu-down li.over {}
ul.nice-menu-down li li.menuparent, ul.nice-menu-down li li.menuparent { background: #eee url(arrow-right.png) right center no-repeat; display:block; }
ul.nice-menu-down li li.menuparent:hover, ul.nice-menu-down li li.over, ul.nice-menu-down li li.menuparent:hover, ul.nice-menu-down li li.over { background: #ccc url(arrow-right.png) right center no-repeat; display:block;}

#content-leftcol ul.nice-menu { border-top:0; border-bottom:0; border-right:0; border-left:0; }
#content-leftcol ul.nice-menu li { border-top:0; border-bottom:0; border-right:0; border-left:0; padding:0; background:none; margin-bottom:5px; }

#content-leftcol ul.nice-menu ul li a { width:166px!important; }

#block-views-home_content-block_1 .content { width:588px; 
  background-color: rgb(68,68,68); /* Needed for IEs */

}
#views_slideshow_singleframe_main_home_content-block_1 {
  position:relative;
  color:#fff;
}

#block-views-image_slider-block_1 { width:620px; margin:5px auto;
  
  /*
  -moz-box-shadow: 4px 4px 4px 4px rgba(68,68,68,0.6);
  -webkit-box-shadow: 4px 4px 4px rgba(68,68,68,0.6);
  box-shadow: 4px 4px 4px rgba(68,68,68,0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  */
}
#block-views-image_slider-block_1 .view-content { height: 300px; overflow:hidden;}
#block-views-image_slider-block_1 .transparency {
 
}
#block-views-image_slider-block_1 .view-content, #block-views-image_slider-block_1 .view-content { position:relative;  }

#block-views-image_slider-block_1 .slide_content, #block-views-image_slider-block_1 .slide_content {
  position:absolute;
  bottom:3px;
  left:0px;
  width:610px;
  padding:5px;
  padding-bottom:10px;
  /*
  filter:alpha(opacity=70);
  opacity:0.7;
  -moz-opacity:0.7;
  */
 background:url(images/transparency_bg_80.png) top left;
}
#block-views-image_slider-block_1 .slide_content h2, #block-views-Slider-block_1 .slide_content p { margin:0; padding:0;}
#block-views-image_slider-block_1 h2 a { color:#fff; }

.slide_content h2, .slide_content p { color:#fff; }


#block-views-image_slider-block_1 .views_slideshow_singleframe_pager div a img { width:75px; height:42px; }
#block-views-image_slider-block_1 .views_slideshow_singleframe_pager .pager-item img { border:2px solid #cdcdcd; }
#block-views-image_slider-block_1 .views_slideshow_singleframe_pager .activeSlide img { border:2px solid #18b560; }

.view-id-spotlight .item-list ul { list-style:none; margin:0; }
.view-id-spotlight .item-list ul li { list-style:none; margin:0 0 5px 0; }

.view-id-whatsnew .item-list ul li { margin:0; }