@charset "utf-8";

body {
	background-color: #CCCCCC;
}

address{
	line-height:1.25em;
	font-size:0.875em;
	margin-left:10px;
}

body.index {
	background-color: #FFFFFF;
}

#container {
	width: 958px;
	background-color: #FFFFFF;
	height: 100%;
	border-left: thin dotted #666;
	border-right: thin dotted #666;
	margin:0 auto;
}

p{ color: #333; }

#index_img{
	text-align:center;
	margin-top:48px;
}

.index a{
	font: normal 0.9em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

#nav {
	width: 690px;
	height:45px;
	background-image: url(/images/round_rectangle.png);
	margin: 10px 0 10px 240px;
	background-repeat: no-repeat;
}

#nav ul.dropdown {
    position:relative;
	list-style: none;
	height: 40px;
	padding-top: 15px;
	padding-left: 20px;
}

#nav ul.dropdown li{
	display:inline;
}


#banner {
	height: 245px;
	background-position: -3px;
	background-repeat: no-repeat;
}

#banner h1 {
	font: 1.5em bold Arial, Helvetica, sans-serif;
	margin: 160px 0 0 40px;

}

#footer {
	text-align: center;
	padding-top: 40px;
	height: 100px;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
	color: #666666;
	margin-top: 5px;
}

#footer a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333366;
}

#footer a:hover{
	text-decoration:underline;
}

ul#leftnav {
	background-image: url(/images/left_nav.png);
	height: 240px;
	width: 192px;
	list-style-type: none;
	padding-top: 40px;
	background-repeat: no-repeat;
}

#leftbar {
	width: 220px;
	float: left;
	height: 650px;
	text-align: center;
}

#main {
	float:left;
	padding-right: 20px;
	width: 460px;
}

#main p {
	font: 0.95em normal Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

#main h1 {
	font: 1.6em normal Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	width: 420px;
	letter-spacing: 2px;
	font-weight: lighter;
	margin: 20px 0 30px 0;
}

#main h2 {
	color: #333;
	letter-spacing:2px;
	text-transform: uppercase;
	margin: 16px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	font-weight:bold;
}

p#choice {
	padding: 20px 50px 0 0;
}

p#choice a{
	font: 0.9em normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}

p#choice a:hover{
	text-decoration:underline;
}

ul#leftnav li {
	display: inline;
}

ul#leftnav li a {
	color: #10147E;
	text-decoration: none;
	display: block;
	margin: 7px 0 0 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

ul#leftnav li a:hover {
	color: #FFF;
	text-decoration: none;
	display: block;
	margin: 7px 0 0 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#boxad1 {
	height: 194px;
	width: 190px;
	padding: 20px 0 0 10px;
}

#rightbar {
	float: left;
	width: 200px;
	padding-top: 72px;
	padding-left: 10px;
}

#footer-bottom p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.825em;
}

#rightbar p {
	margin-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
}

ol.services {
	width: 300px;
	padding-left: 20px;
	padding-bottom: 5px;
}

ol.services li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	list-style-type: decimal;
	list-style-position: inside;
}

ul.list{
	list-style-position: inside;
	list-style-type: disc;
	
}

ul.list li {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	font-size: 0.95em;
}

/* 
	LEVEL ONE
*/
ul.dropdown { 
    position: relative;
}

ul.dropdown li                      {
	font-weight: bold;
	float: left;
	zoom: 1;
	background-color: #fff;
}

ul.dropdown a:hover		            {
	text-decoration:none;
	color: #666;
}

ul.dropdown a:active                { 
	text-decoration:none;
	color: #f00; 
}

ul.dropdown li a{ 
	display: block; 
  	font: 0.825em bold Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 2px 6px; 
	border-right: 1px solid #333;
	color: #666; 
}

ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover {
	background-color: #fff;
	color: #333;
	position: relative;
}

ul.dropdown li.hover a              {
	color: #000;
}

ul.dropdown li.hover a:hover{
	color:#f00;
}

/* 
	LEVEL TWO
*/

ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li {
	font-weight: normal;
	color: #fff;
	border-bottom: 1px solid #ccc;
	float: none;
	text-decoration:none;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
	border-right: none;
	width: 100%;
	display: inline-block;
	background-color: #f00;
	color: #fff;
	border-bottom: 1px solid #ccc;
} 

