/* Start of CMSMS style sheet 'St Patricks Green' */
/* Global Reset (via Eric Meyer - www.meyerweb.com) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end global reset */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main{padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	height: 100px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ===================================== */
/* ===== define body and divisions ===== */
/* ===================================== */

body {
	text-align: center;
	color: #000;
	background: #ccc;
	font-family: trebuchet ms,verdana, arial, sans-serif;
}

#wrap {
	width:770px; 
	margin: 0 auto; 
	background: #fff url(templates/stpats_green/sidebar_cc9.png) repeat-y;
	text-align: left;
}

#x-main {
background: #fff url(templates/stpats_green/sidebar_cc9.png) repeat-y;
width: 770px;
margin: 0 auto;
text-align: left;
}

#x-outerwrap {
	background:#fff url(templates/stpats_green/sidebar_cc9.png) repeat-y scroll 0%;
	text-align: left;
	width: 770px;
	margin: 10px auto;
}


#top {
	background: #006600;
	color: #fff;
	height: 25px;
	width: 100%;
	font-size: 0.8em;
}

#breadcrumbs {} /* defined below */

#search {
	float: right;
}

#header {
	width: 100%;
	height: 125px;
	background: #009900 url(templates/stpats_green/bg_header_green_name.png) no-repeat left top;
	overflow: hidden;
	color: #fff;
	border-bottom: 1px solid #006600;
text-indent: -9999px; /*remove text to use custom graphic header*/
}


#mainbody {
}

#leftcol {
	background: transparent;
	color: #fff;
	float: left;
	width: 200px;
	overflow: hidden;
}

#navigation {
	background: transparent;
}

#navigation-horiz {
	background: transparent;
	width:100%;
}

#prayermission {
	color: #006600;
	font-size: 0.8em;
	line-height: 1.3em;
}

#maincontent {
	background: transparent;
	/*float: left;
	width: 790px;*/
	font-size: .8em;
	line-height: 1.5em;
	margin-left: 205px;
}

#leftcontent { /*container for left column of two-column layout */
	float:left;
	width:49%;
}

#rightcontent { /*container for right column of two-column layout */
	float: right;
	width:49%;
}

#footer {
	background: #006600;
	width: 770px;
	margin: -100px auto 0; /* negative value of footer height */
}

#footer_top {
	font-size: 80%;
	text-align: center;
	color: #fff;
}

#adminlogin {
	text-transform: uppercase;
	font-size: 60%;
}
#adminlogin a {
	color: #cccc99;
	text-decoration: none;
	font-weight: normal;
}

.clr {clear: both;}


/* ========================== */
/* ===== define padding ===== */
/* ========================== */

.padding {
	padding: 1em;
}

.paddingtop {
	padding: 5px;
}

.leftpadding {
	padding: 2em 0 3em 0;
}

.mainpadding {
	padding: 2em 1em 5em 1em;
}

.twocolpadleft { /*padding for left column of two-column layout*/
	padding-right:1em;
}

.twocolpadright { /*padding for right column of two-column layout*/
	padding-left: 1em;
}

.padding_footer {
	padding: 5px;
}

/* ===================================== */
/* ===== define general tag styles ===== */
/* ===================================== */

em {font-style: italic;}
strong {font-weight: bold;}
p {margin-bottom: 1em;}
ol {list-style: decimal outside; margin-left: 3.0em;}
ol li ol {list-style-type: lower-alpha; margin-left: 1.5em;}
ul {list-style: disc outside; margin-left: 3.0em;}
ul li ul {list-style-type: square; margin-left: 1.5em;}
blockquote {
	color: #009900;
	font-weight: normal;
	margin: 1em 4em; 
	padding-left: 5px;
	border-left: 2px solid #006600;
}
code, samp {
	border: 1px solid #006600;
	color: #009900;
	display: block;
	font-family: courier, arial, sans-serif;
	margin: 1em 3em;
	padding: 1.5em;
}
strike {text-decoration: line-through;}
:focus {outline: thin dotted invert;}

/* ================================= */
/* ===== define heading styles ===== */
/* ================================= */

