body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		text-align:center;
		}

		body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
		color: #333;
		}

		.body_about {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #cfcbba;
		background-image: url(../images/bg_about.jpg);
		}

		a, a:link, a:visited, a:active {
        font-family: verdana, arial, sans-serif;
        font-size: 10pt;
        color: #ff6a06;
        text-decoration: none;
        }

        a:hover {
        color: #777;
        text-decoration: none;
        }

		hr {
		background-color: #9c9c9c;
		color: #9c9c9c;
		border-bottom: 3px solid #e8e8e8;
		height: 10px;
		noshade: noshade;
		margin: 10px 0 10px 0;
		}
		
		#container {
		float: right;
		width: 100%;
		border: 0px;
		text-align:left;
		}

		#headimg {
		float: left;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		width: 100%;
        height: 60px;
		padding: 0;
		filter: Alpha(Opacity=70, FinishOpacity=70, Style=70, StartX=70, StartY=70, FinishX=70, FinishY=70);
        opacity: 0.7; -moz-opacity:0.7;
        background: url(http://cwow.org/images/cwow_foliohead.jpg) no-repeat 50% 0%;
        background-color: #ff6a06;
		/*background-image:url(../head.gif);*/
		/*background-color: #e8e8e8;
		height: 41px;
		width: 100%;
		clear: both;*/
		}
		
		/*
		#headimg h1, #headimg h2 {
		display: none;
		}
		*/
		
		#boxforall {
		margin-left:auto;
		margin-right:auto;
		background-color: #fff;
		width: 770px;
		text-align: left;
		}

/* begin site nav */


		#sitenavwrap {
		float: left;
		margin: 0 0 0 0;
		padding: 0;
		width: 100%;
		background-color: #9c9c9c;
		}
		
		#sitenav {
		float: left;
		margin: 10px 0 10px 0;
		padding: 0;
		color: #ffffff;
		font-weight: bold;
		text-align: left;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
		}

		#sitenav ul {
		padding: 0px;
		list-style-type: none;
		}

		#sitenav ul li {
		padding: 0px;
		display: inline;
		}
                
                .sitenavlist {
                margin-left: auto;
                margin-right: auto;
                width: 770px;
                }
                
                #sitenav .sitenavlist li a, #sitenav .sitenavlist li a:visited {
                margin: 0 0 0 7px;
                padding: 2px;
                color: #fff;
                font-size: 10pt;
                font-weight: bold;
                text-decoration: none;
                vertical-align: middle;
                background: #9c9c9c;
                }
                
                #sitenav .sitenavlist li a:hover {
                color: #999;
                background: #e8e8e8;
                }

/* end site nav */

		#layer1 {
		position:relative;
		top: 15px;
		border: 0px;
		clear:both;
		}

		#info {
		position: relative;
		top: 20px;
		left: 200px;
		padding: 0px 20px 0px 0px;
		width: 560px;
		}

		#info h1 {
		font-size: 100%;
		color: #ffffff;
		margin-top: 0px;
		}

		.head {
		background-color: #9c9c9c;
		color:#ffffff;
		text-decoration: none;
		text-transform: uppercase;
		}
		
		td.head a {
		color: #fff;
		font-weight: normal;
		}
		
		td.head a:hover {
		color: #ff6a06;
		font-weight: normal;
		}

		.shade {
		background-color: #e8e8e8;
		text-decoration: none;
		}

		.bright {
		background-color: #fff;
		text-decoration: none;
		}

		.confirm {
		background-color: #A5C9AF;
		}
		
		.hot {
		background-color: #e32d33;
		}
		
		.option {
		background-color: #fff;
		text-decoration: none;
		}

		.field {
		background-color: #e8e8e8;
		text-decoration: none;
		}

		.comment {
		background-color: #f0f0f0;
		font-size: 9pt;
		}

		/* forms begin */
		
		textarea, input, select {
		background-color: #fff;
		}
		
		#formcontainer {
		/*float: left;*/
		margin-left: auto;
		margin-right: auto;
		width: 670px;
		clear: both;
		text-align: left;
		}
		
		#formcontainer div.formbox {
		float: left;
		margin-bottom: 5px;
		width: 100%;
		}
		
		
		#formcontainer div.formboxclient {
		float: left;
		margin-bottom: 15px;
		width: 100%;
		}

		#formcontainer span.field {
		float:left;
		padding: 0;
		margin-right: 2px;
		width: 175px;
		text-align: left;
		background-color: #e8e8e8;
		}

		#formcontainer span.option {
		text-decoration: none;
		}
		
		#formcontainer div.field {
		float:left;
		padding: 0;
		margin-right: 2px;
		width: 175px;
		text-align: left;
		background-color: #fff;
		}

		#formcontainer div.option {
		text-decoration: none;
		}
		
		#formcontainer span.hot {
		color: #e32d33;
		background-color: #fff;
		}
		
		a.formlink, a.formlink:link, a.formlink:visited, a.formlink:active {
        color: #F51818;
        text-decoration: none;
        }

        a.formlink:hover {
        color: #000;
        text-decoration: none;
        }
		
		#layer1 td.comment {
		background-color: #f0f0f0;
		width: 100%;
		font-size: 7.5pt;
		}
		
		#formcontainer div.comment {
		background-color: #fff;
		width: 100%;
		font-size: 9pt;
		color: #777;
		}
		
		/* forms end */
		
		.thumbcontainer {
		position: relative;
		/*clear:both;*/
		margin-top: 20px;
		width: 100%;
		}

		.thumbimage {
		float: left;
		width: 20%;
		}

		.thumbdetail {
		float: right;
		width: 80%;
		}

