body {margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; }

div#container {position:relative; min-width:800px; max-width:1000px; margin-left:auto; margin-right:auto; background-color:#FFFF00}

div#header {height:100px; background-color:#199EFF; text-align:center; border-bottom: 1px #960 solid;}
 /*styles for header - text-align centers graphic */

div#header h1{font-size:2.4em; font-variant:small-caps; margin-top:0em; font-family:'comic sans MS', verdana, sans-serif; color:#B30C09;}

div#nav {position:absolute; left:0px; top:100px; width:150px;padding:0; margin:22px 0 15px 0;}	
		
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}

div#nav li {border-bottom:2px dotted #B30C09; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #B30C09;}
div#nav a {text-decoration:none; color:#B30C09;}
div#nav a:hover {color: #B30C09;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px dotted #B30C09;}
/*end of hack */
div#content {margin:20px 156px 0 150px; padding: 0 1em;}

div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border: 1px solid #B30C09;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#B30C09;}  

div#content h3{text-align:center; font-size:1em; font-variant:small-caps; margin-top:.5em; font-family:'comic sans MS', verdana, sans-serif; color:#B30C09;}
div#content h1{text-align:center; font-size:1.4em; font-variant:small-caps; margin-top:2em; font-family:'comic sans MS', verdana, sans-serif; color:#B30C09;}
div#content h2{text-align:center; font-size:1.4em; font-variant:small-caps; font-family:'comic sans MS', verdana, sans-serif; color:#B30C09;}
div#content h4{text-align:center; font-size:1.2em; font-variant:small-caps; margin-top:.01em; font-family:'comic sans MS', verdana, sans-serif; color:#B30C09;}
div#content h5{text-align:left; font-size:1em; font-variant:small-caps; margin-top:.5em; font-family:'comic sans MS', verdana, sans-serif; color:#B30C09;}
div#content p {text-align:center; font-size:1em; font-family:'comic sans MS', verdana, sans-serif; margin-top:0; margin-bottom:.5em;}	
div#content li {font-size:.75em;}


div#content a {text-decoration:underline; color:#B30C09;}
div#content a:hover {color: #960; text-decoration:none;}
div#rightcolumn {position:absolute; width:156px; top:100px; right:0px;  
		margin:32px 0 0 0; padding:1em  0; border-top:2px solid #960; border-bottom:1px solid #960;}
div#rightcolumn p {font-size:.75em;}
div#rightcolumn img {border:none;}
div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
div#rightcolumn a:hover {color: #960; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}

/*footer styles*/
div#footer {width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.9em; color:#B30C09;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#199EFF; /* sets the background color of the div */
					border-top:1px solid #960; border-bottom:2px solid #960; margin-top:1.5em;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* 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 {text-decoration:none; /* removes the underlining off the links */
 							 color:C60; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:black;} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#B30C09;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#B30C09;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#960;} /* turns bottom row white when hovered */

/* START OF THE FORM CSS */
div#formcontainer {width:550px; margin-left:50px;}
div#formcontainer h3 {margin:20px 0 0 10px; font-weight:bold; font-size:.8em;} /* adjust top margin for your context */
div#formcontainer h4 {margin:0 0 5px 10px; font-weight:normal; font-size:.75em;}
div#formcontainer form  {border-top: 2px solid #CCC; border-bottom: 3px solid #CCC;} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer div.clearfix {border: 0px solid #CCC; padding:10px 0px; vertical-align:top;} /* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:130px; float:left;font-size:.75em; color: #003366;   margin:0 10px;} /* this is the text label on the left of each input */
/*some extra styles for the checkbox and radio button sets*/	
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;} /* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:.75em;} /* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
div#formcontainer div.buttongroup input {margin-right:5px;} /* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
/* END OF THE FORMS CSS*/

/* 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 */