﻿@charset "UTF-8";
    * {
    margin: 0;
    padding: 0;
}

.content {
    background-color: #ffffff;
    color: #cc6600;
    font-size: xx-small;
    padding:5px;
    text-decoration: none;
}

#wrap {
    background:top;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width:983px;
}

body {
    background-image:url(images/pattern.gif);
    background-repeat:repeat;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* typography style*/
h1 {
    color:#0066CC;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.4em;
    font-weight:bold;
}

h2 {
    color:#51701C;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
}

h3 {
    color:#606060;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.9em;
}

p {
    color:#58595B;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.9em;
    line-height: 18px;
}

strong {
    color:#A58900;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1em;
    font-style:normal;
    font-weight:bold;
}

a {
    color:#A58900;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.0em;
}

a:hover {
    color:#6c0204;
    font-family:"Tahoma";
    font-size:medium;
}

ul {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.6em;
    list-style-type: none;
    padding-left: 60px;
}

.lik {
    background: url(images/bullet.png) left center no-repeat;
    list-style-position: outside;
    padding-left:30px;
}

.li4 {
    background: url(images/bullet.png) left center no-repeat;
    list-style-position: outside;
    padding-left:30px;
}

/* main content */
#content-container {
    width:963px;
}

#top {
    background-color: #fe9900;
    background-image:url(images/top-expand.png);
    background-repeat:repeat-y;
    height:auto;
    padding-left: 10px;
    padding-right: 80px;
    width:873px;
}

#top-corner {
    background-image:url(images/top-corner.png);
    background-repeat: no-repeat;
    height:15px;
    width: 963px;
}

#top-container {
    height: 125px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width:auto;
}

#menu {
    background-color: #fe9900;
    background-image:url(images/top-expand.png);
    background-repeat:repeat-y;
    padding-left: 30px;
    padding-right: 60px;
    width:873px;
}

#logo {
    color:#FFF;
    float: left;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:3em;
}

#header-txt {
    padding:30px;
}

#top-nav {
    color:#fe9900;
    float:right;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}

#top-nav a {
    border-bottom-color: #FC0;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color:#eae54e;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
}

#top-nav a:hover {
    color: #C00;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}

#bkg-yellow {
    background-color:#CC6600;
    background-image: url(images/bkg-yellow.png);
    background-repeat: repeat-y;
    float: left;
    height: auto;
    width: 963px;
}

.bkg-yellow-ptn {
    background-image:url(images/bkg-yellow-pattern.png);
    background-repeat:no-repeat;
    height: 570px;
    width: 375px;
    z-index: 2;
}

.img-0 {
    float: right;
    padding-bottom: 20px;
    padding-right: 6px;
    padding-top: 20px;
    text-align: center;
    z-index: 3;
}

.img-1 {
    float: right;
    padding-right: 6px;
    z-index: 3;
}

.img-2 {
    height:82px;
    width:109px;
}

#left-col {
    float:left;
    height: auto;
    padding-bottom: 20px;
    padding-left: 7px;
    width:164px;
}

#left-cola {
    float:left;
    height: auto;
    padding-bottom: 20px;
    padding-left: 1px;
    width:164px;
}

#middle-col {
    float:left;
    height: auto;
    padding-bottom: 20px;
    padding-left: 7px;
    width:400px;
    z-index: 1;
}
#middle-coli {
    float:left;
    height: auto;
    padding-bottom: 20px;
    padding-left: 7px;
    width:340px;
    z-index: 1;
}
#right-col {
    float:left;
    width:372px;
    z-index: 1;
}

#middle-cola {
    float:left;
    width:740px;
    z-index: 1;
}

#middle-colb {
    float:left;
    width:600px;
    z-index: 1;
}

#middle-colc {
    float:left;
    width:600px;
    z-index: 1;
}

/*form starts here*/
#form {
    padding-left:0px;
    padding-top: 20px;
    width:320px;
}

 select, checkbox {
    background: #FFFFFF;
    color:#660;
}

label {
    display: block;
    float: left;
    width: 95px;
}

form {
    padding: 8px;
    width: 280px;
}

form div {
    margin-top: 8px;
}

fieldset {
    background-color: #D3C305;
    border: 0;
    color: #FFF;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px;
    width: 300px;
}

.button {
    background-image: url(images/btn.png);
    height: 27px;
    width: 73px;
}

input:focus, select:focus, checkbox:focus, textarea:focus {
    background-color: #FFC;
    color: #698336;
}

#container {
    width: 330px;
}

/*form ends here*/
/*white pattern*/
#bkg-white {
    background-image: url(images/bkg-white.png);
    float: left;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    width: 903px;
}

#left-col-white {
    float:left;
    padding-left: 5px;
    width:375px;
}

#right-col-white {
    float:right;
    width:382px;
}

#middle-col-white {
    float:left;
    padding: 0px;
    text-align:center;
    width:140px;
}

#bkg-green {
    background-image: url(images/bkg-green-2.png);
    float: left;
    height: auto;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 55px;
    padding-top: 20px;
    width: 879px;
}

