/* Many thanks to Keith Donegan for the framework code upon which I built this redesign. Becky Haycox, 2009.
*/

* { padding: 0; margin: 0; }

body {
	margin: 0;
	font-family: verdana, helvetica, ariel, sans-serif;
	font-size: 12px;
	behavior: url(http://www.straightupvc.org/css/csshover.htc);
	}
p {margin-left:3em; margin-right:3em; margin-top:1em; margin-bottom:.5em}
a {font-weight: bold}
a:link {color: #660033; text-decoration: none;} 
a:visited {color: #663333; text-decoration: none;} 
a:visited:hover {color: #666666; text-decoration: underline;} 
a:active {color: #000000; text-decoration: underline;} 
a:hover {color: #000000; text-decoration: underline;} 
li {margin-left:4em; margin-right:4em; margin-top:.5em; margin-bottom:.5em
}

event {
    margin-left:2em; margin-right:3em; margin-top:1.5em; margin-bottom:.5em
    padding-top: 2em;
    border-top: thin dotted }

eventnext {
    margin-left:3em; margin-right:3em; margin-top:0; margin-bottom:.5em
	}

h1 {
margin-left: 1em; margin-right: 3em; 
margin-top: 2em; margin-bottom: 1em;
font-size: 18px;
font-family: georgia, times, serif;
font-weight:bold;
color: #2b0e53
}

h2 {
margin-left: 2em; margin-right: 3em; 
margin-top: 2em; margin-bottom: 1em;
font-size: 16px;
font-family: georgia, times, serif;
color: #2b0e53
}

h3 {
margin-left: 2em; margin-right: 3em; 
margin-top: 2em; margin-bottom: 1em;
font-size: 14px;
font-family: georgia, times, serif;
color: #2b0e53
}

h4 {
margin-left: 2em; margin-right: 3em; 
margin-top: 2em; margin-bottom: 1em;
font-family: georgia, times, serif;
font-size: 12px;
color: #2b0e53
}


continued
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #333;
	margin-left: 1em; margin-right: 3em; margin-top:2em; margin-bottom:1em; 
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header {
 width: 920px;
 height: 110px;
 color: #333;
 padding: 0px;
 border: 0px;
 margin: 17px 0px 0px 0px;
 background-image: url(http://www.straightupvc.org/images/banner/banner.jpg); 
 }

#navigation {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 background: #f9ce2c;
}
/* Begin CSS Popout Menu */
#menu {
position:relative;
margin: 0;
width: 900px%;
background: #f9ce2c;
float: center;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 10em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #333;
background: #f9ce2c;
text-transform: uppercase;
}

#menu h2 a {
color: #330033;
background:#f9ce29;
text-transform: uppercase;
}
 
#menu h2 a:hover {
color: #000;
background: #f9ce29;
}

#menu a {
color: #333;
background: #f3efcb;
text-decoration: none;
}

#menu a:hover {
color: #330033;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#f9ce2c;
}

#menu a.x:hover{
color:#a00;
background:#f9ce2c;
}

#menu a.x:active{
color:#060;
background:#f9ce2c;
}

#menu li{
margin:0
}

/* End CSS Popout Menu */

#navigationunder {
 width: 920px;
 height: 31px;
 color: #333;
 padding: 0px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 background-image: url(http://www.straightupvc.org/images/banner/navigation_under.jpg); 
 background-width: 920px;
}

#content { 
 width: 900px;
 color: #333;
 border: 0px;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

#rule { 
 width: 300px;
 border: 0px;
 background-image: url(http://www.straightupvc.org/images/purplerule.jpg); 
 margin: 0px 0px 0px 0px;
}

#resources {
  border-bottom:2px dotted #330066;
  padding: 0px 15px 15px 15px; 
  margin-left:3em; margin-right:3em; margin-top:1em; margin-bottom:.5em;
  }


#footergraphic {
 width: 920px;
 height: 15px;
 color: #773596;
 padding: 0px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 background-image: url(http://www.straightupvc.org/images/banner/navigation_footer.jpg); 
 background-width: 920px;

}

#footer { 
 width: 900px;
 font-size: 10px;
 color: #fff;
 border: 0px;
 background: #8a4ea8;
 margin: 0px;
 padding: 10px;
}

#footer a{
	color: #000;
	font-weight: normal;
	}
.fl{
	float: left;
}
img.fl{
	margin: 0 10px 5px 0;
}