body {background: #373b5b;
		margin:20px 0 20px 0;
		padding:0px;
		font: 1.0em arial, verdana, sans-serif;
		text-align:center;
  background-image: url(../images/bg-image6.gif)}
@page {margin:10%}
* {margin:0; padding:0;}
div#mainwrap {width:780px; margin-right:auto; margin-left:auto; text-align:left;}
div#header {width:780px; height:219px; background-color:black; text-align:left; padding-top:0px;}
div#headercolumn1 {width: 248px; border-right: 1px solid white; float:left;}
div#headercolumn2 {width: 530px; border-bottom: 1px solid white; float:left;}
div#headertable {width: 530px; height: 15px;  float:left;
   					padding:3px 0 3px 0; /* pushes the links away from top and bottom of the div */
  					font-size:.80em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:black; /* sets the background color of the div */
                    margin:2px 0; /* vertical spacing between the lists */
                    }
 div#headertable li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:0px solid; /* creates the vertical line to the left of each list items */
						color: white; /* sets the color of the vertical lines  - links colored below */
						padding:0 8px 0 10px; /* horiz space between links and vert lines - needed diff
                                                        l & r values to center */
						}
 div#headertable ul li a:link {color:white; text-decoration: none;}  /* removes the underlining off the links */
 div#headertable ul li a:visited {color:#808080; text-decoration: none;} /* underlines the links when hovered */
 div#headertable ul li a:hover {color:yellow; text-decoration: none;} /* underlines the links when hovered */
 div#headertable ul li a:active {color:red; text-decoration: none;} /* underlines the links when hovered */
div#contentarea {width:780px; background-color:white;}
div#column1 {width:780px; background-color:#FFF; padding:10px 0px 10px 0px; float:left;}
.imageleft {float: left; padding: 5px 10px 0 20px}
.imageright {float: right; padding: 5px 20px 5px 10px;}
.imagefloat {float: left; padding: 15px 3px 0px 3px; margin-bottom: 25px} 
.imagefloat2 {float: left; padding: 15px 3px 0px 3px; margin-bottom: 0px}
h1 {font-size: 1.5em; font-weight: bold; color:black; text-align: center; margin: 0 20px 10px 10px;}
h2 {font-size: 1.25em; font-weight: bold; color:#DF2D00; text-align: center;margin: 0 20px 10px 10px;}
h3 {font-size: 1em; font-weight: normal; text-align:left; margin: 0 20px 20px 20px; float: left}
h4 {font-size: 1.25em; font-weight: bold; color:black; text-align: center; margin: 0 20px 10px 10px}
h5 {font-size: 1em; font-weight: bold; color:black; text-align: center; margin: 0 20px 10px 10px;}

div#column1 p {text-align:left; margin: 20px 20px 10px 20px;
              }
div#column1 span {color: #DF2D00; font-weight: bold;}
.smalltext {font-size:.75em}
div#column1 ul {font: 1em arial, verdana, sans-serif;text-align:left; margin: 10px 20px 10px 35px}
div#column1 a:link  {color:blue;} /* the color of the links */
div#column1 a:visited {color: purple; text-decoration:underline;} /* underlines the links when hovered */
div#column1 a:hover {color: red; text-decoration:underline;} /* underlines the links when hovered */
div#column1 a:active {color: yellow; text-decoration:underline;} /* underlines the links when hovered */
.center {text-align: center;}
.center table {margin-left: auto;margin-right: auto;text-align: center;}
.hr {height: 1px; width: 700px; margin-left: auto; margin-right: auto; color: #DF2D00}


div#column2 {width:180px; background-color:#FFF; float:left; padding-left: 5px}
.arrow {margin: 13px 5px 0 5px; float: left;}
.happenings {margin: 10px 0 0 0; float: left}
.clearthefloats {clear: both;}
.images {text-align: center; margin: 10px 0 10px 0;padding-left: 16px}
div#column2 h1 {font: 1.45em "Jenkins v2.0","Comic Sans MS", sans-serif; font-weight: bold; color:#DF2D00;
                float: left; margin: 10px 0 0 0;}
div#column2 p {font:.8em "Comic Sans MS", sans-serif; width: 145px; text-align:left; float: left; margin: 10px 0 5px 0;}
div#column2 span {color: #DF2D00; font-weight: bold;}
div#column2 a:link  {color:blue;} /* the color of the links */
div#column2 a:visited {color: purple; text-decoration:underline;}
div#column2 a:hover {color: red; text-decoration:underline;}
div#column2 a:active {color: yellow; text-decoration:underline;}
div#footer {width:780px;  /* makes the div fill its container - usually body */
                    margin: 0 0 0 0;
                    padding:0 0 5px 0; /* pushes the links away from top and bottom of the div */
 					border-top: 0px solid red;
 					background-color:white; /* sets the background color of the div */
					}
div#footer p {font-size: 1em; margin: 0 20px 10px 20px}
 div#footer ul {font-size:.71em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
                    margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:black; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:black; /* sets the color of the vertical lines  - links colored below */
						padding:0 4px 0 5px; /* horiz space between links and vert lines - needed diff l & r
                                                 values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a  /* removes the underlining off the links */
 							 {color:blue; /* the color of the links */
							 }
 div#footer ul li a:visited {color: purple; text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul li a:hover {color: red; text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul li a:active {color: yellow; text-decoration:underline;} /* underlines the links when hovered */
 div#footer-fineprint {width:780px;  /* makes the div fill its container - usually body */
 					 					padding:5px 0 5px 0; /* pushes the links away from top and bottom of the div */
 		            font-size:.55em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:black; /* sets the background color of the div */
					}
 div#footer-fineprint {color:white;} /* color for copyright and vert dividers on last row */
 

/* 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 */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.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 */