/*
Theme Name: Cregagh Presbyterian Church v1
Theme URI: http://cregaghpresbyterian.org
Description: Unique theme created for Cregagh Presbyterian Church
Version: 1.0
Author: Stephen Michael
Author URI: http://stephenmichael.net
Tags: 
*/

/* RESET STYLES */
/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

body {
    background-color: #959a8f;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1.6em;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET STYLES */

/* Set Base Font Styles */

p {
	font-size: 1.0em;
	margin-bottom: 1.5em;
}

p.error {
	font-weight: bold;
	color:#ff0000;
}

p.before_ul {
	margin-bottom: 1.0em;
}

p.aligncenter {
	text-align: center;
}

p.alignright {
	text-align: right;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.smalltext {
	font-size: 0.8em;
}

/* End Base Font Styles */


/* Set Base Link Styles */

a:link, a:visited  {
	color: #828385;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #828385;
}

a:hover, a:active {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #828385;
	background-color: #828385;
}

a.img:link, a.img:visited {
	border: 0;
}

a.img:hover, a.img:active {
	background: none;
	border: 0;
}

/* End Base Link Styles */



/* Start List Styles */
ul {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 1.5em;
}

ul li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul.second {
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: 0em;
}

ul.second li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ol {
	list-style-type: decimal;
	margin-left: 15px;
	margin-bottom: 1.5em;
}

ol li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* End List Styles */

/* START IE6 PNG FIX */
img, div, a, input {
    behavior: url(/css/iepngfix.htc);
}
/* END IE6 PNG FIX */



/* DROP SHADOW FRAME */
#OuterContainer {
    width: 960px;
    margin: 15px auto 0 auto;
}

#topleft {
    width: 19px;
    height: 40px;
    background: url(images/layout/topleft.png);
    background-repeat: no-repeat;
    background-position: top;
    float: left;
}

#topcenter {
    width: 922px;
    height: 40px;
    background: url(images/layout/topcenter.png);
    background-repeat: repeat-x;
    background-position: top;
    float: left;
}

#topright {
    width: 19px;
    height: 40px;
    background: url(images/layout/topright.png);
    background-repeat: no-repeat;
    background-position: top;
    float: left;
}

#Canvas {
    width: 960px;
    height: auto;
    background: url(images/layout/canvas.png);
    background-repeat: repeat-y;
    background-position: top;
}

#bottomleft {
    width: 19px;
    height: 40px;
    background: url(images/layout/bottomleft.png);
    background-repeat: no-repeat;
    background-position: top;
    float: left;
}

#bottomcenter {
    width: 922px;
    height: 40px;
    background: url(images/layout/bottomcenter.png);
    background-repeat: repeat-x;
    background-position: top;
    float: left;

}

#bottomright {
    width: 19px;
    height: 40px;
    background: url(images/layout/bottomright.png);
    background-repeat: no-repeat;
    background-position: top;
    float: left;
}
/* END DROP SHADOW FRAME */

#Container {
    width: 930px;
    margin: 0 auto 0 auto;
    background-color: #fff;
    padding-top: 20px;
}

/* TOP BAR */
#TopBar {
    width: 880px;
    height: 121px;
    margin: 0 25px 25px 25px;
    background-color: #fff;
}

#Logo {
    width: 328px;
    height: 121px;
    float: left;
}

#Links {
    width: 400px;
    height: 116px;
    float: right;
    margin-top: 5px
}

.aboutusNav, .whatsonNav {
    width:200px;
    float:left;
    clear:left;
}

.churchlifeNav, .contactusNav {
    margin-left:200px;
}


.aboutusNav a:link, .aboutusNav a:visited  {
    color: #64675f;
    border-bottom: none;
    font-size: 1.5em;
}

.aboutusNav a:hover, .aboutusNav a:active {
    color: #000;
    border-bottom: none;
    background: none;
}

.whatsonNav a:link, .whatsonNav a:visited  {
    color: #64675f;
    border-bottom: none;
    font-size: 1.5em;
}

.whatsonNav a:hover, .whatsonNav a:active {
    color: #000;
    border-bottom: none;
    background: none;
}

.churchlifeNav a:link, .churchlifeNav a:visited  {
    color: #64675f;
    border-bottom: none;
    font-size: 1.5em;
}

