/************************************ HTML Tags Reset****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,
blockquote,th,td, iframe {margin:0;padding:0;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a {outline: none;border:0;}
/************************************ HTML Tags ****************************/
img
{ display: block;
border-style: none;
border : 0px;
}
img.center {
display: block;
margin: 0px 5px 5px 5px;
padding: 5px;
border: 1px solid #ccc;
border-width: 1px 0;
}
.piccenter{
display: block;
margin: 5px 5px 5px 15px;
padding: 25px;
border: 1px solid #ccc;
border-width: 1px 0 0 0;
}
a {border-style: none;
border : 0px;
}
body
{
font: 75% "Helvetica Neue","Lucida Sans Unicode", Helvetica,sans-serif;
text-align: left;
background: #DADAB8 url(images/top1.png) top left repeat-x;
/* this is a blue bar */
}
p {
font-size: 1em;
line-height: 1.6em;
color: #000099;
}
ul {
margin: 1.5em 0 1.5em 2.5em;
list-style-type: none;
}
h2 {
font: 4.0em/2.0em "Lucida Grande","Lucida Sans Unicode" ,Helvetica, sans-serif;
letter-spacing: -1px; /* close together */
margin-bottom: 1.0em;
margin-top: 1.0em;
}
h3 {
/* not close together */
margin-bottom: 1.1em;
margin-top: 1.0em;
font-weight: bold;
}
p+h2, p+h3, img.center+h2, img.center+h3 {margin-top: 1em;}
/****************************** Page Content ******************************/
#container {
width: 968px;
margin: 0 auto;
text-align: left;
background: transparent url(images/wrapper.png) top center repeat-y;
}
#wrapper {
float: left;
width: 968px;
top:0px;
}
#content {
position: relative;
width: 50%;
top: 0px;
left:245px;
border-right: 1px solid #ccCCCC;
border-left: 1px solid #cccccc;
}
#content a:link, #extra a:link, #content a:visited, #extra a:visited, #footer a:link, #footer a:visited
{
text-decoration : underline;
color : #115EAC;
line-height: 1.0em;
}
#content a:hover, #footer a:hover, #extra a:hover {
text-decoration: none;
border-bottom: 1px solid #7D0538;
color: #115EAC;
}
#content p, #content dl {
margin-left: 20px;
margin-right: 40px;
color: #666666;
padding: 10px 0 0 0;
}/* was 10px made it 5 which is best? */
#content dt{
font-weight: bold;
}
#content dd {
margin: 5px 0 5px 10px;
} /* padding indent on left */
#content ul {padding: 0px 0 0 0;
}
#content #lineup {
left:250px;
display: block;
}
#content h1 {
margin-left: 20px;
margin-right: 60px;
padding: 0px;
font-size: 150%;
color: #333333;
font-weight: normal;
}
#content h2 {
margin-right: 60px;
font-size: 110%;
display: inline;
margin-left: 20px;
font-weight: normal;
}
#content h3 {
margin-right: 60px;
font-size: 100%;
color: #666666;
margin-left: 20px;
font-weight: bold;
}
#content h4 {
padding: 10px; /* padding ask lisa what she wants */
margin-right: 60px;
font-size: 100%;
margin-left: 20px;
}
#extra {
float: left;
width: 240px;
margin-left: -240px;
margin-top: 36px;
background-color: transparent;
/* border: 1px 1px #cc0000; */
}
#extra p, #extra h2, #extra h3, #extra ul {
margin-right: 20px;
margin-left: 20px;
color: #990000; /* #990000; red #333333; gray ?*/
}
#extra h2 {
letter-spacing: 1px;
font-size: 1.3em;
}
#footer {
clear: left;
width: 100%;
/* background: transparent url(images/wrapper.png) top center repeat-y; */
background: transparent url(images/wavelogo1.gif) top center no-repeat;
padding: 20px 0 100px 0;
position: relative;
}/* this is the wrapper repeats down the field two background gifs? */
#credit {
text-align:right;
padding-right: 20px;}
.addresses {
position: relative;
top:0px;
left: 130px;
text-align: left;
}
.centered {
position:relative;
text-align: center;
}
.boardheaders {
font-weight: bold;
text-align: center;
}
.eml {
font-size: 80%;
}
.spaceout {
letter-spacing: 4px;
text-align: right;
font-style: italic;
}
.space {
letter-spacing: 2px;
text-align: right;
}
.author {
text-align: right;
font-style: italic;
}
#district {
text-align: center;
}
.eventhead {
font-style: italic;
font-weight: bold;
font-size: 90%;
}
.joblisting ul li {
list-style-type: disc;
color: #666666;
margin-left: 20px;
margin-right: 40px;
}
.changetextcolor {
color: #cc0033; /**** red ****/
}
.eventcolor{
color: #cc0033; /**** red ****/
text-align: center;
font-style: italic;
font-weight: bold;
letter-spacing: 1px;
}
.italic {
font-style: italic;
font-weight: bold;
}
.underln {
text-decoration: underline;
}
.disclaimer{
font-size: 90%;
}
/************************************ NAVIGATION ****************************/
div#nav{
position: relative;
top: -40px;
height: 35px;
font-size: 120%;
/* background: transparent url(images/wrapper_bg.png) top center repeat-y; */
/* this is where you add a background to the addmissions etc nav bar */
text-align:right;
}
div#nav ul {
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
padding: 10px 0 0 0;
}
div#nav ul li {
display: inline;
}
div#nav li a{
color : #fff;
/* background-color : #efefef; */
text-decoration : none;
font-weight:bold;
}
div#nav li a:hover{
color : #efefef; /* #252525 #105BAC */
font-weight:bold;
/* border-bottom : 1px solid #105BAC; */
}
#navigation {
float: left;
width: 240px;
margin-left: -950px;
top: 20px;
}
#navigation dl dt dd{
margin: 20px 20px 20px 20px;
padding-bottom: 20px;
color: #333;
}
#navigation dt {
letter-spacing: -1px;
margin-top: 20px;
font-size: 1.3em;
font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, sans-serif;
}
#navigation dd {
font-size: 1.1em;
letter-spacing: -1px;
}
#navigation dl dd {
margin: 5px 0 0 0;
}
#navigation dl dd+dt {
margin-top: 10px;
}
#navigation dl dd a, #navigation dl dt a:visited {
color: #666666;
background: transparent url(images/more.png) top left no-repeat;
padding: 0 0 0 16px;
text-decoration: none;
display: block;
} /* navigation icon */
#navigation dl dd a:hover, #navigation dl dd a.current {
background: transparent url(images/more_bolded.png) top left no-repeat;
color: #333333;
margin: 0 0 0 2px;
/* the margin 0 0 0 2px makes the png move I don't like it but Lisa does */
}