/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* St. Thomas of Villanova, for domain www.stvschool.org  ---  2004    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body, html  { 
/*               scrollbar-face-color: #0066cc;
               scrollbar-arrow-color: #ffcc00; 
               scrollbar-shadow-color: #ffcc00;
               scrollbar-highlight-color: #6699cc;
*/
/*               scrollbar-3d-light-color: #ffcc00;
               scrollbar-dark-shadow-color: #ffcc00;
*/
               background: #0066cc; margin: 0px; padding: 0px;                     
               behavior: url(csshover.htc);
             }
p            { font-family: Verdana, Arial, Helvetica, sans-serif;
	       font-style: normal; font-size: 10pt; font-weight: 400;}
	     
.right       {text-align: right;}
.center      {text-align: center;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Below defines the ID called "mainhead".  This is a unique ID  which */
/* defines a CSS style for this object. The object ID "mainhead" below */
/* describes the very top portion of each web page displaying          */
/* the following graphics:                                             */
/* (1) school logo (2) the wording for Catholic Early Childhood, etc., */ 
/* (3) the viking mascot, and (4) the domain name graphic              */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	     
#mainhead {background-color: #0066cc; height: 91px; border-bottom: 3px solid #ffcc00;}
#mainhead img {width: 407px; height: 91px; position: absolute; top: 0; left: 0; border: 0;}
#mainhead #maincathschool {width: 249px; height: 50px; top: 20px; left: 406px; border: 0;}
#mainhead #stvdomainarch  {width: 108px; height: 37px; top: 0px; left: 669px; border: 0; z-index: 1;}
#mainhead #stvviking      {width: 74px; height: 71px; top: 20px; left: 685px; border: 0;}

img cathlogo {width: 147px; height: 81px; text-align: center; border: 0; padding: .5em;}
img bluelogo {width: 149px; height: 79px; text-align: center; border: 0; padding: .5em;}
img#archdiocese {margin-top: .5em; width: 120px; height: 102px;
		 border-style: double; border-width: 2px;
		 border-color: #ffcc00; padding: 0px;}
img#acrobatreader {margin-top: .5em; width: 88px; height: 31px;
	           border: 0; padding: 3px;}
div.hr    {color: #ffcc00; background-color: #ffcc00; height: 3px;}
div.hr hr {display: none; width: 100%;}	 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All HTML <table> tags will use the default values listed below      */
/* unless overriden by other pseudo-class selector values.             */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	     
table                  {width: 100%; margin: 0 0 10px 0; 
padding: 0;
}

table#maintable        {background: white; border-bottom: 1px solid #0066cc; color: #000066;}
table td               {padding: 0; border-width: 0; vertical-align: top;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 10pt; font-weight: 400;}
td#footer              {background: white; color: red; font-size: 8pt; text-align: center;
                        padding: .3em .1em .3em .1em;}

#crumbs-top td         {color: white; font-weight: 700; padding: .2em .1em .2em .1em;
                        background: #0066cc; white-space: nowrap;}            
td#crumbs              {text-align: right;}
td#crumbs a:link       {color: white;}
td#crumbs a:visited    {color: white;}
td#crumbs a:hover      {color: black; background-color: #6699cc;}

.spacetop, td#spacetop           {border-bottom: 1px solid black; background-color: #ffcc00; padding: 0;
                       line-height: 2pt;}

.leftside, td#leftside {background-color: #6699cc; width: 12%; padding: 0em 0em 1em 0em;}     

td#content  {margin: 0em 10em 5em 7em; border-left: 1px solid #0066cc;}
              
.content, td#content p  {margin: 20px 30px 20px 30px; }
td#content h4 {font-weight: 700; color: white; letter-spacing: 2px; text-transform: uppercase; 
               font-family: Arial, "Times New Roman", Times, "Minion Web", serif; font-style: italic;
	       margin: 20px 30px 0px 30px; background-color: #6699cc; padding-left: .5em;}  
