/* SJRStyle.css - Main style sheet for the SJR homepages Copyright 2004 by Meg Meyer */

/* set background, color, and text align for body */

  body {
 	  text-align:center;
	  background-color: #000000;
	  color: #c0c0c0;
		margin-bottom: 10px;
		font-size: .9em;
	  }
		
	a {
	  text-decoration: none;
	}
	
	hr {
	  color: #cc0000;
		background-color: #cc0000;
		height: 4px;
		width: 95%;
	}
		

/* set size, etc for 'frame' which will hold the page, and therefore center it */	
	#frame {
	  background-color: #ffffff;
		width:750px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		}

/* set styles for header, including image */	
	#header {
	  width: 750px;
		height: 132px;
		background-image: url(images/sjr-header.jpg);
		}

/* set style for left column (date, news) */
	#leftcol {
		width:200px;
		padding:0px;
		float:left;
		background-color:#eeeeee;
		color: #800080;
		font-family: "MS Trebuchet", Verdana, sans-serif;
		font-size: .8em;
		text-align: left;	
		}

	#leftcol h2 {
	  font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		}

	#leftcol	a  {
    color: #0000FF;
	  background-color: #eeeeee;
	  font-weight: bold;
		padding: 0;
	  }
	
 	#leftcol a:hover {
    color: #000000;
	  background-color: #66CCCC;
	  }
	 
/* set styles for date section */
	#date {
	  width: 200px;
		padding: 0px;
		float: left;
		background-color: #cc0000;
		color: #ffffff;
		text-align: center;
		font-size: .8em;
		}

/* set styles for main content panel */	
	#maincontent {
		width:550px;
		padding:0px;
		float:left;
		background-color:#ffffff;
		color: #000000;
		text-align: left;
		}
		
	#maincontent p{
	  padding: 0 5px 0 5px;
	  }
		
/* set styles for the header links section */
	#headerlinks {
	  width: 750px;
		height: 20px;
		background-color: #cc0000;
		color: #ffffff;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
		font-variant: small-caps;
		font-size: 1em;
		text-align: center;
		}
		
	#headerlinks a {
	  background-color: #cc0000;
		color: #ffffff;
		margin: 0 1% 0 1%;
	  }
		
	#headerlinks a:hover {
	  background-color: #cc0000;
		color: #000099;
		margin: 0 1% 0 1%;
		}

/* set styles for the miscellaneous links section */
	#misclinks {
	  width: 750px;
		height: 20px;
		background-color: #c0c0c0;
		color: #0000ff;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: .8em;
		font-weight: bold;
		text-align: center;
		}

	#misclinks a {
	  color: #0000ff;
		background-color: #c0c0c0;
		}
		
	#misclinks a:hover {
	  color: #000099;
		background-color: #c0c0c0;
		}

/* set styles for the sponsors section */
	#sponsors {
	  text-align: center;
		}

/* set styles for the header links section */
	#footerlinks {
	  ;clear: both;
		margin: 0;
		padding: 0;
	  width: 750px;
		height: 20px;
		background-color: #cc0000;
		color: #ffffff;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
		font-variant: small-caps;
		font-size: .9em;
		text-align: center;
		}
		
	#footerlinks a {
	  background-color: #cc0000;
		color: #ffffff;
		margin: 0 2% 0 2%;
	  }
		
	#footerlinks a:hover {
	  background-color: #cc0000;
		color: #000099;
		margin: 0 2% 0 2%;
		}
		
/* set styles for the footer section */
	#footer {
		border-top: 1px solid #cc0000;
		width: 750px;
		height: 20px;
		clear: both;
		background-color: #cc0000;
		color: #000000;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: .9em;
		font-weight: normal;
		text-align: center;
		}
		
	#footer p {
	  color: #000000;
		background-color: #cc0000;
		}
	
	#footer a {
	  background-color: #cc0000;
		color: #ffffff;
		margin: 0 2% 0 2%;
	  }
			
/* set styles for the headers for each news item */
	.news {
	  font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		}	
		
/* set styles for rest of page */
	p, h1, h2 {
	  padding-left: 5px;
		padding-right: 5px;
		}

		
	h1 {
	  font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
		color: #cc0000;
		background-color: #ffffff;
		text-align: center;
		}
		
	h2 {
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		color: #000000;
		background-color: transparent;
		text-align: center;
	}
	
	h3 {
	  font-size: 1.1em;
		font-weight: bold;
		color: #cc0000;
		background-color: #ffffff;
		text-align: center;
		}
		
	ul {
	  list-style: square;
		margin-left: 1em;
		padding-left: 1em;
		margin-right: 1px;
		padding-right: 1px;
		}
		
	a  {
    color: #0000FF;
	  background-color: #ffffff;
	  font-weight: bold;
	  }
	
  a:hover {
    color: #000000;
	  background-color: #66CCCC;
	  }