/*
Title:      		
Author:     		Paul Lacey ©2007
Updated:    		
*/

/* positioning 
}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}*/

/* =layout */
* { margin : 0; padding : 0; }
img { border : none; margin : 0; padding : 0; }
.clearer { clear: both; height: 1px; display: block; }

html { background: #96bbd5 url(img/bg-html.jpg) repeat-x; height: 100%; }
body { font : 100.01%/1.3 "Trebuchet MS", arial, verdana, helvetica, sans-serif; }


/* =main structure */
#outerwrapper { background: url(img/bg-body.gif) center repeat-y; height: 100%; width:779px; margin:0 auto; }
#wrapper  { background: url(img/bg-wrapper.gif) 50% 0 no-repeat; height: 100%; width:779px; margin:0 auto;}
#branding { padding: 2px 10px; }
#content  { margin: 0 46px; }

#content-1 { width: 450px; float: left; }
#content-2 { width: 210px; float: right; }

.sideblock {
background: #efefef;
padding: 15px 15px 0 15px;
border: 1px solid #ccc;
margin: 0 0 15px 0;
}

#footer { background: url(img/footer-bg.gif) no-repeat transparent; width: 760px; height: 108px; margin: 0 auto; }

/* positioning end 
}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}*/


/* Typo
}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}*/

/* =defaults */
a { color: #9c4858; }
a:hover { color : #000; 
}

/* =h1 */
/* =h2 */
h2 { font-size: 105%; color: #9c4858; margin-bottom: 10px;}
h2#date { font-size: 70%; color: #7f7f7f; background: url(img/bg-dots.gif) 0 100% repeat-x transparent; padding-bottom: 15px; margin-bottom: 20px;}

/* =h3 */
h3 {  font-size: 90%; margin-bottom: 15px;}  

/* =h4 */
h4 { font-size: 85%; margin-bottom: 5px; color: #9c4858; }
h4 a { text-decoration: none; }
h2 span, h4 span { color: #9c9c9c; display: block; font-size: 80%; font-weight: normal;}

/* =h5 */
/* =h6 */


/* =p */
p { font-size: 85%; margin-bottom: 10px; line-height: 145%;}
p.dots-bottom { background: url(img/bg-dots.gif) 0 100% repeat-x; padding-bottom: 25px; margin-bottom: 25px; }

/* =p links */

#content-1 ul, #content-1 ol {
font-size: 85%;
margin: 20px 30px;
}

#content-1 ul li, #content-1 ol li {
margin: 0 0 7px 0;
}

/* =ul lists */
ul#nav { background: url(img/bg-nav.gif) no-repeat -1px 0; padding: 9px 0 25px 6px; margin-bottom: 15px; }
ul#nav li { display: inline; display: block; float: left; text-align: center; padding-right: 0px; font-size: 75%;  }
ul#nav li a { color: #fff; text-decoration: none; margin-left: 9px;}
ul#nav li a span { display: none;}

ul#nav li#item1 { text-align: right; padding-right: 5px;}
ul#nav li#item1 a {  padding-right: 10px;}
ul#nav li#item2 { width: 92px; }
ul#nav li#item8 {  padding-left: 0px; margin-right: 3px;}
ul#nav li#item8 a { display: block; width: 19px; height: 19px; background: url(img/bt+.gif) no-repeat; }
ul#nav li#item9 { width: 19px; }
ul#nav li#item9 a { display: block; width: 19px; height: 19px; background: url(img/bt-.gif) no-repeat;  }

ul#nav li#item8 a:hover,
ul#nav li#item9 a:hover { background-position: 0 -19px;; }

ul#nav li a:hover { color: #9ac9df; }

ul#latest-news {  list-style: none; padding-bottom: 0; margin: 0; font-size: 100%;}
ul#latest-news li {  margin-bottom: 25px; }

ul.ec3_events { padding-bottom: 0; margin-bottom: 20px;  font-size: 75%;}
ul.ec3_events li { background: url(img/ico-arrows.gif) 0 50% no-repeat; margin-bottom: 4px; list-style: none; padding-left: 20px;}
ul.ec3_events li a { color: #000; text-decoration: none;}
ul.ec3_events li a:hover { color: #9c4858; text-decoration: underline; }


ul.ec3_events li.ec3_list_day {
font-weight: bold;
background-image: none;
padding-left: 0;
margin-bottom: 15px;
}

ul.ec3_events li.ec3_list_day ul{
font-weight: normal;
margin-top: 3px;
}

#subnav ul { padding-bottom: 0; margin-bottom: 20px;  font-size: 75%;}
#subnav ul li { background: url(img/ico-arrows.gif) 0 2px no-repeat; margin-bottom: 4px; list-style: none; padding-left: 20px;}
#subnav ul li a { color: #000; text-decoration: none;}
#subnav ul li a:hover { color: #9c4858; text-decoration: underline; }
#subnav ul li.current_page_item a { color: #9c4858;}

#subnav ul li.current_page_item {
 font-weight: bold;
}

#subnav ul li ul {
 font-weight: normal;
font-size: 100%;
padding: 0;
margin: 5px 0 5px -5px;
}



ul#calendar { padding-bottom: 0; margin-bottom: 20px;  font-size: 75%;}
ul#calendar li { background: url(img/ico-arrows.gif) 0 50% no-repeat; margin-bottom: 4px; list-style: none; padding-left: 20px;}
ul#calendar li a { color: #000; text-decoration: none;}
ul#calendar li a:hover { color: #9c4858; text-decoration: underline; }
ul#calendar li.current_page_item a { color: #9c4858; }

#ec-slide {
border: 1px solid #efefef;
}

#content-2 p {
font-size: 75%;

}

/* =dl */
#breadcrums { font-size: 70%; background: url(img/bg-dots.gif) 0 100% repeat-x; padding-bottom: 15px; margin-bottom: 20px;}
dl#breadcrums dt { float: left; margin-right: 5px;}
dl#breadcrums dd a { color: #9c4858; margin-right: 5px; text-decoration: none;}
dl#breadcrums dd a:hover { color: #999; }

/* Typo end
}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}*/


/* =forms */
fieldset { border: 0; 
}
form#search-form fieldset 		{ padding-bottom: 20px; margin-bottom: 0; }
form#search-form ul 			{ background: #f2f2f2; list-style: none; padding: 0;}
form#search-form ul li 			{ display: inline; }
form#search-form input.txt 		{ width: 75%; margin-right: 5px;}
form#search-form input.submit 	{ background: url(img/bt-go.gif) no-repeat; width: 26px; height: 18px; border: none; cursor: pointer;}
form#search-form input.submit:hover { background-position: 0 -18px; }


/* =float clearing */
dl#breadcrum, ul#nav, #content  { display : inline-block; height : 1%; }
dl#breadcrum, ul#nav, #content  { display: block; }
dl#breadcrum:after, ul#nav :after, #content:after  { content : "."; display : block; height : 0; clear : both; visibility : hidden; }

#wva-portal {
position: absolute;
margin: 52px 0 0 -11px;
z-index: 5;
}