#bkg-orange {
    background-image: url(images/bkg-green-2.png);
    float: left;
    height: auto;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;
    width: 879px;
}

#bkg-green p {
    color:#d1d1d1;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.9em;
}

/*green ends*/
#bkg-white-plain {
    background-image:url(images/bkg-white.png);
    background-repeat:repeat-y;
    float: left;
    height: auto;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 55px;
    width: 903px;
}

#left-col-white-bottom {
    float:left;
    padding-bottom:10px;
    padding-top:10px;
    width:440px;
}

#middle-col-white-bottom {
    float:left;
    padding-left:0px;
    padding-top: 60px;
    width:90px;
}

#right-col-white-bottom {
    float:left;
    padding-left:7px;
    padding-top: 10px;
    width:349px;
}

/*table*/
#table {
    border-bottom-color: #51701C;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #51701C;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #51701C;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #51701C;
    border-top-style: solid;
    border-top-width: 2px;
    vertical-align: top;
    width: 380px;
}

#table p {
    clear: both;
    margin: 0;
    width: 100%;
}

#table span {
    float: left;
    padding: 15px 10px;
}

#table span.col1 {
    background-color: #50701B;
    border-bottom-color: #FFF;
    border-bottom-width: 1px;
    border-left-color: #FFF;
    border-left-width: 1px;
    border-right-color: #FFF;
    border-right-width: 1px;
    border-top-color: #FFF;
    border-top-style: solid;
    border-top-width: 1px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 15px;
    width: 2px;
}

#table span.col2 {
    background-color: #FFF;
    border-top-color: #FFF;
    border-top-style: solid;
    border-top-width: 1px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    height: 16px;
    width: 405px;
}

caption {
    color:#51701C;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-align:left;
}

/*end of table*/
/*email marketing you can trust*/
#external-link {
    color:#fff;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    height:20px;
    margin:15px;
    width: 200px;
}

#external-link a {
    color: #fff;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#external-link a:hover {
    color: #6c0204;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* footer starts */
#footer {
    background-image:url(images/footer.png);
    background-repeat: no-repeat;
    color: #666;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:43px;
    padding-left: 20px;
    width:963px;
}
#footerp {
    background-image:url(images/footerp.png);
    background-repeat: no-repeat;
    color: #666;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:63px;
    padding-left: 20px;
    width:963px;
}
#footer a:hover {
	    font-size: 12px;
	        color: #930;
	        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	        }
#footerc {
    background-image:url(images/footer.png);
    background-repeat: no-repeat;
    color: #666;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:43px;
    padding-left: 20px;
    width:963px;
    z-index: 3;
}

#footer-nav {
    color: #930;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

ul#menuback {
    background: url(images/menu-bkgd.gif) no-repeat top left;
    height: 130px;
    list-style: none;
    overflow: auto;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 100px;
    width: 880px;
}

ul#menuback li.shutter {
    border: 0px;
    display: block;
    float: left;
    height: 130px;
    width: 115px;
}

ul#menuback li#shutter1 {
    background: url(images/nc-calendar.gif) no-repeat;
}

ul#menuback li#shutter2 {
    background: url(images/nc-councils.gif) no-repeat;
}

ul#menuback li#shutter3 {
    background: url(images/nc-assemblies.gif) no-repeat;
}

ul#menuback li#shutter4 {
    background: url(images/nc-columbiettes.gif) no-repeat;
}

ul#menuback li#shutter5 {
    background: url(images/nc-squires.gif) no-repeat;
}

ul#menuback li#shutter6 {
    background: url(images/nc-newsletters.gif) no-repeat;
}

ul#menuback li#shutter7 {
    background: url(images/nc-photo.gif) no-repeat;
}

a.link {
    background: url(images/window.png) no-repeat top center;
    border: 0px;
    display: block;
    height: 130px;
    text-indent: -9999px;
    width: 115px;
}

a.link {
    text-decoration:none;
}

/* Sidebar */
#sidebar {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 360px;
}

#sidebar ul {
    border: none;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar li {
    background: url(images/img06.gif) repeat-y left top;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
}

#sidebar li ul {
    background: none;
    border: none;
    margin: 0px 0px;
}

#sidebar li li {
    background: url(images/img07.jpg) repeat-x left bottom;
    border: none;
    margin: 0px 10px;
    padding: 10px 0px;
}

#sidebar li li a {
    border: none;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

#sidebar li li a:hover {
    color: #666666;
    font-size:15px;
}

#sidebar p {
    margin: 0;
    padding: 0px 10px;
}

#sidebar h2 {
    background: url(images/img05.gif) no-repeat left top;
    color: #573D26;
    font-size: 18px;
    font-weight: normal;
    height: 20px;
    margin: 0 0 10px 0px;
    padding: 30px 0px 0px 40px;
    text-transform: capitalize;
}

#sidebar h3 {
    background: url(images/img05b.gif) no-repeat left top;
    height: 10px;
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px;
    width: 347px;
}

#sidebar p {
    line-height: 200%;
}

#sidebar a {
    color: #666666;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.sidebar-r {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 360px;
}

