﻿
img {
    margin: 1px 5px 1px 5px;
    border:0;
   }

body {
    display:block; 
    background-color: rgb(221,212,184);		/* Color is #ddd4b8 */
    background-image: url(light-bg.JPG);
    margin: 0;
    font-family:serif; 
    font-size:medium;
   }


.big {
    color: rgb(34,106,29);			/* color is HippWay Green */
    font-size: 120%;
    font-weight: bold;
    text-align: center;
   }

.bigblkleft {
    color: black;				/* color is Black */
    font-size: 120%;
    font-weight: bold;
    text-align: left;
   }

.bigblkleftpadded {
    color: black;				/* color is Black */
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 0 3em;
   }

.biggrnleft {
    color: rgb(34,106,29);			/* Color is HippWay dark green */
    font-size: 120%;
    font-weight: bold;
    text-align: left
   }

.small {
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
    font-size: 50%;
   }

.smallh3 {					/* Used for smaller font size within 
                                                   an h3 */
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
    font-size: 70%;
   }

.bsmall {					/* Used for smaller font size, but 
                                                   bold, within an h3 */
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
    font-size: 70%;
    font-weight: bold;
   }

.nsmall {					/* Used for slightly smaller font 
                                                   size with narrower margins (didn't
                                                   work), within an h3 */
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
    font-size: 90%;
   }

.small70 {					/* Used for smaller font size, 70%  */
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
    font-size: 70%;
   }

.alert {
    color: red;
   }

a {
    color: rgb(255,0,0);			/* Color is Red */
   }

h1 {
    display:block; 
    font-size:2em;      
    font-weight:bold;   
    margin:0.67em 0; 
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
   }

h2 {
    display:block; 
    font-size:1.5em;    
    font-weight:bold;   
    margin:0.83em 0;
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
   }

h3 {
    display:block; 
    font-size:1.125em;  
    font-weight:bold;   
    margin:1em    0;
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center
   }

h4 { 
    display:block; 
    font-size:1em;      
    font-weight:bold;   
    margin:1.33em 0; 
   }

h5 { 
    display:block; 
    font-size:0.75em;   
    font-weight:bold;   
    margin:1.67em 0; 
   }

h6 { 
    display:block; 
    font-size:0.5625em; 
    font-weight:bold;   
    margin:2.33em 0; 
   }

.noreturn{					/* for headings, and others */
    margin-top: 0;				/* No Top/Bottom Margins on Hs */
    margin-bottom: 0;
   }

.al {						/* aligned left headings etc. */
    text-align: left
   }

.or {						/* for headings, and others */
    color: rgb(255,69,0);			/* Color is OrangeRed */
    text-align: center;
   }

.blu {						/* for headings, and others */
    color: #00008B;				/* Color is DarkBlue */
   }

.blucent {					/* center blue headings etc. */
    color: #00008B;				/* Color is DarkBlue */
    text-align: center;
   }

.blk {						/* for headings, and others */
    color: #000000;				/* Color is Black */
   }

.blkleft {					/* for headings, and others */
    color: #000000;				/* Color is Black */
    text-align: left;				/* Left Justified */
   }

.blkleftbold {					/* for headings, and others */
    color: #000000;				/* Color is Black */
    text-align: left;				/* Left Justified */
    font-weight: bold;				/* Bold Text */
   }

.blkcentbold {					/* for headings, and others */
    color: #000000;				/* Color is Black */
    text-align: center;				/* Centered Text */
    font-weight: bold;				/* Bold Text */
   }

.grncent {					/* Green Centered Text */
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
   }

.grncent110 {					/* Large Green Centered Text */
    color: rgb(34,106,29);			/* color is HippWay Green */
    text-align: center;
    font-size: 110%;
   }

hr {
    display:block;
    border: 0;
    width: 99%;
    height: 5px;
    margin:0.5em auto 0.5em auto;
    color: rgb(34,106,29);
    background-color: rgb(34,106,29);
   }