td#content h5 {font-weight: 700; color: white; letter-spacing: 2px; text-transform: uppercase; 
               font-family: Arial, "Times New Roman", Times, "Minion Web", serif; font-style: italic;
	       margin: 20px 30px 0px 30px; background-color: #6699cc; padding-left: .5em;} 	       
#content ul   {list-style-type: square; margin: 20px 70px 10px 70px;}
             
.rightside, td#rightside              { border-left: 1px solid #0066cc;
                           border-right: 1px solid #0066cc;}
#rightside #righttitle    {background-color: #0066cc; text-align: center;
                           font-weight: bold; color:Aqua; padding: .1em 0em .1em 0em; }

#rightside #rightsubtitle {background-color: #6699cc; text-align: center;
                           font-weight: bold; border-bottom: 1px solid black; 
                           border-top: 1px solid black; color: white; padding: .1em 0em .1em 0em;}
.rightsubtitle {background-color: #6699cc; text-align: center;
                           font-weight: bold; border-bottom: 1px solid black; 
                           border-top: 1px solid black; color: white; padding: .1em 0em .1em 0em;}

#rightside ul {font-size: 8pt; list-style-type: disc;
              list-style-image: url(images/stvbluearrow.gif);              
              margin-left: .6cm; margin-bottom: .5em; margin-right: .2cm;} 
td#content h3 {font-weight: 700; color: #000066; letter-spacing: 1px; text-transform: uppercase; 
               font-family: Arial, "Times New Roman", Times, "Minion Web", serif; 
	       margin: 20px 30px 0px 30px; text-decoration: underline;}   
#rightside p {font-size: 8pt; margin-left: .1cm; margin-bottom: .5em; margin-right: .1cm;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All common lefthand side navigation CSS below                       */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#nav    {float: left; width: 13em; margin: -1px 0 0 -1px; background: #0066cc;}
div#nav ul {margin: 0; padding: 0; width: 13em; background: #0066cc;
            border: 1px solid #000000;}
div#nav ul.level2 {background: #0066cc;}
div#nav ul.level3 {background: #0066cc;}
div#nav li {position: relative; list-style: none; margin: 0;
            border-bottom: 1px solid #000000; z-index: 3;}
div#nav li:hover {background: #6699cc;}
div#nav li.submenu {background: url(images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #6699cc;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none;
              width: 12em; border-left: 0.5em solid #ffcc00; color: #ffffff; font-weight: 700;
              font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
div#nav li a:hover {border-left-color: #0066cc; color: #000000; background-color: #6699cc;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 13em; display: none;}
div#nav ul.level1 li.submenu:hover ul.level2,  
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
               
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* All HTML <link> tags will use the values listed below unless        */
/* overriden by other pseudo-class selector values.                    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a:link    {color: #000066; font-weight: 700; text-decoration: underline;}    
a:visited {color: #000066; font-weight: 700; text-decoration: underline;}
a:hover   {color: #ffffff; font-weight: 700; text-decoration: underline; background-color: #6699cc;}
a:active  {color: #000000; font-weight: 700; text-decoration: underline;}    
           
.dropcap   {font: 200%/100% serif; margin-right: -3px; float: left;
	    font-size: 20pt; color: #000066; font-weight: 500;}
.smallcap   {font: 200%/100% serif; margin-right: -2px; float: left;
	    font-size: 20pt; color: #000066; font-weight: 500;}
.toptitle, #toptitle  {
               font-weight: 900;
               position: relative;
               top: 1px;
               left: 2px;
               font-style: normal;
 	       font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
 	       font-size: 22pt;
 	       margin: 0.1em 0em 0.1em 1em; 	       
 	       white-space: nowrap; 
 	       text-decoration: underline;
 	       color: #ffcc00; 	       
            }
.toptext, #toptext    {
                color: #ffcc00;
                z-index: 2;
                position: relative;
                top: 0px;
                left: 0px; 
                text-decoration: underline;
            }
.topshadow, #topshadow {
                color: red;
                z-index: 1;
                position: absolute;
                top: 1px;
                left: 1.5px; 
                text-decoration: underline;
            }                    
.subtitle, #subtitle  {
               font-weight: 900;
               position: relative;
               top: 2px;
               left: 2px;
               font-style: normal;
 	       font-family: Arial, "Times New Roman", Times, "Minion Web", serif;
 	       font-size: 18pt;
 	       margin: 0.1em 0em 0.2em 1em; 	       
 	       white-space: nowrap; 
 	       text-decoration: underline;
 	       color: #ffcc00;
            }
.subtext, #subtext    {
                color: #ffcc00;
                z-index: 2;
                position: relative;
                top: 0px;
                left: 0px;
                text-decoration: underline;
            }
.subshadow, #subshadow  {
                color: red;
                z-index: 1;
                position: absolute;
                top: 1px;
                left: 2px; 
                text-decoration: underline;
            }  	                
.subhighlight    {font-weight: 700;  color: white;  background-color: #6699cc;
                  font-size: 12pt; margin: 20px 30px 0px 30px; padding-left: .5em;
                  font-family: Arial, "Times New Roman", Times, "Minion Web", serif;}


/* Styles needed for the rotating Top News and Other News onthe main page */

