/* CSS Document */

/*Rockford SAI Website code Jamie Ann Becker*/

/*Code written with assistance of the book 'Stylin With CSS' by Charles Wyke-Smith - www.bbd.com/stylin/index.htm*/

body {font: 1.0em verdana, arial, sans-serif; text-align:center;

}

* {margin:0; padding:0;

}

div#header {height:105px; background-color:#990000; text-align:center;

}

div#mainwrap {min-width:780px; max-width:960px; margin-left:auto; margin-right:auto; text-align:left;

}

div#contentarea {background-color="#FFFFFF";

	background-image: url(http://rockfordsai.org/images/left.gif);

	background-repeat: repeat-y;

	background-position: left top;

	position: relative;

}				

div#contentarea2 {background-color="#FFFFFF";

	background-image: url(http://rockfordsai.org/images/right2.gif);

	background-repeat: repeat-y;

	position: relative;

	background-position: right top;

}

div#column1 {width:150px; position:absolute; top:10px; left:0px;

}

div#column2 {background-color="#FFFFFF"; margin:0 170px 0 150px;

}

div#column3 {width:170px; position:absolute; top:10px; right:0px;

}

div#footer {background-color:#990000; text-align:center;

}

div#column1 ul {margin:20px 0 0 26px; color:#FFFFFF;

}

div#column2 p {font-size:12px; margin:0 30px 1em; padding:2px;

}

div#column2 td {font-size:12px; margin:0 30px 1em; padding:2px;

}

div#column2 h5 {font-size:14px; margin:0 30px 1em; padding: 1px;

}

div#column2 h1 {font-size:16px; color:#000000; text-align:center; padding-top:3px; margin:0 30px 1em; 

}

div#column2 h6 {font-size:10px; color:#000000; text-align:center;

}

div#column3 p {font:  .8em sans-serif; margin:20px 10px 0 10px; color:#FFFFFF; text-align:right; position: absolute; top: 100px; right: 0; width: 90px;

   padding: 5px; margin: 5px; z-index: 100;

   color: #fff;

}

div#column3 a {font: bold 1em sans-serif; text-decoration: none; color: #fff;

}

div#column3 a:hover {color:#FFCC00;

}

div#footer p {color:#FFFFFF; font: .8em verdana, arial, sans-serif;

}



/*Link code freely reused from Eric Meyer - www.meyerweb.com - with a little reworking to make it site-specific*/

div#column1 a {display: block; text-align: left; font: bold 1em sans-serif; 

   padding: 1px 10px; margin: 0 0 1px; border-width: 0; 

   text-decoration: none; color: #fff;

}

div#column1 a:hover {color:#FFCC00;

}

div#column1 a span {display: none;

}

div#column1 a:hover span {display: block;

   position: absolute; top: 160px; left: 0; width: 90px;

   padding: 5px; margin: 5px; z-index: 100;

   color: #fff;

   font: 11px Verdana, sans-serif; text-align: left;

}

   

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* simply add the clearfix class to any containter that must enclose floated elements */

.clearfix:after {

    content: ".";              /* the period is placed on the page as the last thing before the div closes */

	display: block;          /* inline elements don't respond to the clear property */ 

    height: 0;                  /* ensure the period is not visible */

    clear: both;               /* make the container clear the period */

    visibility: hidden;	     /* further ensures the period is not visible */

}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */