/*This is the style sheet for DSCA 4_16_07 which uses buttons for links.*/
      
        body
	{
		text-align: center;
		/*background: #B0BFC2;
		color: #444;*/
                font-family: Arial, Helvetica, sans-serif;
                background: url(../images/wr2454r.gif) repeat;
                font-size: 90%;
                margin-top: 5em;
                margin-bottom: 5em;
	}
	
	#container
	{
		text-align: left;
		margin: 0 auto;
		width: 700px;
		background: #fff url(../images/header-base-2.gif) repeat-y;/
	}
	
	h1
	{
		background: #fff6dd;
		color: #060;
		padding: 15px;
		margin: 0;
		border-bottom: 5px solid #060;
                font-size: 150%;
	}

		ul#navigation
	{
		float: left;
		margin-left: 8px;
		margin-top: 10px;
		padding-left: 0;
		list-style-type: none;
	}
	
	ul#navigation a
	{
		display: block;
		text-decoration: none;
		background: #060;
		color: #fff6dd;
                padding: .2em .5em;
		border-bottom: 1px solid #fff699;
		width: 8em;
	}
	
	ul#navigation a:hover
	{
		background: #fff699;
		color: #060;                
	}
	
	ul#navigation li
	{
		display: inline;
	}
	#content
	{
		float: left;
		width: 475px;
		margin-left: 45px;
		padding: 15px 0;
	}
	
	#footer
	{
		clear: both;
		background: #fff6dd;
		color: #060;
		padding: 5px 10px;
		text-align: center;
		font-size: 80%;
                border-top: 2px solid #060;
                border-bottom: 2px solid #060;
	}
	
       #footer a:hover
        {
           text-decoration:none;
        }

	h2
	{
		margin-top: 0;
		color: #060;
		font-weight: bold;
                font-style: italic;
	}
	
	a:link { color: #175B7D; }
	a:visited { color: #600; }
	
	a:hover, a:active
	{
		background: #fff6dd;
	}

        .castle
       {
              border: 1px solid #060;  
              margin-left: 250px;     
       }
      /*Used to center and format the first lines on the games page*/
     .games
      {
       font-size: 125%;
       color: #060;
       text-align:center; 
      }
      /*The following 2 divs are used to place photos in text*/
      div.photo_right
      {
        float: right;
        width: 153px;
        margin: 0 1em 1em 1em;
        display: inline;
      }

    div.photo_left
    {
       float: left;
       width: 153px;
       margin: 0 1em .25em 1em;
       display: inline;
    }
   /*Game_info is used to format the information about parking etc. at the bottom of games.html*/ 
   p.parking
   {
      font-weight: bold;
      text-align: center;
   }
  
   .graphics
   {
      border:0;      
   }
   
   .graphics a:hover
   {
      background: #fff;
   }