﻿/*
CSS for St. Bridget Web
*/

body{
font-family:Verdana, Helvetica, arial, sans-serif;
background-color:#e1d8d8;
padding:0;
font-size/* */:/**/small;
font-size: /**/small;
line-height: 125%;
margin:0;
}

#border{
background-image:url("images/images/border.gif");
background-repeat:stretch;
width:640px;
}

#statement{
font-family:Times New Roman, Times, serif;
font-size:medium;
color:black;
letter-spacing:3px;
line-height:15px;
text-align:justify;
padding-right:250px;
padding-left:5px;
border-style:double hidden hidden hidden;
border-color:#660000;
border-width:thick;
}

#statement2{
font-family:Times New Roman, Times, serif;
font-size:medium;
color:black;
letter-spacing:3px;
line-height:15px;
text-align:justify;
padding-right:10px;
padding-left:5px;
border-style:hidden hidden double hidden;
border-color:#660000;
border-width:thick;
}

#topimg{
	background-color: black;
	background-image: url("images/top2.jpg");
	background-repeat: no-repeat;
	width: 1150px;
	height: 216px;
}

#topnav{
background-image:url("images/top-gray.jpg");
background-repeat:repeat-y, repeat-x;
padding:10px;
width: 1130px;
height:25px;
}


#sidenav{
background-color:#333333;
background-image:url("images/nav-bg3.jpg");
background-repeat:repeat-y, repeat-x;
padding:3px;
width:160px;
min-height:590px;
}
 
#content{
padding:15px;
width:654px;
min-height:559px;
background-image:url("images/stone3.jpg");
background-repeat:repeat-y, repeat-x;
}

#mass{
padding:15px;
background-color:#333333;
background-image:url("images/purple3.jpg");
background-repeat:repeat-y, repeat-x;
color:white;
width:198px;
min-height:567px;
}

#sidepic{
width:71px;
min-height:597px;
background-image:url("images/glass1.jpg");
background-repeat:repeat-y;
}

h3{
font-family:"Trebuchet MS", HElvetica, Arial, sans-serif;
}

h2{
font-family:"Trebuchet MS", HElvetica, Arial, sans-serif;
}

h1{
font-family:"Trebuchet MS", HElvetica, Arial, sans-serif;
}

h1{
font-size: x-large;
color:maroon;
padding-top:1em;
padding-bottom:.2em;
padding-left:.4em;
margin:0;
}

h2{
font-size:130%;
font-weight:normal;
padding-top:15px;
}


h3{
font-size:110%;
font-weight:normal;
padding-top:1em;
}

div#mass p{
color:white;
}

div#mass h2{
color:white;
}

div#topnav ul {
margin: 10px;
padding: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: black;
line-height: 20px;
white-space: nowrap;
}

div#topnav li {
list-style-type: none;
display: inline;
}

div#topnav li a {
text-decoration: none;
padding: 10px 10px;
color: #cccccc;
}


div#topnav lia:link {
color: #FFF:
}


div#topnav lia:visited {
color: #CCC;
}


div#topnav lia:hover {
font-weight: bold;
color: #FFF;
background-color: white;
}


div#sidenav ul {
margin: 2px;
padding: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: white;
line-height: 20px;
white-space: wrap;
}

div#sidenav li {
list-style-type: none;
}

div#sidenav li a {
text-decoration: none;
padding: 7px 5px;
color:#cccccc;
}


div#sidenav lia:link {
color: #FFF:
}


div#sidenav lia:visited {
color: #CCC;
}


div#sidenav lia:hover {
font-weight: bold;
color: #FFF;
background-color: black;
}

p{
  font-size: 12;
  color: black;
}

li{
font-size: small;
padding-top:.10em;
padding-bottom:.10em;
}

a{
font-weight:bold;
text-decoration:none;

}

a:link{
color:black;
}

a:visited{
color:#660000;
}

a:hover{
text-decoration:none;
color:white;
background-color:black;
}

a:active{
color:aqua;
background-color:#660000;
}

/*
This section deals with the position of items on the screen. It uses absolute positioning-fixed x and y coordinates measured from top-left corner of the browser's content display.
*/

#sidepic{
position:absolute;
}



#content{
position:absolute;
}


#mass{
position:absolute;
}


#topimg{
position:absolute;
}


#sidenav{
position:absolute;
}


#topnav{
position:absolute;
}


#topimg{
top:.05em;
left:1.5em;
z-index:-2;
}

#topnav{
top:16.25em;
left:1.5em;
z-index:+1;
}

#sidenav{
top:19em;
left:1.5em;
}

#mass{
top:19em;
left:942px;
}

#sidepic{
top:19em;
left:871px;
z-index:-1;
}



#content{
top:20em;
left:14em;
z-index:+2;
}








