/*  I HAVE COMMENTED OUT THE BASIC NAVIGATION
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	/*font-weight: bolder;  */
	color: #000000;
	background: #FFFFFF;
	margin-top: 0px;
	padding: 0;
	text-align: center;
	width: 100%;
	/*background-image: url(images/background.gif);
	 background-repeat: no-repeat; background-attachment:fixed;
	
	background-position: center;*/
}	

#container  {
	margin: 	0 auto;
	align:		center;
	text-align: center;
	width:		750px;
}

#header  {
	padding-bottom: 5px;
	padding-top: 7px;
	#height: 100%;  /* the "#" is for internet explorer */
	height: 72px; 

}

.logo {
	float: left;
	vertical-align: middle;
	text-align:	center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width:	260px;
}

/*
.logo {
	float: left;
 width: 295px;
 height: 113px;
 position: relative;
}*/
.logo a {
 position: relative;
 width: 295px;
 height: 113px;
}
.logo a span {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 295px;
 height: 113px;
 background: url("http://www.cocws.org/images/wslogotitle.gif") no-repeat;
}




.address, a.link.address, a.address:active, a.address.visited {
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.address:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: 9f2d20;
	text-decoration: none;
}
.rightborder {
	text-align: center;
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 8px;
	border-color: 9f2d20;
    border-width: 5px;
    border-style: solid;

}
.rightbar {
    float: right;
	text-align: center;
	width: 165px;
	margin:0;
	pading: 0;

}
.leftborder {
	text-align: left;
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 8px;
	border-color: 9f2d20;
    border-width: 5px;
    border-style: solid;

}
.leftbar {
    float: left;
	text-align: left;
	width: 165px;
	margin:0;
	pading: 0;

}
.maincontent_leftbar {
	text-align: left;
	margin-left: 185;
	/*
	float: left;
	width: 575;
	#width: 555px;   the "#" is for internet explorer :  subtract the padding*/
}

.maincontent {
	text-align: center;
	margin-right: 175;
	/*
	float: left;
	width: 575;
	#width: 555px;   the "#" is for internet explorer :  subtract the padding*/
}
.maincontent_noright {
		/* float: left;  */
	text-align: center;
}
.mainborder {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	border-color: 9f2d20;
    border-width: 5px;
    border-style: solid;
	padding-top: 	10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
}
.contenttitle {
	background-image: url(images/wscolor3.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: lowercase;
	text-align: left;
	padding-left: 10px;

}
.articlecontent {
	text-align: left;

}

.article_img_left {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
}


.whitenounderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.whitenounderline:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.whitenounderline:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.whitenounderline:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.whitenounderline:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}





.pictborder {
	border: 2px solid #FFFFFF;
}

.homeblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.homeblack:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
a.homeblack:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
a.homeblack:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
a.homeblack:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: 9f2d20;
	text-decoration: none;
}




.largernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.nav {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 52px; 
	COLOR: #ffffff; 
	LINE-HEIGHT: 25px; 
	PADDING-TOP: 4px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: right
}
a.whtbkgrd:link {
	color: #0033FF;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;

}
a.whtbkgrd:active {
	color: #0033FF;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;

}
a.whtbkgrd:visited {
	color: #0033FF;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;

}
a.whtbkgrd:hover {
	color: #FF0000;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;

}
.hometable
{
    border-color: 9f2d20;
    border-width: 5px;
    border-style: solid;
}
.homepic
{
    border-color: ba6215;
    border-width: 1px;
    border-style: solid;
}
.homeevent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: lowercase;

}
a.homeevent:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.homeevent:active {
	color: #000000;
	text-decoration: none;
}
a.homeevent:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.homeevent:hover {
	color: #000000;
	text-decoration: none;
}







.hometext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #BA6215;
	text-decoration: none;
}
.hometext:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #BA6215;
	text-decoration: none;
}
a.hometext:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-decoration: underline;
}
a.hometext:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #BA6215;
	text-decoration: none;
}
a.hometext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-decoration: underline;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.day, .day a:link, .day a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.number, .number a:link, .number a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}

table.menu a { 
width:125px; 
border:1px solid #333333; 
display: block; 
} 

div.menu a {
color: #333333; 
background: #ffffff; 
text-decoration:none; 
font-size:11px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 2px 5px;
}

div.menu a:link {
color: #333333; 
background: #cccc99; 
}

div.menu a:active { 
color: #000000;
background: #cccc99; 
}

div.menu a:visited {
color: #333333; 
background: #cccc99; 
}

div.menu a:hover {
color: #eeeeee;
background: #333333; 
border:1px solid #000000; 
}
.daytitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38pt;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.daytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.daytext:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.daytext:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.daytext:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.daytext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: 9f2d20;
	text-decoration: none;
}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.answer:link {
	color: #0033FF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;

}
.centerform {
	margin: 0 auto;
	text-align:	center;
	width:	100%;
	
}