.churchlifeNav a:hover, .churchlifeNav a:active {
    color: #000;
    border-bottom: none;
    background: none;
}

.contactusNav a:link, .contactusNav a:visited  {
    color: #64675f;
    border-bottom: none;
    font-size: 1.5em;
}

.contactusNav a:hover, .contactusNav a:active {
    color: #000;
    border-bottom: none;
    background: none;
}

dd {
    color: #1ca79f;
    font-size: 0.9em;
    margin-top: 0px;
    margin-bottom: 15px;
}
/* END TOP BAR */

#SplashBox {
    width: 860px;
    height: 300px;
    margin: 0 25px 30px 25px;
    border: 10px solid #d1d2d4;
    overflow: hidden;
}

#ContentContainer {
    margin: 0;
    background-color: #fff;
    overflow: hidden;
}

#LeftColumn {
    width: 545px;
    margin: 20px 25px 25px 25px;
    float: left;
    padding-bottom: 500em;
    margin-bottom: -500em;
}

/* HOME */
#Home {
    width: 545px;
}

#Home h1 {
    font-size: 1.8em;
    color: #64675f;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.0em;
}

#Home h2 A {
    font-size: 2.0em;
    color: #64675f;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.3em;
    border-bottom: none;
}

#Home h2 A:hover {
    font-size: 2.0em;
    color: #64675f;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.3em;
    background: #D8DCDD;
    border-bottom: none;
}

p.postdate {
    font-size: 0.9em;
    color:#1ca79f;
    margin-bottom: 0em;
}

p.postdate a:link, p.postdate a:visited  {
    color: #1ca79f;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px solid #1ca79f;
}

p.postdate a:hover, p.postdate a:active {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px solid #1ca79f;
    background-color: #1ca79f;
}

.post {
    width: 545px;
    height: auto;
    margin-bottom: 22px;
    border-bottom: 1px solid #d1d2d4;
}
/* END HOME */


/* TABS */
#RightColumn ul.tabNavigation {
 list-style: none;
 margin: 0;
 padding: 0;
}
#RightColumn ul.tabNavigation li {
 display: inline;
 border-bottom: 0px;
 font-size: 0.95em; color: #64675f; font-weight: 100; line-height: 2.0em;
}
#RightColumn ul.tabNavigation li a {
 text-decoration: none;
 font-size: 0.95em; color: #64675f; font-weight: 100; line-height: 2.0em;
 border-bottom: 0px;
}
#RightColumn ul.tabNavigation li a.selected {
 text-decoration: none; color: #828385; font-weight: bold;
}
#RightColumn ul.tabNavigation li a:hover {
 color: #828385; text-decoration: none; background: #D8DCDD;
}
#RightColumn ul.tabNavigation li a:focus {
 outline: 0;
}


#RightColumn ul.catNavigation {
 list-style: none;
 margin: 0;
 padding: 0;
}
#RightColumn ul.catNavigation li {
 border-bottom: 0px;
}
#RightColumn ul.catNavigation li a {
 text-decoration: none;
 font-size: 0.95em; color: #64675f; font-weight: 100; line-height: 1.0em;
 border-bottom: 0px;
}
#RightColumn ul.catNavigation li a.selected {
 text-decoration: none; color: #828385; font-weight: bold;
}
#RightColumn ul.catNavigation li a:hover {
 color: #828385; text-decoration: none; background: #D8DCDD;
}
#RightColumn ul.catNavigation li a:focus {
 outline: 0;
}

#RightColumn ul.catNavigation ul.catNavigation li {
 border-bottom: 0px;
}

#RightColumn ul.catNavigation ul.catNavigation li a {
 text-decoration: none;
 font-size: 0.7em; color: #64675f; font-weight: 100; line-height: 1.0em;
 border-bottom: 0px;
}

/* END TABS */


/* GENERAL */
#General {
    width: 545px;
}

#General h1 {
    font-size: 3.0em;
    color: #333333;
    font-weight: normal;
    text-decoration: none;
    margin-bottom:25px;
    line-height: 1.5em;
}

#General h2 {
    font-size: 2.5em;
    color: #828385;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 10px 0;
    line-height: 1.3em;
}

#General h3 {
    font-size: 2.0em;
    color: #959a8f;
    font-weight: normal;
    text-decoration: none;
    margin: 40px 0 10px 0;
    line-height: 1.0em;
}