h1 {
	font-weight: bold;
	font-size: 2.0em;
}

h2 {
	font-weight: bold;
	font-size: 1.7em;
}

h3 {
	font-weight: bold;
	font-size: 1.5em;
}	

h4 {
	font-weight: bold;
	font-size: 1.3em;
}

h5 {
	font-weight: bold;
	font-size: 1.1em;
}

h6 {
	font-weight: bold;
	font-size: 0.9em;
}

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {
	color: #006600;
	border-color: #006600;
	border-bottom-color: #006600;
	margin-bottom: 0.5em;
	border-left-width: 0px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 5px;
}

/* ===================================== */
/* ===== define anchor/link styles ===== */
/* ===================================== */

a:link, a:visited, a:focus, a:active {
	color: #bfa93f;
	text-decoration: none;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #009900;
	text-decoration: underline;
}

#footer_top a {
	color: #cccc99;
	font-weight: bold;
}

#footer_top a:hover {
	color: #cccc99;
	text-decoration: underline;
}

/* ============================================ */
/* ===== define breadcrumb division and styles =====*/
/* ============================================ */

#breadcrumbs {
	float: left;
	font-size: 0.8em;
	padding: 5px 0 3px 8px;
}

#breadcrumbs a {
	color: #fff; 
	font-weight: bold;
	text-decoration: none;
}

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

.lastitem {}

/* ============================================= */
/* ===== Search styles ===== */
/* ============================================= */

.search-input {
	background: #ccc;
	border: none;
	font-size: 0.8em;
	height: 15px;
	padding-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	color: #006600;
}


/* ============================================= */
/* =====  Navigation ===== */
/* ============================================= */

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */
#menuwrapper { 
	width: 100%; 
	font-size: 70%;
}

dfn {display: none;} /* eliminate the hierarchy */
#leftcol{overflow: visible;} /* allows the pop-out menu to display */

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   margin-left: 0;/*-1px;*/
}
#primary-nav ul { 
   position: absolute; 
   top: 2px; 
   left: 100%; 
   display: none; 
line-height: 150%;
}
#primary-nav li { 
   margin-bottom: -1px; 
   position: relative; 
}

#primary-nav li li {
	border: 1px solid #006600;
}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   border: 0px solid #006699; 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   color: #006600;
   text-decoration: none; font-weight:bold;
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #cccc99;
   min-height:1em; /* Fixes IE7 bug*/
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive { 
  /* background-color: #C7C7C7; */
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   background-image: url(templates/blue/arrow_blue.gif);/*url(images/cms/arrow.gif);*/ 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh, #primary-nav li:hover a { 
   background-color: #009900;
   color: #cccc99;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block;
}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* section header*/

li.sectheader {
	list-style-type: none;
	color: #fff;
	font-size:1.2em;
	font-weight: bold;
	margin: 0;
}

div.secthead-div {
	background-color:#006600;
	font-family:inherit;
	margin:3px -5px;
	padding:5px 0px 5px 3px;
	width:100%;
}

#primary-nav li.sectheader:hover, #primary-nav li.sep_list:hover {
	background: transparent;
}

/* separator  */
#x-primary-nav li hr.separator {
   display:block;
   height: 1%;/*0.5em;*/
   color: transparent;/*#abb0b6;*/
   background-color: transparent;/*#abb0b6;*/
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 0px solid #006699;
   border-right: 0px solid #006699;
}

li.sep_list {
	list-style-type:none;
}

div.separator {
	width:100%;
	background: url(templates/blue/separator_blue.gif) repeat-x;
}

/*#primary-nav li.sectionheader, li.separator, hr.separator, #primary-nav li hr.separator {display: none;}*/
/* ===== styles for use as styles in TinyMCE editor ===== */
/* ===== be sure to add the appropriate styles in   ===== */
/* ===== the TinyMCE editor page                       ===== */
.leftImage {
	float: left;
	margin: 3px 15px 3px 0;
}

.rightImage {
	float: right;
	margin: 3px 0 3px 15px;
}
/* End of 'St Patricks Green' */