ul.dropdown ul li a:hover{
	background-color:#fff;
	color:#f00;
}
/* drop-down */

ul.sitemap {
	list-style-type: none;
	margin-left: 0.5cm;
	padding-left: 0;
	margin-top: 10px;
}

ul.sitemap li {
	padding-left: 1.1em;
	padding-bottom: 4px;
    font-family:Arial, Helvetica, sans-serif;
	
}

ul.sitemap li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.875em;
	text-decoration:none;
	font-weight:normal;
	color:#336;
	font-size:0.875em;
}

ul.sitemap li a:hover{
	text-decoration:underline;
}

ul.sitemap li ul.sub{
	padding:0;
	margin:0;
	margin-top: 4px;
	margin-left: -5px;
	list-style-position: inside;
	list-style-type: circle;
	
}

ul.sitemap li ul.sub li {
	margin-left:0;
}

img.icon{
	margin-right:5px;
}
ul.bullets {
	padding-left: 10px;
	list-style-type: disc;
	list-style-position: inside;
}
ul.bullets li {
	font: 0.95em normal Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

li.pdf {
	background-image: url(../images/bullet_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
	font-family: Arial, Helvetica, sans-serif;
}

li.doc{
   background-image: url(../images/bullet_doc.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}

li.text{
   background-image: url(../images/bullet_text.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}

li.htm{
	background-image: url(../images/bullet_htm.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	padding-left: 1em;
    margin: 1em 2em;
    color: #666;

    border-left: 2px solid #666;
    padding-left: 1em; }
}

.box{
	border:thin solid #666;
}
ul.menu {
	background-color: #e1e1e1;
	width: 65%;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 15px;
	list-style-type: square;
	list-style-position: inside;
}

ul.menu li {
	margin: 4px 0 4px 0;
	color: #999;

}

ul.menu li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 0.875em;
	text-decoration: underline;
}

ul.menu li a:hover {
	color: #333;
	font-size: 0.875em;
	text-decoration: none;
}

ul.hours {
	background-color: #FFFF99;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 10px;
}

ul.hours li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	margin-bottom:5px;
	color:#666;
}

.contact {
	background-image: url(/images/banner-contact.jpg);
}
.sitemap-bg {
	background-image: url(/images/banner-site-map.jpg);
}

.sitemap-bg p#choice a{
	color:#666;
}

.rentals p#choice a{
	color:#666;
}

.jobs p#choice a{
	color:#666;
}

.contact p#choice a{
	color:#666;
}

.saint-raymond  p#choice a{
	color:#666;
}

.home {
	background-image: url(/images/banner-home.jpg);
	
}

.about-us {
	background-image: url(/images/banner-about-us.jpg);
}

.jobs {
	background-image: url(/images/banner-jobs.jpg);
}

.special-events {
	background-image: url(/images/banner-special-events.jpg);
}
.saint-raymond {
	background-image: url(/images/banner-saint-raymond.jpg);
}
.summer-camps {
	background-image: url(/images/banner-cjndg-main.jpg);
}

.admin-services {
	background-image: url(/images/banner-services.jpg);
}

.rentals {
	background-image: url(/images/banner-rentals.jpg);
}

ol.faq{
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 20px;
}

ol.faq li{
	font-family:Arial, Helvetica, Sans-serif;
	font-size: 0.875em;
	font-weight: normal;
	margin-bottom: 2px;
}


ol.faq a{
	color: #FF9900;
	font-family:Arial, Helvetica, Sans-serif;
	text-decoration:underline;
	font-size: 0.875em;
	font-weight: normal;
}

ol.faq a:hover{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
}
p.back a {
	text-decoration:underline;
	color: #FF9900;
}

.question {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 1px;
}
#box-specialvents {
	margin-top: 40px;
	margin-bottom: 20px;
}
#main  dt {
	background-color: #8BD2E4;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	width: 300px;
}

#main dt a {
	color: #000066;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}

#main dd {
	margin-bottom: 5px;
	padding-left: 10px;
}

#main dd ul li{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.825em;

}
#main dl {
	margin-top: 10px;
	margin-left: 10px;
}
p.more {
	text-align: right;
}
#container #main p.more a {
	font-size: 0.875em;
}
td,th {
	border: 1px solid #999999;
	height: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #666666;
}

td strong {
	color:#FF0000;
}