/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* St. Thomas of Villanova, for domain www.stov.org  ---  2003         */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body, html  {
               scrollbar-face-color: #cc3366;
               scrollbar-arrow-color: #ffffff; 
               scrollbar-shadow-color: #ffffff;
               scrollbar-highlight-color: #99ccff;
               scrollbar-3d-light-color: #ffffff;
               scrollbar-dark-shadow-color: #ffffff;
               font-style: normal;
               font-size: 10pt;
               font-family: Verdana, Helvetica, sans-serif;
               font-weight: 400; 
               color:  #000000;
               background-color: #99cc99;
               margin: 0px;
               padding: 0px;
             }             
             
dl          {
               font-size: 10pt;
               font-weight: 600;
               color: #000000;
               font-style: normal;
               font-family: Verdana, Helvetica, sans-serif;
               text-align: left;
            }               
             
/*  Below is the list area with its variations:                    */  
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All these selectors use the same list style attribute values listed */
/* below for both the <ul> unordered and <ol> ordered lists HTML tags. */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

.listnumber, .listcross, .listdisc, .listblue, .listnowrap, .listposs, .loweralpha
            {
               text-align: left;
               font-style: normal;
               font-family: Verdana, Helvetica, sans-serif;                 
               font-weight: 400;
               line-height: 1.6;
             }
             
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below are additional list style attribute values for each of the    */
/* selectors listed above for both the <ul> unordered                  */
/* and <ol> ordered lists HTML tags.                                   */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.listnumber  {
               font-size: 10pt;
               list-style-type: decimal;
             }
.listsquare  {
               font-size: 10pt;
               list-style-type: square;
             }            
.listcross   {
               font-size: 10pt;
               list-style-type: disc;
               list-style-image: url('../My%20Documents/My%20Webs/stov/images/stov_bullet_cross.gif');
               list-style-position: outside
             }
.listnowrap  {
               font-size: 10pt;
               white-space: nowrap;
               list-style-type: disc;
               list-style-image: url('../My%20Documents/My%20Webs/stov/images/stov_bullet_cross.gif'); 
             }             
.listdisc {
               font-size: 10pt;
               list-style-type: disc;
          } 
.listblue {
               font-size: 10pt;
               color: #000066;
               list-style-type: disc;
          }
.loweralpha {
               font-size: 10pt;
               list-style-type: lower-alpha;
            }   
/*  listposs is not used yet. This might be bulletlink */          
.listposs { 
               font-size: 12pt;  
               list-style-type: disc;   
          }         
/*  End of list style selectors                                        */    

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All HTML <img> tags will automatically default to the values        */
/* below.  There will be no borders around pictures unless overridden  */
/* by other style selectors.                                           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img {
       border-style: none;
       border-width: 0px;
       border-color: #ffffff;
    }   
    
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below are additional values associated with the the cross image     */
/* icon used for navigational areas.                                   */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

img.cross {
              height: 12px;
              width: 10px;
          }             

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All the selectors below use the same font style and color for       */
/* font sizes from 8pt - 12pt within the body of the main text area.   */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.revdates, .newslines, .breadcrumbs, p, .infolinks
             {
                font-style: normal;
                font-family: Verdana, Helvetica, sans-serif;
                color:  #000000;
             }
            
/* pagejustify is replaced below with the infolinks */ 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below infolinks is the common selector used for navigational        */
/* links placed within the body of the main text.  Ex: Top of Page     */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.infolinks   {
               font-size: 10pt;
               font-weight: 400;
               text-align: center;
              } 
              
/* bodyjustify is replaced below with the infotext */  
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below infotext is the common selector used for paragraphs           */
/* within the body of the main text area.                              */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

 p           {
                font-weight: 400;
  	        font-size: 10pt;
  	        text-align: justify;
  	        color: #000000;
  	        margin: 7px;
  	        padding: 10px;
             }  
 p.pageright {
               
               font-size: 8pt;           
               text-align: right;
               margin: auto;
               padding: 1px;
              }   
 p.pagerleft {
               font-size: 8pt;
               text-align: left;
               margin: auto;
               padding: 1px;
             }  
  p.pagercenter {
               font-size: 8pt;
               text-align: center;
               margin: auto;
               padding: 1px;
              }              
 p.pagecenter {
                 text-align: center;
                 margin: auto;
                 padding: 1px;
              }              
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 /* Below is the common dropcap selector with can be used to emphasize  */ 
 /* any word, or letter within a document.                              */
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
.dropcap      {
                font: 175%/100% serif;
                margin-right: -3px;
                color: #000000;
                font-weight: 400;
             } 
             
