/*--Color Codes --
#0689b4			- Header blue + Body background
#0698c8			- Div box background blue on Home page
#8dc9f5			- Contentbox background blue
#cae6fa			- Credits background blue
#0a2268			- Default text color in contentbox = dark blue
#0555a5			- color for text in content box = medium blue
--*/

body {font-family:verdana, arial, helvetica, sans-serif; padding: 0; margin: 0; }


/*--Divs--*/
#wrapper {width: 100%; background: #0689b4;}
#header {width:100%; height: 150px; background: #0689b4 url('../images/headers/stmarysheaderbg.jpg') no-repeat scroll top left; }
#menu {width: 100%; height: 50px; background: #0698c8;}
#contentcontainer {width: 100%; }
#sidebar {width: 20%;  padding: 1%; margin: 1%; font-size: small; color: #ffffff; float: right; border: 0px solid black; }
#sidebarblue {background: #0698c8 url('../images/headers/trcurvesb.jpg') no-repeat scroll top right; padding: 5px;}
#maincontent {width: 70%;  padding: 2%;  float: right; border: 0px dashed white; }
#contentbox { width: 94%; padding: 2%; color: #0555a5; background: #8dc9f5 url('../images/headers/trcurve.jpg') no-repeat scroll top right; overflow: hidden; border: 0px inset black; }
#credits {clear: both; width: 100%; padding: 0%; background: #cae6fa;font-size: x-small; }
#mission {margin:1%; padding: 10px; width: 90%; float: left; background: #0698c8; border: 1px solid #0361bd; }
#contact {margin:1%; padding: 10px; width: 35%; float: left; background: #0698c8; border: 1px solid #0361bd; }
#masstimes {margin:1%; padding: 10px; width: 50%; float: left; background: #0698c8 ; border: 1px solid #0361bd; }
#iframe {float:right; background:#8dc9f5; margin-right:10px; margin-top:20px;}

/*-- headings --*/
h1, h2, h3, h4, h5, h6 {color: #0a2268;}

/*--Link Colors--*/
#contentbox a:link {color: #0a2268; text-decoration: none;}
#contentbox a:visited {color: #0a2268; text-decoration: none;}
#contentbox a:hover {color: #ffffff; text-decoration: none;}
#contentbox a:active {}

a:link {color:#ffffff; text-decoration: none;} /* unvisited link - white*/
a:visited {color:#ffffff; text-decoration: none;} /* visited link - white*/
a:hover {color:#074a8d; text-decoration: none;} /* mouse over link - d. blue*/
a:active {} 

/*-- not needed now
a.map:link {color: #ffffff; text-decoration: none;}
a.map:visited {color: #ffffff; text-decoration: none;}
a.map:hover {color:  #8dc9f5; text-decoration: underline;}
a.map:active {} --*/ 

/*--Classes--*/
/*--colors--*/
.contentblue {background: #8dc9f5; color: #0555a5; height: 600px; width:100%; scrollbar-base-color:#0555a5;} /*-- used in iframe to match background in IE --*/
.medblue {color: #0555a5; font-weight: 500; } /*-- used to match text color in contentbox--*/
.darkblue {color: #0a2268; font-weight: 500; } /*-- used for text in mass div index page --*/
.titleblue {color: #074a8d;} /*-- used in sidebar for headings --*/
.white {color: #ffffff; font-weight: 500; }

/*--font weight--*/
.bold120 {font-weight: bold; font-size: 120%;} /*-- used for sidebar headings --*/
.bold {font-weight: 600; }

/*--floats--*/
.floatleft {float: left; }
.floatright {float: right; }

/*--formatting--*/
.pad50 {padding: 50px; }
ul.mass {list-style-type: none; list-style-image: none; } /*-- used in index page mass div --*/
.underline {text-decoration: underline; }
.lineheight18 {line-height: 16px;} /*-- used in sidebar contact list --*/
.footer {font-size:x-small;}
.center {text-align:center;}