#graphic-email{
position: absolute;
margin: 159px 0 0 -11px;
z-index: 5;
}

#graphic-wvcs{
position: absolute;
margin: 266px 0 0 -11px;
z-index: 5;
}

#graphic-w4l{
position: absolute;
margin: 372px 0 0 -11px;
z-index: 5;
}

#graphic-twitter{
position: absolute;
margin: 482px 0 0 -11px;
z-index: 5;
}

h2#date {
margin-bottom: 566px;
}

#content-2 h3.events {
background:url(img/icon-cal.gif) no-repeat 0 2px;
padding-left: 20px;
}

#content-2 h3.search {
background:url(img/icon-search.gif) no-repeat 0 2px;
padding-left: 20px;
}

#content-2 h3.rss {
background:url(img/icon-rss.gif) no-repeat;
padding-left: 20px;
}

#content-2 h3.feedburner {
background:url(img/icon-feedburner.gif) no-repeat 0 1px;
padding-left: 20px;
}

#content-2 h3.folders {
background:url(img/icon-folder.gif) no-repeat 0 1px;
padding-left: 20px;
}

#content-2 h3.pages {
background:url(img/icon-pages.gif) no-repeat 0 1px;
padding-left: 20px;
}

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;

}

form.ddfm h1,
form.ddfm h2 {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}


form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}





/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	 
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
}

form.ddfm {
	text-align: left;
	padding: 15px;
	
}

form.ddfm fieldset {
	padding: 0 10px 12px 10px;
	margin: 0 0 13px 0;
	display: block;
border: 1px solid #ccc;
background: #F8F8F8;
}

form.ddfm fieldset legend {
font-weight: normal;
margin-bottom: 20px;
border: 1px solid #ccc;
border-bottom: none;
background: #F8F8F8;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
width: 150px;
display: block;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 140%;
float: left;
}

form.ddfm .fmradio p {
width: 150px;
display: block;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 140%;
	float: left;
}

form.ddfm textarea {
font-size: 13px;
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 5px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 5px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 5px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
display: none;
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 95%;
}

form.ddfm .submit {
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-right: 0;
	text-align: right;
	clear:both;
	width: 95%;
}

form.ddfm .submit input {
padding: 5px;
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}