/*******************************************************
Youth Jazz Ensemble of Dupage - CSS Stylesheet
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background: #000000;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#cccccc;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eaeaea;
border-top:1px solid #80A0F0;
border-bottom:1px solid #60A0F0;
}

blockquote p {
margin:.2em;
}

blockquote table {
	border-width: 1 1 1 1;
	padding: 1em;
	border-spacing: 1px;
	border-style: outset;
	border-collapse: collapse;
	border-color: #80A0F0;
	margin: 1em;
}

#centertop { 	
margin:0 auto;
padding:0em;
width:740px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:0px solid #cccccc;
}

#centertop h2 {
font-family: Arial, Helvetica, sans-serif;
margin:0 0 -.5em 0;
padding:0em 1 0 0;
font-size:1.2em;
letter-spacing:.2em;
color: #ffffff;
}

#centertop h3 {
font-family: Arial, Helvetica, sans-serif;
margin:0 0 0em 0em;
bottom:0;
text-align:right;
padding:0em 0 0 0;
font-size:1.1em;
letter-spacing:.1em;
color: #ffffff;
}

#centertop a {
color: #ffffff;
text-decoration:none;
}

#centertop a:hover {
 color: #60A0F0;
}

#centertop a:visited {
color: #ffffff;
text-decoration:none;
}

#centernews {
position:relative;
float:none;
margin:3em .5 .5 .5em;
padding:.2em .7em .25em .7em;
width:35em;
border:1px solid #cccccc;
}

#centerColumn { 	
margin:0 auto;
padding:0 1em 1em 1em;
width:710px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:1px solid #cccccc;
}

#centerColumn h2 {
margin:0 0 -.5em 0;
padding:0em 1 0 0;
font-size:2em;
letter-spacing:.1em;
color: #000000;
}

#centerColumn h3 {
color: #808060
}
#centerColumn h3 {
color: #606040;
}

#centerColumn h4 {
color: #606060;
}

#centerColumn h5 {
color: #606060;
font-size: .9em;
}

#centerColumn a {
color: #1262C4;
text-decoration:none;
}
#centerColumn a:hover {
 color: #60A0F0;
}
#centerColumn a:visited {
color: #1262C4;
}

#header2 {
background-image: url(banner.png);
background-position: top center;
background-repeat: no-repeat;
margin:0 0 0 0;
padding:0 0 0 0;
height:4em;
background-color:#000000;
border:0px solid #cccccc;
}

#fauxRightColumn {
position:relative;
float:right;
margin:3em 0 0 .5em;
padding:.2em .7em .25em .7em;
w/idth:11em;
font-size:.9em;
background-color:#ffffff;
border:1px solid #cccccc;
}

#fauxRightColumn h2 {
margin-bottom:-1em;
font-size:.9em;
}

#fauxRightColumn ul {
margin:1em 0 0 0 !important;
margin:1em 0 0 3em;
list-style:none;
}

#fauxRightColumn li {

margin:0 0 .2em -3em;
border-bottom:1px solid #60A0F0;
font-size: .9em;
}

#fauxRightColumn lo {
color: #808060;
margin:0 0 0em 2em;
font-size: .9em;
}

#fauxRightColumn li a {
font-size: .9em;
text-decoration:none;
color:#808060;
}

#fauxRightColumn li a:hover{
text-decoration:none;
color:#808060;
}

#fauxRightColumn li a:visited{
text-decoration:none;
color:#808060;
}

#footer {
position:relative;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:3em;
line-height:4em;
text-align:center;
font-size:1em;
background-color:#ffffff;
color: #ffffff;
border-top:1px solid #cccccc;
}

.border {
padding:.5em;
font-size:.9em;
background-color:#ffffff;
border:1px solid #cccccc;
}
.right {
float:right;
margin-left:.5em;

}
.left { 
float: left;
margin-right:.5em;
}