/*CSS (or Cascading Style Sheets) make it easier to work with many pages of xhtml because, rather than having to worry about re-inputting data you can simply make a standard order and have each page reference that order via the css file. Comments are good for letting yourself know what is going on in style sheets, and must be left in this format. Below are a number of the standard settings I have chosen for the ZCW web site, but that may change over time as determined by staff approval*/

/*ADRIAN!!! MAKE SURE TO UPLOAD IN ASCII MODE, NOT BINARY!!!*/

body {background:url(../images/zcnwave.jpg);}
/*adds the texture image to the background, offering depth where before there was none*/

body.2 {background-color: #FDF5E6;}

p.group {font-weight: bold; font-size: 1.25em; color: blue;}

p {color: navy;}
/*causes all text that falls within the <p> or paragraph element to come out blue*/

.halfspace {line-height:150%;}


a:link {color: crimson; cursor: pointer; font-weight: normal; text-decoration: none; border: none;}
a:visited {color: red; cursor: pointer; font-weight: normal; text-decoration: none; border: none;}
a:focus {color: crimson; cursor: pointer; font-weight: normal; text-decoration: none; border: none;}
a:hover {color: black; cursor: pointer; font-weight: normal; text-decoration: none; border: none;}
a:active {color: black; cursor: pointer; font-weight: normal; text-decoration: none; border: none;}
/*modifies links to pages and web sites, keeping them uniform*/

ul {align: left;}

img { border: none; }
/*eliminates image borders in web pages*/

/*class selectors are below, and begin with a . */

.emph {font-style: italic;}

/*Modifications for Jennifer, codes made easy(ish) */

.italic {font-style: italic;}

.bold {font-weight: bold;}
.uline {text-decoration: underline;}

.bolditalic {font-weight: bold; font-style: italic;}

.bolduline {font-weight: bold; text-decoration: underline;}

.italiculine {font-style: italic; text-decoration: underline;}

.bolditaliculine {text-decoration: underline; font-weight: bold; font-style: italic;}

.small {font-size: 75%;}

.smallbold {font-size: 75%; font-weight: bold;}

.smallitalic {font-size: 75%; font-style: italic;}

.smalluline {font-size: 75%; text-decoration: underline;}

.smallbolditalic {font-size: 75%; font-weight: bold; font-style: italic;}

.smallbolditaliculine {font-size: 75%; font-weight: bold; font-style: italic; text-decoration: underline;}

.smaller {font-size: 50%;}

.smallerbold {font-size: 50%; font-weight: bold;}

.smalleritalic {font-size: 50%; font-style: italic;}

.smalleruline {font-size: 50%; text-decoration: underline;}

.smallerbolditalic {font-size: 50%; font-weight: bold; font-style: italic;}

.smallerbolditaliculine {font-size: 50%; font-weight: bold; font-style: italic; text-decoration: underline;}

.big {font-size: 1.5em;}

.notsobigbold {font-size: 1.25em; font-weight: bold;}

.bigbold {font-size: 1.5em; font-weight: bold;}

.biggishbold {font-size: 1.75em; font-weight: bold;}

.biggerbold {font-size: 2em; font-weight: bold;}

.biggererbold {font-size: 2.25em; font-weight: bold;}

.bigitalic {font-size: 1.5em; font-style: italic;}

.bigitaliculine {font-size:  1.5em; font-style: italic; text-decoration: underline;}

.biguline {font-size: 1.5em; text-decoration: underline;}

.bigbolditalic {font-size: 1.5em; font-weight: bold; font-style: italic;}

.bigbolditaliculine {font-size:  1.5em; font-weight: bold; font-style: italic; text-decoration: underline;}

.bigger {font-size: 2em;}

.biggest {font-size: 3em;}

.biggeritalic {font-size: 2em; font-style: italic;}

.biggeritaliculine {font-size:  2em; font-style: italic; text-decoration: underline;}

.biggeruline {font-size: 2em; text-decoration: underline;}

.biggerbolditalic {font-size: 2em; font-weight: bold; font-style: italic;}

.biggerbolditaliculine {font-size:  2em; font-weight: bold; font-style: italic; text-decoration: underline;}

.indent {text-indent: 2em; }

.strong {font-weight: bold;}



.stremph {font-weight: bold; font-style: italic;}



.stumpy {font-style: italic; font-size: 75%;}

.highlight {background-color: transparent; color: white;}

.under {text-decoration: underline;}

.leftsidebar {width: 200px; color: blue; text-align: left; vertical-align: top; line-height: 200%; }
/*modifies left option sidebar*/

.articlecolumn {background: url(zcnwaveback.jpg); background-repeat: repeat; border-style: solid; border-width: 2px; padding: 0px 20px 0 20px; width: 540px; text-align: left; vertical-align: top;}
/*modifies main column area*/

.articlecolumn2 {text-align: left; vertical-align: top;}

.rightsidebar {width: 200px; text-align: left; vertical-align: top;}
/*modifies right option sidebar*/

.center {text-align: center;}
/*creates a standard for use with custom in-page code modification*/

.right {text-align: right;}
/*creates a standard for use with custom in-page code modification*/

.smallish {font-size: 75%;}

.main {vertical-align: top;}
/*creates a standard for use with custom in-page code modification*/

.middle {vertical-align: middle;}

.zenithbar {width: 980px; border: none; background: #ccc;} 

.big {font-size: 1.5em;}

.bigger {font-size: 2em;}

/*title selectors are below*/

div#big {font-size: 1.5em;}

div#bigger {font-size: 2em;}

#wrap {background-img: url(zcnwaveback.jpg); background-position: left top; background-repeat: repeat;}

#infobar ul { margin: 0; padding: 0; list-style: none; }

#infobar a { display: block; width: 10em; }

#infobar li { float: left; width: 10em; }

#infobar li ul { display: none; }

#infobar li:hover ul { display: block; width: 10em; position: absolute; }

div.content {clear: left;}

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;background-color:; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;z-index: 10;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:1.4px 1.4px 2px #B1B1B1;-webkit-box-shadow:1.4px 1.4px 2px #B1B1B1;box-shadow:1.4px 1.4px 2px #B1B1B1;padding:0;background-color:#202020; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0)));border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-color:#000000;z-index: 10;}
ul#css3menu1 li:hover>*{
	display:block;z-index: 10;}
ul#css3menu1 li:hover{
	position:relative;z-index: 10;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;z-index: 10;}
