/*********
Cascading Style Sheet for Annunciation School
*********/

a {
	color:#000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link		{text-decoration:none;color:#000084;background-color:transparent}
a:visited 	{text-decoration:none;color:#000084;background-color:transparent}
a:hover   	{text-decoration:underline;color:#000066;background-color:transparent}
a:active  	{text-decoration:underline;color:#FF6600;background-color:transparent}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 130%;
	color: #333333;
}
p a {font-size:12px;}
td a {font-size:12px;}
td .redheader a {font-size:14px;}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #333333;
}
#contentcell1 {
	position: absolute;
	width: 80%;
	left: 175px;
	top: 160px;
	visibility: visible;
}
#navbar { /*Gray column on left*/
	position: absolute;
	width: 160px;
	left: 0px;
	top: 0px;
	padding: 10px;
	height: 100%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000084;
	background-color: #D1C6BE;
	z-index: 200;
	visibility: visible;
	background-repeat: no-repeat;
}
/*#sidebarBox { /***This is contained in #navbar to generate the gray bar on the left side, but does it do anything of its own??
	padding: 5px;
	position: absolute;
	left: 5px;
	top: 200px;
	width: 140px;
	visibility: visible;
}*/
#logo { /*Is this used?*/
	position: absolute;
	height: 100px;
	width: 141px;
	padding: 10px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000084;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000084;
	top: 0px;
	left: 0px;
	z-index: 500;
	visibility: visible;
}
.photo { /*is this used?*/
	float: left;
	margin-right: 14px;
	margin-bottom: 18px;
	margin-left: 0px;
	margin-top: 0px;
}
body {
	background-color: #EDE7DE;
	margin: 0px;
}

#utilityLinks { /*Gray bar on top*/
	width: 774px;
	position: absolute;
	left: 10px;
	top: 120px;
	z-index: 800;
	visibility: visible;
	padding: 0px 0px 0px 0px;
}
.utilityLinks { /*Red Title Header*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000084;
}
#ads { /*Is this used?*/
	width: 100%;
	position: absolute;
	left: 722px;
	top: 262px;
	visibility: visible;
}
#search { /*I know we plan to use this, are we currently?*/
	padding: 3px;
	width: 141px;
	position: absolute;
	left: 5px;
	top: 560px;
	z-index: 600;
	visibility: visible;
}

#bannerInside {
	background-image: url('MenuImages/insideSlice.jpg');
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 500;
	background-repeat: repeat-x;
	visibility: visible
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	color: #333333;
	line-height: 140%;
	white-space: normal;
	display: table;
}
.home_table {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000084;
	padding: 0px 5px 3px;
}
.content_table{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  border-color:#999999; 
  border-width:0; 
  border-style:solid;
}
/*.sidebarBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}*/
#toplinks { /*News, Calendar, Home*/
	position: absolute;
	top: 125px;
	right: 25px;
	z-index: 1000;
	color: #333333;
}
#toplinks a {font-size:12px;}

/*#navbarBox { Campus addresses
	width: 155px;
	position: relative;
	left: 15px;
	z-index: 600;
	visibility: visible;
}*/



.navbarBox { /*Is this used?*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000084;
}
#overprintBox { /*is this used?*/
	width: 250px;
	position: absolute;
	left: 210px;
	top: 200px;
}
.overprintBox { /*Is this used?*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000033;
}
.home_intro { /*Is this used?*/
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: normal;
}
.contentheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000084;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}
.redheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000084;
	font-weight: bold;
}
.redheader a {font-size: 14px;}

.redheadersmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000084;
	font-weight: bold;
}
.redheadersmall a {font-size: 12px;}

.parasmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #333333;
	font-weight:normal;
}
.parasmall a {font-size: 9px;}

.sectionlinks {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #000084;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}
.paragraph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 130%;
	color: #333333;
}
.paragraph a {font-size:12px;}

.bluearrow {
	font-weight: bold;
	color: #003366;
}


/*  Projectseven.com 2004
    Developed by: Al Sparber-PVII
    www.projectseven.com
*/

/* Navigation Bar Styles */

