/*Created by Mick Truman 2007 www.micktruman.com/websites */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img {
margin: 0; padding: 0;
}

/* "define font sizes in ems using values that are a tenth of target pixel size" .net/march07 Craig Grannel*/
html {
font-size: 100%;
}
body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
color: #000; background: #fff;
}
p {
font: 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font: 2em/2.5em Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font: 1.6em/2.5em Verdana, Arial, Helvetica, sans-serif;
}
h3 {
font: 1.3em/2.5em Verdana, Arial, Helvetica, sans-serif;
}
h4 {
font: 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
}
h5 {
font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
h6 {
font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
}


#wrapper1, #wrapper2, #wrapper3 {
margin: 0; background: #fff;
}


#skip a, #skip a:hover, #skip a:visited {/*Based upon information from www.webaim.org*/ 
display: none;
}


#header {
width: 100%; background: #0081b1; min-height: 10em; height: 10em; max-width: 100%; padding: 2em 0 0 3em;
}
#header h1 {
font-size: 5em; line-height: 0.5em; clear: right;
}
#header h2 {
font-size: 2em; clear: right;
}
#headerText {
height: 8em; padding: 0.5em;
}
#headerText img {
display: none;
}
#headerArt {
display: none;
}


.outreach {
color: #FF6600;
}
.service {
color: #00FF00;
}
.white {
color: #000;
}




#navbar {
display: none;
}

#tabs {
display: none;
}

#wrapper1 #tabs li#tab1 a, #wrapper2 #tabs li#tab2 a, #wrapper3 #tabs li#tab3 a, #wrapper4 #tabs li#tab4 a {
text-decoration: none; font-weight: bold; color: #f00; border: 0.1em solid #fff; padding: 0.3em 3em; background: #fff;
} 


a {
text-decoration: underline; color: #0082b1; font-weight: bold;
}
a:hover {
text-decoration: none; color: yellow; background: black; display: inline; /* double float margin bug in IE6 - suggested solution use display:inline css*/
}


#leftContent {
padding: 4em 2em 2em 2em;
height: 1%; /* Holly Hack adds small height property to fool IE6*/
}

#rightContent {
padding: 3em 0.5em 2em 0.5em;
height: 1%; /* Holly Hack adds small height property to fool IE6*/
}


#leftContent p {
padding-bottom: 1em;
}
#leftContent h3 {
border-bottom: 0.1em dashed #000; font-weight: bold; margin-bottom: 1em;
}
#leftContent ul {
padding: 0 0 1em 2em; font-size: 1.2em;
}
#leftContent li {
padding-bottom: 1em;
}


#homeRightContent {
min-width: 20em;
}
#homeRightContent h3 {
padding: 0.1em 0.8em; border-bottom: 0.1em dashed #000; font-weight: bold; margin-bottom: 1em;
}
#homeRightContent ul {
padding: 0 0.5em; font-size: 1.2em; list-style-type: none;
}
#homeRightContent li {
padding: 0.8em 0; height: 2em; clear: both;
}
#homeRightContent li img {
padding: 0 0.5em 0 0; border: 0; float: left;
}
#homeRightContent img {
padding-right: 0.5em; border: 0; 
}



#la, #school1, #school2, #school3 {
margin: 1em; padding: 1.5em 0.5em;
}

#pullquote {
width: 25%; float: right; margin: 3em 1em 1em 1em; padding: 1.5em 1em; background:#DFEFF5;
}
#pullquote p {
font-size: 1.8em; line-height: 1.4em; color: #0082b1;
}

#scc {
display: none;
}

#sitemap {
display: none; 
}


#footer {
clear: both; color: #0081b1; padding-top: 1em; border-top: 0.1em dashed #000;
}
#footer p {
color: #0081b1;
}
#footer ul {
display: none;
}


#linkBox {
display: none; 
}




#project {
margin: 0.5em 0 2em 0; clear: both;
}
#project h1 {
font-size: 1.5em; color: #0081b1; font-weight: bold;
}
#project img {
float: left; padding: 0.5em 0.5em 3em 0;
}