#General h4 {
    font-size: 1.5em;
    color: #959a8f;
    font-weight: normal;
    text-decoration: none;
    margin: 40px 0 10px 0;
    line-height: 1.0em;
}

#General h5 {
    font-size: 1.2em;
    color: #959a8f;
    font-weight: normal;
    text-decoration: none;
    margin: 40px 0 10px 0;
    line-height: 1.0em;
}


.postpage {
    width: 545px;
    height: auto;
    margin-bottom: 20px;
}

.BlogImage {
    width: auto;
    height: auto;
    margin: 5px auto 10px auto;
    border: 10px solid #d1d2d4;
    overflow: hidden;
}

#LocationMap {
    width: 525px;
    height: 300px;
    border: 10px solid #d1d2d4;
    margin-bottom: 25px;
}
/* END GENERAL */


/* RIGHT COLUMN */
#RightColumn {
    width: 284px;
    height: auto;
    padding-left: 25px;
    margin: 20px 25px 25px 0;
    float: right;
    border-left: 1px solid #d1d2d4;
    padding-bottom: 500em;
    margin-bottom: -500em;
}

#RightColumn h1 { font-size: 2.2em; color: #64675f; font-weight: 100; text-decoration:none; text-transform:lowercase; margin-bottom: 20px; }
#RightColumn h2 { font-size: 1.8em; color: #64675f; font-weight: 100; text-decoration:none; text-transform:lowercase; margin-top: 10px; }
#RightColumn h3 { font-size: 1.5em; color: #64675f; font-weight: 100; text-decoration:none; text-transform:lowercase; margin-top: 10px; padding-bottom: 2px; }
#RightColumn h4 { font-size: 1.5em; color: #64675f; font-weight: 100; text-decoration:none; text-transform:lowercase; margin-top: 10px; padding-bottom: 2px; }
#RightColumn h5 { font-size: 1.5em; color: #64675f; font-weight: 100; text-decoration:none; text-transform:lowercase; margin-top: 10px; padding-bottom: 2px; }

#RightColumn ul { list-style-type: none; width: 284px; margin-bottom: 20px; margin-left: 0; }
#RightColumn ul li { font-size: 1.2em; border-bottom: 1px solid #d1d2d4; padding: 10px 0 10px 0px; line-height: 1.5em; }
#RightColumn ul li em { font-style: italic; }
#RightColumn ul li strong { font-weight: bold; }

#RightColumn ul li a:link, #RightColumn ul li a:visited  {
	color: #828385;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
}

#RightColumn ul li a:hover, #RightColumn ul li a:active {
	color: #64675f;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
	background: none;
}


#RightColumn ul.HomeRightNav { list-style-type: none; width: 284px; margin-bottom: 20px; margin-left: 0; }
#RightColumn ul.HomeRightNav li { font-size: 1.1em; color: #64675f; border-bottom: 1px solid #d1d2d4; padding: 10px 0 10px 0px; line-height: 1.4em; }
#RightColumn ul li em { font-style: italic; }
#RightColumn ul li strong { font-weight: bold; }

#RightColumn ul li a:link, #RightColumn ul li a:visited  {
	color: #828385;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
}

#RightColumn ul li a:hover, #RightColumn ul li a:active {
	color: #64675f;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
	background: none;
}

