/* selector       declaration (property:value) */
/* em is a relative size - relative to the font size within the same selector
   3em means 3 times the font size */

/* A SIMPLE SELECTOR is a TYPE SELECTOR or a UNIVERSAL SELECTOR followed immediately by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order  http://www.w3.org/TR/CSS2/selector.html */


/*  TYPE SELECTOR  - maps to HTML tags  - requires no additional coding on HTML page */
/* ----------------------------------------------------------------------------------*/
BODY {
     font-family: arial,lucida,geneva,sans-serif; 
     font-size: small;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     /* the last one is the one that renders
     in this order, the background color will be used if the UA cannot render the gif */
     background-color: #ff9900; 
     background-image: url(../images/backgrounds/horz/septAmber.gif);  
}


/*  UNIVERSAL SELECTORS - the 3 main containing boxes (used with div id=IDENT */
/* ----------------------------------------------------------------------------------*/

#leftNav {
     position: absolute;
     top: 0px;
     right: 0px;
     bottom: auto;
     left: 0px;
     width: 190px;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     background-color: #ff9900;
     background-image: url(../images/backgrounds/horz/septAmber.gif);
     z-index: 2;
}

#topHead {
     position: relative;
     top: 0px;
     right: 0px;
     bottom: auto;
     /* left: 177px; */
     /* auto doesn't work in IE  */
     /* width: 800px; */
     left: 0px;
     width: 100%;
     height: 115px;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     /* the last one is the one that renders
     in this order, the background color will be used if the UA cannot render the gif */
     background-color:  #cc6600;  
     background-image: url(../images/backgrounds/autumn.gif);
     z-index: 1;
}

/*  UNIVERSAL SELECTORS - the subboxes for the topHead region */
/* ----------------------------------------------------------------------------------*/

.logo {
    position: absolute;
    top: 0px;
    right: auto;
    bottom: 28px;
    left: 187px;
    width: 202px;
    height: 50px;
    padding-top: 18px;
    padding-left: 9px;
    margin: 0px;  /* sets all margins to zero pixels   */ 
    border: 0px;
}

.countBox {
     position: absolute;
     top: 15px;
     right: auto;
     bottom: auto;
     left: 540px;
     width: 168px;
     height: 64px;
     padding-top: 3px;
     padding-left: 5px;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     background-color:  #f1a10a; 
     font-size: 12px;
     font-weight: bold;
     line-height: 1.2em; 
     letter-spacing: 0.1em;
     color: white;
     text-align: center;
}

.stag{
     position: absolute;
     top: 0px;
     right: 1px;
     bottom: auto;
     width: 68px;
     height: 108px; 
} 

/* ----------------------------------------------------------------------------------*/


#mainContent {
     position: absolute;
     top: 116px;
     right: 0px;
     bottom: auto;
     left: 191px;
     width: auto;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     font-size: 9pt;
     font-weight: bold;
     color:  #660000;
}

/*  TYPE SELECTORS - the subboxes for the leftNav region */
/* ----------------------------------------------------------------------------------*/

IMG.nav {
    width: 150px; 
    height: 100px;
    border: 0px;
    margin-left: 15px;
}

P.nav { 
     color: #000000;
     font-size: 8pt;
     display: block; 
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 15px;
     margin: 0px;
     border-width: 0px;
}

P.navHead {
     color:  #ffcc00;
     font-size: 10pt;
     font-weight: bold;
     display: block; 
     padding-top: 4px;
     padding-right: 0px;
     padding-bottom: 4px;
     padding-left: 4px;
     margin: 0px;
     border-width: 0px;
}



/*  TYPE SELECTORS - the subboxes for the topHead region */
/* ----------------------------------------------------------------------------------*/

IMG#logo {
    width: 202px; 
    height: 50px;
    border: 0px;
}

IMG#stag {
    width: 68px; 
    height: 108px;
    border: 0px;
    padding-right: 0px;
}