.textdropcap {
                font: bold 300% times,serif;
        	color: #000066;
        	float: left;
             }            
             
/*  Used for the update date of web page */               
.revdates    {
                font-weight: 500;
                font-size: 8pt;
                text-align: center;
             }
             
/*  Used for heading lines left justified - Ex: Home Page */                
.newslines   {
                font-weight: 700;
                font-size: 12pt;
                text-align: center;
             } 
             
/* headline is replaced below with titleline */    
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* The selector below lists the values associated for the main         */ 
/* title headings shown listed on each page.                           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.titleline   {  
                font-weight: 700;
                font-size: 14pt;
                text-align: center;
                letter-spacing: 1px;
                font-style: normal;
		font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
		color: #99cc99;
		font-size: 18pt;
                letter-spacing: 1px;
             }
             
/* subheadleft is replaced below with breadcrumbs */  
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* The selector below lists the values associated with the breadcrumb  */ 
/* navigational area.                                                  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
.breadcrumbs {
                vertical-align: baseline;
                text-align: left;
                margin: 0px;
                padding: 2px;
                font-weight: 600;
                white-space: nowrap;
                font-size: 10pt;
                color: #ffffff;
                letter-spacing: 1px;
              } 
              
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below is the pseudo-class selector values associated with the link  */               
/* values of the breadcrumb navigational area.                         */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a.toplink:link    {
                    color: #ffffff;
                    font-weight: 600;
                    text-decoration: underline;                  
                   }    
a.toplink:visited {
                    color: #ffffff;
                    font-weight: 600;
                    text-decoration: underline;                    
                   }
a.toplink:hover    {
	             color: #000000;
	             font-weight: 600;
	             text-decoration: underline; 	             
	             background-color: #99cc99;
                   }