/*begin content for individual features*/
		#featurecontainer {
		position:relative;
		top: 80px;
		border: 0px;
		width: 70%;
		}
		
		#featurecontainer h1 {
		font-weight:bold;
		}
		
		#listcontainer {
		float: left;
		margin: 0 0 0 14px;
		padding: 0;
		width: 380px;
		background: transparent;
		border: 0px solid #ff6600;
		text-align: left;
		}

		#elementcontainer {
		float: left;
		margin: 0 0 0 14px;
		padding: 0;
		width: 380px;
		height: 300px;
		background: transparent;
		border: 1px solid #ff6600;
		overflow: auto;
		}

		.elementbox {
		float: left;
		padding: 0 0 0 0;
		margin: 4px 0 6px 4px;
		width: 352px;
		border: 0px solid #ff6600;
		}

		.elementname {
		float: left;
		padding: 0;
		margin: 2px 2px 2px 2px;
		width: 104px;
		}
		
		.elementdetail {
		float: left;
		padding: 0;
		margin: 2px 2px 2px 2px;
		width: 236px;
		text-align: left;
		}

		.elementthumb {
		border: 0 solid #ff6600;
		}
/*end content for individual features*/

		#all_ftype_container {
		margin-left: 0px;
		width: 628px;
		height: 150px;
		background: transparent;
		border: 0px solid #ffffff;
		overflow: auto;
		}
		
		#all_ftype_box {
		float:left;
		width: 600px;
		clear: both;
		}
		
		#all_ftype_container span.field {
		float:left;
		padding: 0;
		margin-right: 2px;
		width: 100px;
		text-align: right;
		background: transparent;
		}


/* login begin */
		#login_container {
		margin-left:auto;
		margin-right:auto;
		margin-top: 80px;
		/*margin-bottom: 150px;*/
		padding: 0 0 150px 0;
		width: 391px;
		background: transparent;
		border: 0px solid #fff;
		text-align: left;
		}

		.login_box {
		float: left;
		padding: 0 0 0 0;
		margin: 4px 0 0 4px;
		width: 373px;
		border: 0px solid #fff;
		clear: both;
		}

		.login_field {
		float: left;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 125px;
		background-color: #ececec;
		}

		.login_option {
		float: left;
		margin: 0 2px 0 2px;
		width: 236px;
		text-align: left;
		}
		
		#helpwrap {
		float: left;
		width: 100%;
		margin-top: 5px;
		padding: 0;
		text-align: right;
		}
		
		#loginnamewrap {
		float: left;
		width: 100%;
		margin-top: 5px;
		padding: 0 0 0 3px;
		}

/* login end */

		#footer {
		/*float: left;*/
		margin-top: 20px;
		/*background-image: transparent url(../) top left;*/
		background-color: #e8e8e8;
		height: 41px;
		width: 100%;
		clear: both;
		}
		
		.significant {
		font-weight: bold;
		color: #9c9c9c;
		}

/* title */

#titlewrap{
		float: left;
		padding: 0;
		margin: 0 0 5px 0px;
		width: 391px;
		border: 0px solid #ffffff;
		}
		
#titlewrap h3{
		margin-left: 0px;
		padding: 10px 0 10px 0;
		width: 391px;
		text-transform: uppercase;
		border-top: #d1d1d1 1px solid;
		border-bottom: #d1d1d1 1px solid;
	    color :#ff6a06;
		}
		
#logincopy {
			padding: 10px 0 10px 0;
			border-bottom: #d1d1d1 1px solid;
}