/*  TYPE SELECTORS - the subboxes for the mainContent region */
/* ----------------------------------------------------------------------------------*/

P#configBox {
     position: absolute;
     top: 0px;
     right: 250px;
     bottom: 38px;
     left: 0px;
     width: 400px;
     height: 35px;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     padding-top: 6px;
}

P#blogBox {
     position: absolute;
     top: 116px;
     right: 15px;
     bottom: 38px;
     left: auto;
     width: 165px;
     height: 35px;
     margin: 0px;  /* sets all margins to zero pixels   */
     border: 0px;
     padding-top: 8px;
     font-size: 12px;
     text-align:right;
}


P#centerMainBox {
     position: absolute;
     top: 40px;
     right: 150px;
     bottom: auto;
     left: 220px;
     width: 350px;
     height: 200px;
     text-align: center;
}

P#tugBox {
     position: absolute;
     top: 400px;
     right: 100px;
     bottom: 38px;
     left: auto;
     width: 100px;
     height: 69px;
     margin: 0px;  /* sets all margins to zero pixels   */
     border: 0px;
     padding-top: 8px;
}

LI {
    list-style-type: disc;
}

/*  UNIVERSAL SELECTOR 
- in this case, an "IDENT" element, used with id=IDENT   */
/* ----------------------------------------------------------------------------------*/

#mainBottomPara {
     position: absolute;
     top: 230px;
     right: 28px;
     bottom: auto;
     left: 0px;
     width: 460px;
     height: 200px;
}

.mainBottomLeft {
     position: absolute;
     top: 490px;
     right: 250px;
     bottom: 20px;
     left: 190px;
     width: 250px;
     height: auto;
     font-size: 8pt;
     font-weight: normal;
     color:  #000000;
}

.mainBottomRight {
     position: absolute;
     top: 490px;
     right: 15px;
     bottom: 20px;
     left: auto;
     width: 170px;
     height: 20px;;
     font-size: 8pt;
     font-weight: normal;
     text-align: right;
     color:  #000000;
}



/*  UNIVERSAL SELECTOR 
- in this case, a "CLASS" element, the "*" being omitted because it is "understood" */   
/* ----------------------------------------------------------------------------------*/

.regulr  {  /*bottom right*/  
     font-size: 11pt;
     font-weight: bold;
     color: #660000; 
}

/*  TYPE SELECTOR (for A element - the anchor tag) with pseudo class :LINK - an unvisted link */
/* ----------------------------------------------------------------------------------*/

A:link {  /* controls link display */
     color: #cc0066;
     font-weight: bold;
     text-decoration: none;
}

A:visited {  /* controls link display */
     color: #9900cc;
     font-weight: bold;
     text-decoration: none;
}

A:hover {  /* on IE only */
     color: #cc0000;              
     font-weight: bold;
     text-decoration: underline;
}

A:active {  /* on IE only */
     color: #cc0000;              
     font-weight: bold;
     text-decoration: underline;
}

/*  TYPE SELECTOR (for A element - the anchor tag) with class NAVA and pseudo class :LINK - an unvisted link */
/* ----------------------------------------------------------------------------------*/

A.nav:link {  /* controls link display */
     color: #660000;
     font-weight: bold;
     text-decoration: none;
}

A.nav:visited {  /* controls link display */
     color: #ff9900;
     font-weight: bold;
     text-decoration: none;
}

A.nav:active {  /* controls link display */
     color: #ffcc00;      
     font-weight: bold;        
     text-decoration: underline;
}

A.nav:hover {  /* on IE only */
     color: #ffcc00; 
     font-weight: bold;             
     text-decoration: underline;
} 

#hutMessage {
     position:absolute; 
     z-index:400;
     top: 88px;
     left: 130px;
     padding:2px;
     width:200px; 
     color:#ffff00; 
     background-color:#990000;
     border:solid 1px #ff0000; 
     font-size:0.9em;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}

/* 	-moz-border-radius:6px;	 Rounded edges in Firefox */