a.toplink:active  {
                     color: #ffffff;
                     font-weight: 600;
                     text-decoration: underline;                    
                   }
                   
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All HTML <link> tags will use the values listed below unless        */
/* overriden by other pseudo-class selector values.                    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a.textlink:link     {
                        color: #0000ff;
                        font-weight: 400;
                        text-decoration: underline;                  
                     }    
a.textlink:visited   {
                        color: #0000ff;
                        font-weight: 400;
                        text-decoration: underline;                    
                     }
a.textlink:hover     {
	                 color: #ffffff;
	                 font-weight: 400;
	                 text-decoration: underline; 	             
	                 background-color: #99cc99;
                     }
a.textlink:active   {
                         color: #ff0000;
                         font-weight: 400;
                         text-decoration: underline;                    
                    }
                   
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All HTML <link> tags will use the values listed below unless        */
/* overriden by other pseudo-class selector values.                    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a:link     {
              color: #0000ff;
              font-weight: 400;
              text-decoration: underline;                  
            }    
a:visited   {
              color: #0000ff;
              font-weight: 400;
              text-decoration: underline;                    
            }
a:hover     {
	      color: #ffffff;
	      font-weight: 400;
	      text-decoration: underline; 	             
	      background-color: #99cc99;
           }
a:active   {
              color: #000000;
              font-weight: 400;
              text-decoration: underline;                    
           }                   
                   
/* infoleft is replaced below with bodytext */  
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* The selector below lists the values associated for the main         */ 
/* content area of each page.                                          */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.bodytext    {
               background-color: #ffffff;
               margin:  0px;
               padding: 4px;               
               vertical-align: top;               
               border-width: 6px 6px 6px 6px;
               border-color: #99ccff;
               border-style: double;
             } 
             
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* subhighlight is a common selector subtitle line which is            */
/* highlighted with a background color.                                */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
              
              
.subhighlight     {
		  text-align: left;
		  font-style: normal;
		  font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
		  font-weight: 500;
		  color: #000066;
		  background-color: #99ccff;
		  font-size: 14pt;
		  margin: 2px;
  	          padding: 0px;
  	          text-indent: 7px;
                  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Note:  For the horizontal rule selector below, do not include the   */
/*        property "width=100%" since it works "Quirky" in Netscape    */
/*        4.6 and below.  It does appear to work correctly in Internet */
/*        Explorer, though.                                            */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.center   {
            text-align: center;
          }
.left
          {
            text-align: left;
          }
                                              
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Common leftside navigational menu section below.                    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below defines the font family styles for the menu navigation area   */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

 div.leftsidemenu, div.menu2, div.menu2 a.menuItem2, .left_navg, .navg_hdrs 
             {
              font-family:  Verdana, Helvetica, sans-serif;
              font-size: 10pt;
              font-style: normal;
              font-weight: 500;
             }
             
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* The selector below lists the addditional values associated for the  */ 
/* main leftside navigational menu area of each page.                  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

td.left_navg  { 
              vertical-align: top;
              text-align: left;
	      margin: 0px;
              padding: 1px;             
            
              background-color: #BBDDBB;                
              width: 22%;
              color: #000000;
	     }
	     
.navg_hdrs   {
              text-align: center;
              font-weight: 600;
              color: #800000;              
              white-space: nowrap;
             }	     
	     
div.menu2       {
                  background-color: #bbddbb;
                  border-color: #800000;
                  border-style: outset;
                  border-width: 2px;
                  position: absolute;
                  left: 0px;
                  top: 2px;
                  visibility: hidden;
                  z-index: 101;
                  padding: 0px 1px 1px 0px;
             }
             
div.menu2 a.menuItem2
             {
                  color: #000000;                  
                  display: block;                 
                  padding: 2px 1em;
                  text-decoration: none;
                  white-space: nowrap;  
             }
             
div.menu2 a.menuItem2:hover, div.menu2 a.menuItemHighlight
             {
                  background-color: #bbddbb;
                  color: #ffffff;
             }
             
div.menu2 a.menuItem2 span.menuItemText
             {
             }
             
div.menu2 a.menuItem2 span.menuItemArrow
             {
              margin-right: -.75em;
             }
             
div.menu2 div.menuItemSep
             {
              border: 1px inset #80000;
              margin: 1px 2px;              
             }
             
div.leftsidemenu 
             {
              padding: 4px; 
              margin: 2px 0px 2px 0px;  
              font-weight: 500;                         
             }
             
div.leftsidemenu a.leftanchor:link    {
                    color: #000000;
                    font-weight: 500;
                    text-decoration: none;
                    background-color: #bbddbb;
                    font-family:  Verdana, Helvetica, sans-serif;  
                    margin: 6px 0px 6px 0px; 
                    white-space: nowrap;
                   }   
                   
div.leftsidemenu a.leftanchor:active  {
                    color: #000000;
                    font-weight: 500;
                    text-decoration: none; 
                    margin: 6px 0px 6px 0px;                    
                   }
                   
div.leftsidemenu a.leftanchor:visited {
                    color: #000000;
                    font-weight: 500;
                    text-decoration: none;
                    margin: 6px 0px 6px 0px;                    
                   }
                   
div.leftsidemenu a.leftanchor:hover   {
                    text-decoration: none;
                    color: #ffffff;
                    font-weight: 500;
                    background-color: #99cc99;
                    margin: 6px 0px 6px 0px;     
                   }

img.imgleftside {
                  padding: 2px;
                  vertical-align: middle;                  
                }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* The selector below lists the values associated with the footer      */ 
/* area of each page.                                                  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*   Below defines the footer area */             
.stovfooter   {  
                  text-align: center;
                  font-style: normal;
                  font-family: Verdana, Helvetica, sans-serif;                 
                  font-weight: 400;
                  color: #000066;
                  font-size: 8pt;
                  width: 60%;
                  vertical-align: top;
                  white-space: nowrap;
              } 
div.hr     {
                  color: #80000;  
                  background-color: #99cc99;
                  height: 1px;  
                  width: 100%;
                  margin: 0px;                                                                   
           }
           
div.hr hr {
            display: none;
          }   
table.subsection {
                  text-align: center;
                  vertical-align: top;
                  width: 90%;
                  border-width: 2px 2px 2px 2px;
                  border-color: #99cc99;
                  border-style: solid;
                }   
.surveyhead     {
		  text-align: center;
		  font-weight: 600;
		  font-size: 10pt;
		  letter-spacing: 1px;
		  font-style: normal;
		  font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
		  color: #99cc99;		  		  
                 } 
.surveysection   {
		  text-align: left;
		  font-weight: 500;
		  font-size: 14pt;
		  letter-spacing: 1px;
		  font-style: normal;
		  font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
		  color: #99cc99;		  		  
                 }                  
 table.tabinstructions {
                  text-align: center;
                  vertical-align: top;
                  width: 90%;
                  border-width: 0px 0px 0px 0px;
                  border-color: #99cc99;
                  border-style: solid;
                }    
 .subitalic     {
                  text-align: left;
                  font-weight: 600;
                  font-style: normal;
                  font-size: 10pt;                  
                  font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
                  color: #000000;
                }