/* OYS - Online Youth Services
--------------------------------------- */

/* = General */
* {margin:0; padding:0;}
body {background:#fff; margin:3% 0; font:normal 10pt Verdana,  Arial, "Trebuchet MS", sans-serif; color:#000;}
.skip {display:none;}
p, label, li, input {font-size:1.1em;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* = forms */
form {display:none;}

/* = links */
a:link, a:visited {color: #666; text-decoration: none;}
a:hover {color: #333;}

/* = structure */
#wrapper {width: auto; 
	margin: 0 5%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;}
#header {}
#main, #content, #maincontent {float:none;}
#content {border-bottom:1px solid #000; margin-bottom:2%; padding-bottom:2%;}
#extras, #menu {display:none;}
#footer {clear:both;}

/* = header */
#header h1 {width:100%; border-bottom:1px solid #000; padding:0 0 1% 0; }
#header h1 a {width:100%; font:normal 18pt "Times New Roman", Georgia, serif; color:000;}

/* = header navigation */
#header ul#nav {display:none;}

/* = main */
#main h1 {margin:3% 0; font-weight:normal;}

#main .subaction {display:none;}
#home_news {display:none;}

/* = maincontent */
#maincontent h2 {font-size:12pt; color:#000; margin:1% 0;}
#maincontent h3 { margin:1% 0;font-size:10pt; font-weight:bold; color:#000;}
#maincontent p {margin:1% 0; font-size:9pt; line-height:1.4;}
#maincontent ul, #maincontent ol {margin:1% 0 1% 5%;}
#maincontent a {text-decoration:underline;}
#maincontent a:link:after, #maincontent a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#maincontent .vcard {display:none;}

/* = extras */
#extras form {background:url(../img/test_email.jpg) 0 0 no-repeat; padding:44px 0 10px 0; border-bottom:1px solid #333;}
#extras form label {display:block;}
#extras h3 {font-size:1.2em; color:#000; padding:10px 0; border-bottom:1px solid #333; text-indent:-9000px;}
#extras h3.docs a {background:url(../img/RelatedDocs.jpg) 0 0 no-repeat; display:block; width:150px; height:40px;}
#extras h3.volunteer a {background:url(../img/related_opps.jpg) 0 0 no-repeat; display:block; width:150px; height:40px;}
#extras h3.helpout a {background:url(../img/helpout_icon.jpg) 0 0 no-repeat; display:block; width:150px; height:40px;}
#extras h3.youthfocus a {background:url(../img/YouthFocus_icon.jpg) 0 0 no-repeat; display:block; width:150px; height:40px;}

#extras h4 {margin:10px 0; color:#000080; font-size:1.1em;}

/* = menu */
#menu ul {list-style:none; padding:10px 0;}
#menu ul li a {display:block; padding:0 0 5px 5px; width:90%;}
#menu ul li a:hover {text-decoration:underline;}
#menu ul li.selected a {font-weight:bold;}
#menu h4 {font-size:1.2em;}
#menu p {color:#008000;}

#menu ul.soon li {text-indent:-9000px; background-position:0 0; background-repeat:no-repeat; height:32px; width:120px;}
#menu ul.soon li.youth {background-image:url(../img/youth.jpg);}
#menu ul.soon li.parents {background-image:url(../img/parents.jpg);}
#menu ul.soon li.orgs {background-image:url(../img/orgs.jpg);}