#p7NMnav1 {
	z-index: 100000;
}
#p7NMnav1 ul {
	margin: 0 0 4px 0;
	padding: 0px;
	width: 162px;
	font-size:11px;
	z-index: 100000;
}
#p7NMnav1 ul ul {
	margin: 0 0 4px 0;
	padding: 0px;
	width: 200px;
	z-index: 100000;
}
#p7NMnav1 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 100000;
}
#p7NMnav1 a { /*These are the definitions for normal state non-expanding links at all levels*/
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 2px 18px 2px 8px;
	background-position: 100% 50% !important;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #DACBCF #6D4B52 #6D4B52 #DACBCF;
	font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*here*/
	z-index: 100000;
}
#p7NMnav1 a:hover, #p7NMnav1 a:active, #p7NMnav1 a:focus { /*These are the hover definitions for non-expanding links*/
	color: #000084;
	text-decoration: underline;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url('MenuImages/ExpandBackOver.gif');
	z-index: 100000; border-left-color:#DFE3CA; border-right-color:#333; border-top-color:#DFE3CA; border-bottom-color:#333
}
#p7NMnav1 .p7plusmark, #p7NMnav1 .p7plusmarkcurr { /*These are the definitions for normal state expanding links at all levels*/
	background-repeat: no-repeat;
	background-image: url('MenuImages/ExpandBack1.gif');
	background-position: 100% 50%;
	background-color: #000084;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*here*/
	z-index: 100000
}
/* This next one is for specifying a background color at the second level UL that doesn't apply to the first level UL.
This is used to make the inside links look different from the root menu items.
*/
#p7NMnav1 ul ul a.p7plusmark, #p7NMnav1 ul ul a.p7plusmarkcurr { /*This is my own attempt to make inside expanding links different styles*/
	background-repeat: no-repeat;
	background-image: url('MenuImages/ExpandBackSet2.gif');
	background-position: 100% 50%;
	background-color: #CCCCCC;
	font-weight: normal;
	z-index: 100000
}
#p7NMnav1 ul ul a:hover, #p7NMnav1 ul ul a:active, #p7NMnav1 ul ul a:focus { /*These are the hover definitions for inside links of all varieties*/
	background-color: #CCCCCC;
	background-image: url('MenuImages/ExpandBackOver.gif');
	color: #000084;
	text-decoration: underline;
	font-weight: normal;
	z-index: 100000; border-left-color:#eee; border-right-color:#999; border-top-color:#eee; border-bottom-color:#999
}
#p7NMnav1 ul ul a { /*These are the definitions for inside non-expanding links*/
	background-color: #FFFFFF;
	color: #333333;
	border-color: #eee #999 #999 #eee;
	font-weight: normal;
	z-index: 100000;
}
#p7NMnav1 a.p7plusmark:hover, #p7NMnav1 a.p7plusmark:active, #p7NMnav1 a.p7plusmark:focus { /*This offers a very brief mouseover color while the menu renders*/
	background-repeat: no-repeat;
	background-image: url('MenuImages/ExpandBackOver.gif');
	background-position: 100% 50%;
	background-color: #CCCCCC;
	color: #000084;
	z-index: 100000
}
#p7NMnav1 .p7minusmark, #p7NMnav1 .p7minusmarkcurr { /*This is the "tracing" color; when a menu is followed to its submenu, it retains this background color to "trace" menu movement*/
	background-color: #CCCCCC;
	color: #000084;
	border-right: 0px none;
	border-top-color: #ccc;
	border-left-color: #CCCCCC;
	background-image: url('MenuImages/ExpandBackOver.gif');
	font-weight: bold;
	z-index: 100000
}
#p7NMnav2 {
	z-index: 90000;
}
#p7NMnav2 ul {
	margin: 0 0 4px 0;
	padding: 0px;
	width: 162px;
	font-size:11px
}
#p7NMnav2 ul ul {
	margin: 0 0 4px 0;
	padding: 0px;
	width: 200px;
}
#p7NMnav2 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#p7NMnav2 a { /*These are the definitions for normal state non-expanding links at all levels*/
	text-decoration: none;
	color: #333333;
	display: block;
	padding: 2px 18px 2px 8px;
	background-position: 100% 50% !important;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #DACBCF #6D4B52 #6D4B52 #DACBCF;
	font-size: 1em;
	font-weight:normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#p7NMnav2 a:hover, #p7NMnav2 a:active, #p7NMnav2 a:focus { /*These are the hover definitions for expanding links*/
	color: #000084;
	text-decoration: underline;
	font-weight: normal;
	background-color: #CCCCCC;
	background-image: url('MenuImages/ExpandBackOver.gif');
	border-left-color:#DFE3CA; border-right-color:#333; border-top-color:#DFE3CA; border-bottom-color:#333
}
#p7NMnav2 .p7plusmark, #p7NMnav2 .p7plusmarkcurr { /*These are the definitions for normal state expanding links at all levels*/
	background-repeat: no-repeat;
	background-image: url('MenuImages/ExpandBackSet2.gif');
	background-position: 100% 50%;
	background-color: #FFFFFF;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