ul#css3menu1{
	padding:6px 6px 6px 0;display:block;font-size:0;float:left;z-index: 10;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;z-index: 10;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0 0 0 6px;z-index: 10;}
ul#css3menu1 ul>li{
	margin:6px 0 0;z-index: 10;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;z-index: 10;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#e7e5e5;cursor:pointer;z-index: 10;}
ul#css3menu1 ul li{
	float:none;margin:0;z-index: 10;}
ul#css3menu1 ul a{
	text-align:left;z-index: 10;}
ul#css3menu1 li:hover>a{
	background-color:#7acf27;border-color:#F8F8F8;border-style:solid;font:12px Arial;color:#333333;text-decoration:none; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)z-index: 10;}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:8px;z-index: 10;}
ul#css3menu1 img.over{
	display:none;z-index: 10;}
ul#css3menu1 li:hover > a img.def{
	display:none;z-index: 10;}
ul#css3menu1 li:hover > a img.over{
	display:inline;z-index: 10;}
ul#css3menu1 li a.pressed img.over{
	display:inline;z-index: 10;}
ul#css3menu1 li a.pressed img.def{
	display:none;z-index: 10;}
ul#css3menu1 a{
	padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;color:#e7e5e5;text-decoration:none;z-index: 10;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#7acf27; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;color:#333333;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)z-index: 10;}
ul#css3menu1 li.topmenu>a{
	height:16px;background-color:;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#e7e5e5;text-decoration:none;text-shadow:0 1px 1px #000000;line-height:16px;z-index: 10;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
	background-color:#7dfa00; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;font:bold 13px Arial;color:#444444;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;line-height:16px;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00)z-index: 10;}
ul#css3menu1 li.subfirst>a{
	border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;z-index: 10;}
ul#css3menu1 li.sublast>a{
	border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;z-index: 10;}