.sidebar-r ul {
    border: none;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-r li {
    background: url(images/img06.gif) repeat-y left top;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
}

.sidebar-r li ul {
    background: none;
    border: none;
    margin: 0px 0px;
}

.sidebar-r li a:hover {
    color: #666666;
    font-size:15px;
}

.sidebar-r li li {
    background: url(images/img07.jpg) repeat-x left bottom;
    border: none;
    margin: 0px 10px;
    padding: 10px 0px;
}

.sidebar-r li li a {
    border: none;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

.sidebar-r li li a:hover {
    color: #666666;
}

.sidebar-r p {
    margin: 0;
    padding: 0px 10px;
}

.sidebar-r h2 {
    background: url(images/img05.gif) no-repeat left top;
    color: #573D26;
    font-size: 18px;
    font-weight: normal;
    height: 20px;
    margin: 0 0 10px 0px;
    padding: 30px 0px 0px 40px;
    text-transform: capitalize;
}

#sidebar-rr h2 {
    background: url(images/img05-n.png) no-repeat left top;
    color: #573D26;
    font-size: 18px;
    font-weight: normal;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    text-transform: capitalize;
}

.sidebar-r h3 {
    background: url(images/img05b.gif) no-repeat left top;
    height: 10px;
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px;
    width: 347px;
}

.sidebar-r p {
    line-height: 200%;
}

.sidebar-r a {
    color: #666666;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

#sidebar-rr {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 370px;
}

#sidebar-n {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 364px;
}

#sidebar-n ul {
    border: none;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar-n li {
    background: url(images/img06-n.png) repeat-y left top;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
}

#sidebar-n li ul {
    background: none;
    border: none;
    margin: 0px 0px;
}

#sidebar-n li li {
    background: url(images/img07-n.png) repeat-x left bottom;
    border: none;
    margin: 0px 10px;
    padding: 10px 0px;
}

#sidebar-n li li a {
    border: none;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

#sidebar-n li li a:hover {
    color: #666666;
}

#sidebar-n p {
    margin: 0;
    padding: 0px 10px;
}

#sidebar-n h3 {
    background: url(images/img05b-n.png) no-repeat left top;
    height: 10px;
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px;
    width: 357px;
}

#sidebar-rr h3 {
    background: url(images/img05b-n.png) no-repeat left top;
    height: 10px;
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px;
    width: 357px;
}

#sidebar-n p {
    line-height: 200%;
}

#sidebar-n a {
    color: #666666;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}
.curvebox {
    background-color: #CC6600;
    color: #FFFFCC;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    width: 290px;
}

.video-1 {
    margin-left: 1px;
}

.video-2 {
    color: #4F6FA1;
    font-size: 1.5em;
    text-align: center;
}

.iframe-news {
    frameborder="0";
    height: 700px;
    marginheight="0";
    marginwidth="1";
    width: 380px;
}
.iframe-links {
    frameborder="0";
    height: 280px;
    marginheight="0";
    marginwidth="1";
    width: 940px;
}
.iframe-info {
    frameborder="0";
    height: 580px;
    marginheight="0";
    marginwidth="1";
    width: 940px;
}
.iframe-photo {
    frameborder="0";
    height: 385px;
    marginheight="0";
    marginwidth="0";
    width: 950px;
}

#council-list {
    color: #573D26;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-left:28px;
    margin-right:10px;
    width: 560px;
}
#council-list ul {
    border: none;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}

#council-list li {
    background: url(images/council-listd.png) repeat-y center top;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
}

#council-list td {
    background: url(images/council-listd.png) repeat-y center top;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
}

#council-list li ul {
    background: none;
    border: none;
    margin: 0px 0px;
}

#council-list td {
    background: none;
    border: none;
    margin: 0px 0px;
}

#council-list li li {
    background: url(images/council-listc.png) repeat-x center bottom;
    border: none;
    margin: 0px 10px;
    padding-left:20px;
    padding: 10px 0px;
}

#council-list td {
    background: url(images/council-listc.png) repeat-x center bottom;
    border: none;
    margin: 0px 10px;
    padding-left:20px;
    padding: 10px 0px;
}

#council-list li li a {
    border: none;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

#council-list td a {
    border: none;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

#council-list li li a:hover {
    color: #666666;
    font-size:15px;
}

#council-list td a:hover {
    color: #666666;
    font-size:14px;
}

#council-list p {
    margin: 0;
    padding: 0px 10px;
}

#council-list h2 {
    background: url(images/council-lista.png) no-repeat center top;
    color: #573D26;
    font-size: 24px;
    font-weight: normal;
    height: 20px;
    margin: 0 0 10px 0px;
    padding: 20px 0px 0px 150px;
    text-transform: capitalize;
}

#council-list h3 {
    background: url(images/council-listb.png) no-repeat center top;
    height: 10px;
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px;
}

#council-list p {
    line-height: 200%;
}

#council-list a {
    color: #666666;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.rosary-header {
    color:#513822;
    font-family:tahoma;
    font-size:16px;
    font-weight:bold;
}

.rosary-text {
    color:#800000;
    font-family:tahoma;
    font-size:14px;
    font-weight:bold;
}