.newschromelast {
padding-right: 7px;
text-align: right;
background-image:url(chrome_homepage.gif);
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap;
width: 50%;
border-right: solid 1px #8f8f8f;
height: 30px;
color: #555;
white-space: nowrap;
}

.newschrometitle2 {
padding-right: 7px;
text-align:left;
background-image:url(chrome_homepage.gif);
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap;
width: 50%;
border-left: solid 1px #8f8f8f;
height: 30px;
color: #555;
white-space: nowrap;
}


	/* globals */
	ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	code {
		font-size: 100%;
		color: #666;
	}
	
	
	/* topnews */
	
	div.topnewslayout {
		width: 100%;
		margin: 0px;
		margin: 0px;
	}
	
	ul.topnewslayout {
		list-style-type: none;
		width: 100%;
		float: left;
	}
	
	ul.topnewslayout li {
		margin: 0px;
		float: left;
	}
	
	/*for IE and FF*/
	ul.topnewslayout a {
		float: left;
		display: block;
		padding-bottom: 4px;
		padding-top: 3px;
		padding-left: 6px;
		padding-right: 6px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		color: #666;
		background: #eee;
		text-decoration: none;
		font-weight: bold;
		
	}

	
	ul.topnewslayout a:hover {
		background: #ffff00;
	}
	ul.topnewslayout a.active {
		background: #ffffff;
		padding-top: 4px;
		padding-bottom: 4px;
		cursor: default;
		color: #000000;
	}
	
	
	
	
div.NewsHome {
	height: 160px; 
	overflow:hidden; 
	padding-right: 5px; 
	padding-left: 5px; 
	border-bottom: solid 1px #8f8f8f; 
	border-left: solid 1px #8f8f8f; 
	border-right: solid 1px #8f8f8f;

}
.tabs-container {
		height: 110px;
		clear: left;
		overflow-y: auto;
		overflow-x: hidden;
		
		
	}
	
	item.NewsHome {
	padding-bottom: 30px;
}
 
 
 img#school {margin-top: .5em; width: 378px; height: 146px; border-style: double;
            border-width: 3px; border-color: #6699cc; padding: 2px;}
img#welcome {margin-top: .5em; width: 147px; height: 37px; border: 0; padding: 2px;}
#address {margin-top: .5em; white-space: nowrap; font-size: 10pt;
          text-align: center; clear: both;}
img#morenews {width: 102px; height: 19px; border: 0; margin-bottom: .1em;}
img#morecalendar {width: 49px; height: 37px; border: 0; margin-bottom: .1em;}
img#Fundraiser {width: 115px; height: 150px; border: 0; margin-bottom: .1em;}
img#blueribbon {margin-top: .5em; width: 237px; height: 156px; border-style: double;
            border-width: 3px; border-color: #6699cc; padding: 2px;}