/* 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: "Trebuchet MS", "Lucida Sans Unicode", Verdana, 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: #ccf5f5; 
     background-image: url(../images/sky_vinbk.gif);  
}


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

#bottomNav {   /* buttons each 155w x 45h   620 x 45 */
     position: absolute;
     top: 480px;
     left: 20px;
     width: 638px;
     height: 45px;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     z-index: 2;
}


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



.waterfall{
     position: absolute;
     top: 0px;
     right: 0px;
     bottom: auto;
     border: 0px;
     width: 436px;
     height: 734px; 
     z-index: 2;
} 

.ssachsportrait{
     position: absolute;
     top: 80px;
     right: 300px;
     bottom: auto;
     border: 0px;
     width: 269px;
     height: 269px; 
     z-index: 200;
}


.chinesesymbol{
     position: absolute;
     top: 100px;
     left: 60px;
     bottom: auto;
     border: 0px;
     width: 140px;
     height: 180px;
     z-index: 0;
}

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


#address {
     position: absolute;
     top: 360px;
     left: 100px;
     width: auto;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border: 0px;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 4px;
     background-color:  #ffffff;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
     font-size: 9pt;
     font-weight: bold;
     color:  #000000;
}

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

IMG.nav {
    width: 155px; 
    height: 45px;
    border: 0px;
    margin-left: 0px;
}

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.navgap { 
     font-size: 10pt;
}

P.navHead {
     color:  #99ff99;
     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;
}

TR {
     font-size: 9pt;
     font-weight: normal;
}


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

li {
    list-style-type: disc;
}

h1 {
     font-size: 250%;
     font-weight: normal;
     text-align: left;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
}

h2 {
     font-size: 220%;
     font-weight: normal;
     text-align: left;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
}

h3 {
     font-size: 200%;
     font-weight: normal;
     text-align: left;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
}

h4 {
     font-size: 180%;
     font-weight: normal;
     text-align: left;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
}


h5 {
     font-size: 150%;
     font-weight: normal;
     text-align: left;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
}


/*  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: #000000; 
}

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

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

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

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

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

/*  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: #eeffee;
     font-weight: bold;
     text-decoration: none;
}

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

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

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


#logo_popup {
		position:absolute;
		display:none;
		z-index:2000;
		padding:2px;
		background-color:#009900;
		border:1px solid #ff0000;
        color:#ffffff;
		font-size:0.9em;
     	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}

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