/* This next one is for specifying a background color at the second level UL that doesn't apply to the first level UL.
This is used to make the inside links look different from the root menu items.
*/
#p7NMnav2 ul ul a:hover, #p7NMnav2 ul ul a:active, #p7NMnav2 ul ul a:focus { /*These are the hover definitions for inside links of all varieties*/
	background-color: #CCCCCC;
	background-image: url('MenuImages/ExpandBackOver.gif');
	color: #000084;
	text-decoration: underline;
	font-weight: normal; border-left-color:#eee; border-right-color:#999; border-top-color:#eee; border-bottom-color:#999
}
#p7NMnav2 ul ul a { /*These are the definitions for inside non-expanding links*/
	background-color: #FFFFFF;
	color: #333333;
	border-color: #eee #999 #999 #eee;
	font-weight: normal;
}
#p7NMnav2 a.p7plusmark:hover, #p7NMnav2 a.p7plusmark:active, #p7NMnav2 a.p7plusmark:focus { /*This offers a very brief mouseover color while the menu renders*/
	background-repeat: no-repeat;
	background-image: url('MenuImages/ExpandBackOver.gif');
	background-position: 100% 50%;
	background-color: #CCCCCC;
	color: #000084
}
#p7NMnav2 .p7minusmark, #p7NMnav2 .p7minusmarkcurr { /*This is the "tracing" color; when a menu is followed to its submenu, it retains this background color to "trace" menu movement*/
	background-color: #CCCCCC;
	color: #000084;
	border-right: 0px none;
	border-top-color: #ccc;
	border-left-color: #CCCCCC;
	background-image: url('MenuImages/ExpandBackOver.gif');
	font-weight: normal
}
/* end ProjectSeven copyright*/


#mainmenus {
	width: 162px;
	position: absolute;
	left: 0px;
	top: 147px;
	z-index: 30000;
	visibility: visible;
}
.ImageLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.ImageRight {
	float: right;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.StrongWhite {
	font-weight:bold;
	color:ffffff;
}
.BottomShadow {
	background-image: url('/Images/Shadow.gif');
	background-repeat:repeat-x
}
.alumniborder {
	border:000000px solid; 
}
.alumnibordersides {
	border-left:000000px solid; border-right:000000px solid; border-top-style:solid; border-top-color:000000; border-bottom-style:solid; border-bottom-color:000000
}
.alumnitextborderbottom {
	border-bottom:000000px dotted; border-left-color:000000; border-right-color:000000; border-top-color:000000
}
.alumnitextbordertop {
	border-top:000000px dotted; border-left-color:000000; border-right-color:000000; border-bottom-color:000000
}
.white {
	color:#FFFFFF;
}
.parasmallwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	color: #FFFFFF;
}


.whitelink {
	color:#FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.whitelink:link    {text-decoration:none;color:#FFFFFF;background-color:transparent}
a.whitelink:visited {text-decoration:none;color:#FFFFFF;background-color:transparent}
a.whitelink:hover   {text-decoration:underline;color:#000066;background-color:transparent}
a.whitelink:active  {text-decoration:underline;color:#FF6600;background-color:transparent}

.strongwhitelink {
	color:#FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
a.strongwhitelink:link    {text-decoration:none;color:#FFFFFF;background-color:transparent}
a.strongwhitelink:visited {text-decoration:none;color:#FFFFFF;background-color:transparent}
a.strongwhitelink:hover   {text-decoration:underline;color:#000066;background-color:transparent}
a.strongwhitelink:active  {text-decoration:underline;color:#FF6600;background-color:transparent}


#techrequestupperright {
	position: absolute;
	top: 150px;
	right: 15px;
	z-index: 1001;
}

.HomeSlideShow {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000084;
	padding-right:15px;
	z-index:3;
}
.contactdirectory{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  border-color:#999999; 
  border-width:thin; 
  border-style:solid;
}
.contactdirectory td{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  border-bottom-color:#CCCCCC; 
  border-bottom-width:thin; 
  border-bottom-style:dotted;