/*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; width: 100%; min-width: 600px;
}


#skip a, #skip a:hover, #skip a:visited {/*Based upon information from www.webaim.org*/ 
position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;
} 
#skip a:active { 
position:static; width:auto; height:auto; 
}
#skip ul li {
position:static; width:auto; height:auto; display: inline;
}



#header {
width: 100%; background: #0081b1; min-height: 12em; height: 12em; max-width: 100%; min-width: 590px;
}
#header h1 {
font-size: 5em; line-height: 0.5em; clear: right;
}
#header h2 {
font-size: 2em; clear: right;
}
#headerText {
padding: 2em;
}
#header img {
float: left; padding: 0 0.2em 0 0;
}

.outreach {
color: #f60; 
}
.service {
color: #0f0;
}
.white {
color: #fff;
}

#headerArt {
width: 60%; float: right; 
}
#headerArt img {
float: left; padding: 0 10px 0 10px;
}



#navbar {
min-width: 60em; max-width: 100%;
}

#tabs {
clear: both; text-align: left; background: #0081b1; padding-left: 2em; font-size: 1.5em; padding-top: 1em; 
}
#tabs ul {
list-style-type: none;
}
#tabs li { 
display:inline; 
}
#tabs li a {
text-decoration: none; font-weight: bold; color: #ccc; /*border: 0.1em solid #fff;*/ padding: 0.7em 3em;
}
#tabs li a:hover {
background: url(../images/nav_image/leftCorner.jpg) no-repeat 0 0 #fff; color: #0081b1;
}

#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-bottom: 0.1em solid #0f0; background: url(../images/nav_image/leftCorner.jpg) no-repeat 0 0 #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 {
margin-left: 4em; float: left; padding: 4em 2em 2em 2em; width: 55%; min-width: 300px;
height: 1%; /* Holly Hack adds small height property to fool IE6*/
}

#rightContent {
margin-right: 4em; float: right; margin: 3em 3em 2em 2em; padding: 3em 0.5em 2em 0.5em; width: 28%; min-width: 250px;
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;
}

/*

#rightContent a {
padding: 0.3em 0.1em; text-decoration: none; color: #0082b1;
}
#rightContent a:hover {
color: yellow; text-decoration: underline;
}*/
#homeRightContent {
min-width: 20em; background: #dfeff5; padding-bottom: 1em; 
}
#homeRightContent h3 {
padding: 0.1em 0.8em; color: #fff; background: url(../images/header_art/infoh3.jpg) 0 0 no-repeat #0081b1; font-weight: bold; border-bottom: 0.3em solid #f60;
}
#homeRightContent ul {
padding: 0 0.5em; font-size: 1.2em; list-style-type: none;
}
#homeRightContent li {
padding: 1.5em 0; /*border-bottom: 0.1em dashed #0082b1;*/ 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; background: transparent; border-bottom: 0.1em dashed #000;
}
#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;
}

#pullquote2 {
width: 30%; float: right; margin: 3em 1em 1em 1em; padding: 1.5em 1em; background:#dfeff5; text-align: center;
}
#pullquote2 h2 {
font-size: 1.8em; font-weight: bold; line-height: 1.4em; color: #0082b1;
}
#pullquote2 p {
font-size: 1.8em; line-height: 1.4em; color: #f60;
}

#scc {
padding: 4em 2em 2em 0;
}

#sitemap {
margin: 0 0 3em 0; background: #dfeff5; padding-bottom: 1em; border-bottom: 0.2em solid #f60;
}
#sitemap h3 {
padding: 0.1em 0.8em; color: #fff; font-weight: bold; background: url(../images/header_art/infoh3.jpg) 0 0 no-repeat #0081b1; border-bottom: 0.3em solid #f60;
}
#sitemap ul {
padding: 0 0.5em; font-size: 1.4em; list-style-type: none;
}
#sitemap li {
padding: 0.5em 0;
}
#sitemap ul ul {
font-size: 0.9em; margin-left: 1.5em;
}
#sitemap ul ul li a {
font-size: 1.0em; text-decoration: none; color: #000;
}
#sitemap ul ul li a:hover {
color: yellow;
}

#footer {
clear: both; margin: 0 4em; color: #0081b1; padding-top: 1em; border-top: 0.1em dashed #000;
}
#footer p {
padding-left: 2em; float: left; color: #0081b1;
}
#footer ul {
list-style-type: none; font-size: 1.2em; float: right;
}
#footer li {
padding: 0.1em 0.6em; display: inline;
}
#footer a {
text-decoration: none; color: #0081b1; text-decoration: none; padding: 0.2em;
}
#footer a:hover {
text-decoration: underline; color: yellow;
}


#linkBox {
margin: 0 0 3em 0; background: #dfeff5; padding-bottom: 1em; 
}
#linkBox h3 {
padding: 0.1em 0.8em; color: #fff; font-weight: bold; background: url(../images/header_art/infoh3.jpg) 0 0 no-repeat #0081b1; border-bottom: 0.3em solid #f60;
}
#linkBox ul {
padding: 0 0.5em; font-size: 1.2em; list-style-type: none;
}
#linkBox li {
padding: 0.5em 0; /*border-bottom: 0.1em dashed #0082b1; */
}
#linkBox img {
padding-right: 0.5em; border: 0; 
}




#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;
}
#project ul {
margin-left: 0.5em; padding: 0.5em 1em; font-size: 1.2em; list-style-type: dot; font: 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
}


abbr, acronym {
border-bottom: 1px dashed #0082b1; color: #0082b1; cursor: help;
}