.mailform {
	width:  600px;
	align:	center;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: none;


}
.formans {
	float:	left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.formhead {
	align: center;
	font-size: 18pt;
	font-style: bold;
	text-align: center;
}
.titlequest  {
	font-weight: bold;
	clear:	both;
	float:	left;
	width:	110px;
	text-align:	left;
}

.quest  {
	font-weight: bold;
	clear:	both;
	float:	left;
}

.ans {
	clear:	both;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px;
	text-align:	left;
	margin:	20px;

}
#menunew {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 3px;
	height: 16px;
	#height: 22px;  
	background-image: url(images/WSORANGEnew.jpg);
	vertical-align: middle; 
	z-index: 100;
	
}
#menunew a:link {
    color: white;
	text-decoration: none;
}
#menunew a:visited {
    color: white;
	text-decoration: none;
}

#menunew a:hover { 
	color:black; 
}

#navnew, #navnew ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none; 
  	white-space: nowrap;
	z-index: 598;

}
#navnew li { /* all list items */
	display: inline; 
	position: relative;
	z-index: 598;

}

#navnew li ul { /* second-level lists */
	width: 200px;
	left: -1999px;
	top: 16px;   /* use the line height of initial list */
	#top: 15px;   /* use the line height of initial list */
	position: absolute;
	float: left;
	font-weight: bold;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #666666; /*border width style color*/
	border-left: 1px solid #666666; /*border width style color*/
	border-right: 1px solid #666666; /*border width style color*/
	/*
	display: block; */  /* use this to see how the list will look when hovered */
	z-index: 598;
}

/* #nav li li,  */
#navnew li ul a {
	display: block;
	padding: 2px;
	/* background-color: #968527;*/
	background-image: url(images/WSGREENNEw.jpg);
	text-align: left;
	border-top: 1px solid #666666; /*border width style color*/
	/*border-left: 1px solid #666666; /*border width style color*/
	/*border: 1px solid #666666; /*border width style color*/
	height: 16px;
	#height: 20px;  /* the "#" is for internet explorer */
	/* width: 150px;*/
	z-index: 598;

}
/* #nav li ul a:hover { /* lists nested under hovered list items */
/*	color:#FFFFFF; 
}*/

/* #nav li li:hover, 
#nav li li.sfhover, */
#navnew li ul a:hover { /* lists nested under hovered list items */
/*	background-color: #CC6633; */
	background-image: url(images/WSORANGEnew.jpg);
	color: white; 

}

#navnew li:hover ul, #navnew li.sfhover ul { /* lists nested under hovered list items */
	/* left: auto; */
	/* display: block; */
	left: 6px;  /* based on the location of initial list */

}
/* HERE IS LOGIN PANE */
#loginContainer {
float: right;

}
#loginContainer, #loginContainer p,  #loginContainer a, #loginContainer li, #loginContainer ol, #loginContainer ul{
 margin:0;
 outline:0;
 padding:0;
 vertical-align:baseline;
 border:0;
  font-size:100%;
 background:transparent;
  font-family:"Trebuchet MS",Trebuchet,Calibri,Tahoma,Arial,sans-serif;
line-height:1;
list-style:none;margin:0;
}
 /*body{font-size:62.5%;}    */
 #login a{color:green;text-decoration:none;}
 #login{
 /*position:absolute;
 left:275px;
 top:15px; 
 background-color:#e2e2e2;*/
 background-color:#f8edcf;
 width:210px;
}
 #login h4{font-size:.875em;margin:7px 0 8px;text-align:right;}
 #login p{clear:both;font-size:.6875em;padding-bottom:1px;text-align:right;}
 #loginForm ul{background-color:#f8edcf;float:right;margin-bottom:5px;padding:2px 3px 2px 0;}
 #loginForm ul li{margin-left:5px;_margin-left:2px;float:left;width:87px;}
 #loginForm ul li input{width:87px;border:1px solid #ccc;font-size:.6875em;position:relative;#left:-5px;_left:0;height:16px;}
 #loginForm ul li span{display:block;font-size:.725em;padding-bottom:3px;position:relative;#right:-3px;width:87px;text-align:left;}
 #loginForm ul li#loginSubmit{margin-top:2px;width:18px;}
 #loginForm ul li#loginSubmit input{color:#000;font-size:..5em;padding:0;width:18px;}
/* ------------------ */

/* this is the code for the vertical sub menu */

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 150px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
}

* html .glossymenu, .glossymenu li ul{  /*THIS IS A HACK FOR IE*/
	width: 160px; 
}


.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 160px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

.servercontent{
	text-align: center;
	width:  	450;
}

.serverpic {
	float: left;
}
.serverarticle {
	text-align:left;
/*	width: 	300; */
}


.serverlist {
width: 80%;
text_align: left;
}
.serverdel {
width:  10px;
}

/* HERE IS CSS FOR FORM ROWS: */
        /*  THIS IS FOR THE FORM ROWS*/
div.row {
  clear: both;
  padding-top: 5px;

  }

div.row span.label {
  float: left;
   width: 270px; /**/
  text-align: right;
  margin-right: 10px;
  }

div.row span.formw {
  float: left;
  /* width: 350px;  */
  text-align: left;
  } 
  
  /* this is to clean up some form elements */
textarea, option, select { 
	color: #000; 
	}


/*  /////////////////////////// */

#human {   
visibility:hidden;   
display:none;   
}