.red_hr {
    color: #f00;				/* color is Red */
    background-color: #f00;
    height: 5px;
    width: 80%;
   }


/* Links */

a:link {
    color: #00A600;				/* #008B8B Color is DarkCyan */
   }
a:visited {
    color: #006400;				/* #006400 is DarkGreen */
   }

a.pic:link {
    color: rgb(255,204,51); 
    text-decoration: none;
   }
a.pic:visited {
    color: rgb(255,204,51); 
    text-decoration: none;
   }

.hot a:link {
    background: #FFCC00; 			/* color is HippWay Yellow */
   }
.hot a:visited {
    background: #FFCC00; 			/* color is HippWay Yellow */
   }


/* Divisions */

#main {						/* used to fill light colors */
    background-color: rgb(239,235,222);	
   }

.floatWrap {					/* clears contained floats */
    overflow:auto;
    width:100%;
   }

#header {
    border-bottom-style: solid;
    border-bottom-color: rgb(34,106,29);
    border-bottom-width: 15px;
    padding: 1px;
   }

#footer {
    border-top-style: solid;
    border-top-color: rgb(34,106,29);
    border-top-width: 15px;
    padding: 1px 1px 3px 1px;
    background-color: rgb(239,235,165);		/* complimentary yellow */
    background-image: url(light-bgY3.JPG);
   }						/* rgb(239,235,122) is better */
						/* but HW shows up better in 165 */

.floatleft {					/* use 1/2 of left side */
    float:left;
    width:48%;
   }

.floatright {					/* use 1/2 of right side */
    float:right;
    width:48%;
   }

.floatlefth {					/* use left side of header */
    float:left;
    width:28%;
   }

.floatrighth {					/* use right side of header */
    float:right;
    width:68%;
    padding: 30px 10px 20px 10px;		/* adjust text position to */
   }						/* lower vertical center */
   

.floatleftf {					/* use left side of footer */
    float:left;
    width:25%;
    padding: 20px 1px 5px 2px;
   }

.floatrightf {					/*  */
    float:right;
    width:73%;
   }

#sidebar {					/*  */
    float:left;
    margin: 0;
    padding: 10px;
    width:21%;
   }

#content {					/*  */
    float:right;
    margin: 0;
    padding: 25px 5px 5px 5px;
    min-height: 425px;
    background-color: rgb(221,212,184);		/* Color is #ddd4b8 */
    background-image: url(light-bg.JPG);
    width:72%;
    border-left-style: solid;
    border-left-color: rgb(34,106,29);
    border-left-width: 10px;
   }

#seminar-content {					/*  */
    float:right;
    margin: 0;
    padding: 3em 1em 3em 1em;
    min-height: 425px;
    background-color: rgb(221,212,184);		/* Color is #ddd4b8 */
    background-image: url(light-bg.JPG);
    width:71%;
    border-left-style: solid;
    border-left-color: rgb(34,106,29);
    border-left-width: 10px;
   }

#header-bottom {				/*  */
    border-top: 1px solid rgb(34,106,29);
    border-bottom: 1px solid rgb(34,106,29);
    height: 1%;
   }

#header-bottom ul {				/*  */
    margin: 0;
    padding: 0;
    padding: 0 30px 0 0;
    text-align: right;
   }

#header-bottom li {				/*  */
    display: inline;
    background-color: rgb(239,235,222);
    color: rgb(34,106,29);
   }

#header-bottom a:link, #header-bottom a:visited {
    text-decoration: none;			/*  */
    background-color: rgb(239,235,222);
    color: rgb(34,106,29);
   }

#tagline {					/*  */
    font-weight: bold;
    background-color: #ddd4b8;
    color: rgb(34,106,29);
    font-style: italic;
    margin: 0;
    padding: 0 0 0 20px;
    width: 25%;
    float: left;
   }

.tight {
    max-width: 450px;
    margin: auto;
    padding: 5em 5em 0.5em 5em;
   }


