@charset "iso-8859-1";	 

/*
5-10-07: Minor redesign to site. 93% width changed to 100%, background of all boxes changed to #CCFFCC and solid line to top books (rooks) and bottom box 
*/


body {width:100%; background-color:#FFF; margin:auto; height:100%;}

/*  Top Box with Rooks  */
/* The position:relative together with the z-index is required to make the text flow over the pictures */
.container {width:100%; text-align:center; border:1px solid #000000; position:relative; z-index:3; }

.top  	{width:100%; text-align:center; z-index:3; }

/* Box immediately under rooks (1st 2 boxes were 93% wide) */
.toplinks  	{width:100%; margin-left:auto; margin-right:auto; height:50px; border:0px solid #000; background-color:#CCFFCC;}

.toplinks1  {width:100%; margin-left:auto; margin-right:auto; height:50px; border:0px solid #000; background-color:#CCFFCC;}

.toplinks2  {width:100%; margin-left:auto; margin-right:auto; height:50px; border:0px solid #000; background-color:#CCFFCC;}

/*  Main Containing Box  (1st 2 boxes were 93% wide) */
.main  {width:100%; margin-left:auto; margin-right:auto; border:0px solid #000000; background-color:#CCFFCC; height:100%;}

.main1 {width:100%; margin-left:auto; margin-right:auto; border:0px solid #000000; background-color:#CCFFCC; height:100%;}

.main2  {width:100%; margin-left:auto; margin-right:auto; border:0px solid #000000; background-color:#CCFFCC; height:100%;}

/*  Link Column Box on left  */
.linkcol {width:150px; background-color:#CCFFCC; text-align:center; vertical-align:top; padding:20px 5px 50px 5px;  float:left; height:100%; }

.surround {width:93%; border:1px solid #000; margin:3px; }

/*  Content Box in Center   was #66EE99  */
.content { margin: 0 0% 0 0%; width:auto; border:0px solid #000000; padding: 0px 10px 50px 10px; background-color:#CCFFCC; vertical-align:top; height:100%;}

/* Full page width Box   was #66EE99 */
.full { margin-left:auto; margin-right:auto; border:0px solid #000000; padding: 0px 0px 50px 0px; background-color:#CCFFCC; vertical-align:top; height:100%;}

/*  News Box on right  */
.news { width:200px; background-color:#CCFFCC; text-align:center; vertical-align: top; padding:20px 0px 20px 0px; float:right; height:100%;}

.innernews {border:1px solid #000; text-align:left; font-weight: bold; margin:3px; padding:2px; background-color:#FFF;}

/*  The Box along the Bottom    (1st 2 boxes were 93% wide) */
.bottom  {width: 100%; margin-left:auto; margin-right:auto; height: 50px; border-top:1px solid #000000; background-color:#FFF; text-align:center;}  

.bottom1 {width: 100%; margin-left:auto; margin-right:auto; height: 50px; border:1px solid #000000; background-color:#CCFFCC; text-align:center; } 

.bottom2 {width: 100%; margin-left:auto; margin-right:auto; height: 50px; border:1px solid #000000; background-color:#CCFFCC; text-align:center; }

/*  Fonts  */
.stan6a  {font-family: "Book Antiqua", Verdana, Arial, "Comic Sans MS", cursive; font-size: 60%; font-weight: normal; text-decoration: none;}
.stan10 {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size: 100%; font-weight: bold; text-decoration: none;}
.stan8 {font-family: "Book Antiqua", Verdana, Arial; font-size: 80%; font-weight: bold; text-decoration: none;}
.stan9a {font-family: "Book Antiqua", Verdana, Arial, "Comic Sans MS", cursive; font-size: 90%; font-weight: normal; text-decoration: none;}
.stan10a {font-family: "Book Antiqua", Verdana, Arial, "Comic Sans MS", cursive; font-size: 100%; font-weight: normal; text-decoration: none;}
.stan12a {font-family: "Book Antiqua", Verdana, Arial,  "Comic Sans MS", cursive; font-size: 120%; font-weight: normal; text-decoration: none;}
.stan12 {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size: 120%; font-weight: bold; text-decoration: none;}

.stan15 {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size: 150%; font-weight: bold; text-decoration: none;}
.stan15c {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size: 150%; font-weight: bold; text-decoration: none; text-align:center;}
.stan18 {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size: 180%; font-weight: bold; text-decoration: none;}	  
.stan24 {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size: 200%; font-weight: bold; text-decoration: none;}	

.smallbold6 {font-family: Verdana, Arial, sans-serif;  font-size: 60%; font-weight: bold; text-decoration: none; text-align:center;}

/*   Main Text Title Fonts   */

.head18	{font-family:"Showcard Gothic","Twentieth Century Poster1", Algerian, Arial, "sans serif"; font-size:18pt; color:#006600; margin-left:auto; margin-right:auto; z-index:4;}
.head44	{font-family:"Showcard Gothic","Twentieth Century Poster1", Algerian, Arial, "sans serif"; font-size:44pt; color:#006600; margin-left:auto; margin-right:auto; z-index:4;}
.head60	{font-family:"Showcard Gothic","Twentieth Century Poster1", Algerian, Arial, "sans serif"; font-size:60pt; color:#006600; margin-left:auto; margin-right:auto; z-index:4;}
.head36	{font-family:"Showcard Gothic","Twentieth Century Poster1", Algerian, Arial, "sans serif"; font-size:36pt;color:#006600; margin-left:auto; margin-right:auto; z-index:4; margin-left:auto; margin-right:auto;  height:80px;}
.head24	{font-family:"Showcard Gothic","Twentieth Century Poster1", Algerian, Arial, "sans serif"; font-size:24pt;color:#006600; margin-left:auto; margin-right:auto; z-index:4;  height:65px;}

.head25 {font-family: "Book Antiqua", Verdana, Arial "Comic Sans MS", cursive; font-size:25pt; font-weight: bold; text-decoration: none; text-align:center;}	
	 
/*  Miscellaneous Classes  */
.centre {text-align:center;}
.bold {font-weight: bold;}	 
.centre1 {width:100%; margin-left:auto; margin-right:auto; text-align:center;}

/*  Link Classes  */
a:link    {color: #000099;text-decoration:underline; font-weight: bold;}
a:visited {color: #800080; text-decoration:underline; font-weight: bold;}
a:hover   {color: #006600; text-decoration:underline; font-weight: bold;}
a:active  {color: #800080; text-decoration:underline; font-weight: bold;}

.yell:link       {display:block; color:#000; font-weight:normal; font-family:Verdana,Arial; font-size:10pt; text-decoration:none; background:#FFF; text-align:center; margin:5px; padding:2px 4px 2px 4px;}
.yell:visited    {display:block; color:#000; font-weight:normal; font-family:Verdana,Arial; font-size:10pt; text-decoration: none;background: #FFF;text-align: center; margin:5px; padding:2px 4px 2px 4px;}
.yell:hover      {display:block; color:#CCFFCC; font-weight:normal; font-family:Verdana,Arial; font-size:10pt; text-decoration:none; background:#006600; text-align:center; margin:5px; padding:2px 4px 2px 4px;}
.yell:active     {display:block; color:#000; font-weight:normal; font-family:Verdana,Arial; font-size:10pt; text-decoration: none;background:#FFF; text-align:center; margin:5px; padding:2px 4px 2px 4px;}

.yell1:link       {display: block; color: #000; font-weight:normal; font-family:Verdana, Arial; font-size: 10pt; text-decoration: none; background:#66EE99; text-align:center; margin:5px 20px 5px 20px; padding:2px 4px 2px 4px;}
.yell1:visited    {display: block; color: #000; font-weight:normal; font-family:Verdana, Arial; font-size: 10pt; text-decoration: none; background: #66EE99;text-align:center; margin:5px 20px 5px 20px; padding:2px 4px 2px 4px;}
.yell1:hover      {display: block; color: #FFF; font-weight:normal; font-family:Verdana, Arial; font-size: 10pt; text-decoration: none; background: #006600;text-align:center; margin:5px 20px 5px 20px; padding:2px 4px 2px 4px;}
.yell1:active    {display: block; color: #000; font-weight:normal; font-family:Verdana, Arial; font-size: 10pt; text-decoration: none; background: #66EE99; text-align:center; margin:5px 20px 5px 20px; padding:2px 4px 2px 4px;}

/*  Pictures   */
#picture1 { position: absolute; top:0; left:0; width:250px; height:169px; color:#000; background:transparent url(./images/rookl.jpg) no-repeat; z-index:1;}
#picture2 { position: absolute; top:0; right: 0; width:250px; height: 169px; color:#000; background:transparent url(./images/rookr.jpg) no-repeat; z-index:1;}

#picture3 { position: absolute; top:0; left:0; width: 110px; height: 75px; color: #000; background: transparent url(./images/rooklvs.jpg) top left no-repeat; z-index:1;}

#picture4 { position: absolute; top:0; right:0; width: 110px; height:75px; color:#000; background: transparent url(./images/rookrvs.jpg) top right no-repeat; z-index:1;}