.location { font-size: 0.9em; color: #64675f; font-weight: normal; line-height: 2.0em; }
.download { font-size: 0.6em; color: #64675f; font-weight: bold; line-height: 2.0em; }
.nextweek { font-size: 1.0em; color: #64675f; font-weight: 100; line-height: 2.0em; }

#RightColumn A.download { font-size: 0.7em; color: #64675f; font-weight: bold; line-height: 2.0em; }
#RightColumn A.download:link { color: #64675f; text-decoration:none; }
#RightColumn A.download:visited { color: #64675f; text-decoration:none; }
#RightColumn A.download:hover { color: #828385; text-decoration: none; background: #D8DCDD; }

#RightColumn A.nextweek { font-size: 1.0em; color: #64675f; font-weight: 100; line-height: 2.0em; }
#RightColumn A.nextweek:link { color: #64675f; text-decoration:none; }
#RightColumn A.nextweek:visited { color: #64675f; text-decoration:none; }
#RightColumn A.nextweek:hover { color: #828385; text-decoration: none; background: #D8DCDD; }

.right_nav_center { list-style-type: none; width: 279px; margin: 0;}
.right_nav_center li { border-bottom: 1px solid #d1d2d4; padding-top: 15px; padding-bottom: 15px; line-height: 1.5em; text-align:center; }
.right_nav_center li a { font-size: 1.083333em; color: #828385; text-decoration: none; }
.right_nav_center li a:hover { color: #BABCBE;}
/* END RIGHT COLUMN */


/* START TABLES */
#tbl_General {
    background: #fff;
    width: 545px;
    border: 1px solid #D8DCDD;
}

#tbl_General th {
    background-color: #f6f6f6;
    color: #828385;
    border-bottom: 1px solid #D8DCDD;
    padding: 10px 8px;
    font-weight: bold;
    font-size: 0.8em;
}

#tbl_General td {
    border-bottom: 1px solid #D8DCDD;
    color: #000;
    padding: 8px 10px;
    line-height: 1.3em;
    font-size: 0.8em;
}

#tbl_General tbody tr:hover td {
    background-color: #f6f6f6;
}

#tbl_General .odd {
    background: #D8DCDD; 
}

#tbl_General .center {
    text-align: center;
}
/* END TABLES*/


/* START FORMS*/
/* Contact Us Form */
fieldset.ContactUs {
 border: 1px solid #D8DCDD;
 padding-bottom: 10px;
 margin-bottom: 40px;
}
legend.ContactUs {
 font-family:"HelveticaLTStd-Light", Helvetica, Arial, sans-serif;
 font-size: 2.916667em;
 color: #828385;
 font-weight: 100;
 background: transparent;
 text-decoration:none;
 margin-bottom: 20px;
}
fieldset p.ContactUs {
 font-size: 1.166667em;
 color: #000000;
 margin-bottom: 0em;
 margin-left: 10px;
}
fieldset div.ContactUs {
 margin-bottom: 20px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
}
fieldset div p.ContactUs {
 width: 250px;
 font-size: 1.0em;
 color: #000000;
 margin-bottom: 0em;
}
fieldset div input.ContactUs {
 width: 330px;
 font-size: 1.0em;
 font-family: Helvetica, Arial, sans-serif;
}
fieldset div textarea.ContactUs {
 width: 450px;
 font-size: 1.0em;
 font-family: Helvetica, Arial, sans-serif;
}
label.ContactUs {
 float: left;
 width: 130px;
 padding: 0 1em;
 text-align: right;
 font-size: 1.0em;
 color: #828385;
 line-height: 1.5em;
}
div.ContactUs {
 clear: both;
 padding-top: 10px;
 text-align: center;
}
div submit input.ContactUs {
 border: 1px solid #000000;
 padding: 3px 0 3px 0;
 background-color: #828385;
 color: #FFFFFF;
 font-size: 1.0em;
 font-weight: bold;
 width: auto;
}
/* END FORMS*/

/* CLEARS START */
.clearboth {
    clear: both;
    font-size: 0em;
    margin: 0;
    padding: 0;
    height: 0;
}

.clearleft {
    clear: left;
    font-size: 0em;
    margin: 0;
    padding: 0;
    height: 0;
}

.clearright {
    clear: right;
    font-size: 0em;
    margin: 0;
    padding: 0;
    height: 0;
}
/* CLEARS END */


/* FOOTER */
#Footer {
    width: 870px;
    padding: 30px 30px 10px 30px;
    margin-top: 40px;
    background-color: #f5f3f2;
    overflow: hidden;
}

#bottomlinks_nav { white-space: nowrap; margin: 0px; }
#bottomlinks_nav li { padding-right: 10px; font-size: 1.0em; color: #484c4f; text-decoration: none; text-transform: lowercase; list-style-type: none; display: inline; }
#bottomlinks_nav li a { color: #484c4f; text-decoration: none; }
#bottomlinks_nav li a:hover { color: #000000; text-decoration: underline; }

#FooterText {
    width: 800px;
    text-align: left;
    font-size: 0.95em; color: #64675f;  line-height: 1.8em;
    margin-top: 20px;
}

.copyright { font-size: 0.8em;}
/* END FOOTER */