/* GENERAL ELEMENTS */
body{ background-color:#e5e5e5; margin:0; font-size:12px; font-family:Verdana;color:#666666;} 
a:link { color:#0060BF; text-decoration: underline; }
a:visited { color:#0060BF; text-decoration: underline; }
a:active { color:#0060BF; text-decoration: underline; }
a:hover { color:#000000; text-decoration: underline; }
	
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, arial, helvetica, sans-serif; font-weight: bold; color: #666; }
h1 { font-size: 1.8em; margin: 0em 0em 0.6em 0em; color: #EC5800; }
h2 { font-size: 1.5em; margin: 1.2em 0em 0.4em 0em; }
h3 { font-size: 1.4em; margin: 1.2em 0em 0.4em 0em; color: #EC5800; }
h4 { font-size: 1.2em; margin: 1.2em 0em 0.4em 0em; }
h5 { font-size: 1.0em; margin: 1.2em 0em 0.4em 0em; }
h6 { font-size: 0.8em; margin: 1.2em 0em 0.4em 0em; }

img { border: 0px; }
p { overflow: hidden; margin: 0.5em 0;}
li > p { margin-top: 0.2em; }
pre { font-family: monospace; font-size: 1.0em; }
strong, b { font-weight: bold; }

/* PAGE ELEMENTS */
.siteBody{ width:960px; margin:0 auto; background-color:#ffffff; }
.bodyContent{ width:100%; float:left;background-color:#ffffff;}
.siteFooter{
	 width:960px; float:left;  background-color:#ffffff; 
}
/* Header */

#header{ padding:0px 0; width:100%; float:left;  }
#header .logo{width:960px; height:200px; background-image:url(''); float:left;  }
#header .headerMenu{ float:right; }
#header .headerMenu a{ padding:10px; text-decoration:underline;}
#header .headerMenu a:link{ color:#0060BF;text-decoration:underline;}
#header .headerMenu a:visited { color:#0060BF; text-decoration: underline; }
#header .headerMenu a:active { color:#0060BF; text-decoration: underline; }
#header .headerMenu a:hover { color:#000000; text-decoration: underline; }

/* Menu */
#menu
{
	width:100%;
	height:35px;
	 background-image: url('Images/bar.jpg');
	 vertical-align:middle;
	 line-height:35px;
	  float:left;
}
#menu  a{ padding: 0 20px; text-decoration:none;}
#menu  a:link{ color:#e49204;text-decoration:none;}
#menu  a:visited { color:#e49204; text-decoration: none; }
#menu  a:active { color:#e49204; text-decoration: none; }
#menu  a:hover { color:#000000; text-decoration: none; }

.bar
{
margin:0px;
background-image:url('http://www.rccgna.org/images09/bar.jpg');

}
.menu
{
	border-right: 1px #999999 solid;
}

.menu2
{
	border-right: 1px #999999 solid;
	border-left: 1px #999999 solid;
}


/* Content */
.siteContent{ display:block; width:940px; padding:0 10px 10px 10px; min-height:570px; font-weight:normal; float:left; }
.contentLeft{ width:200px; float:left; padding-top:30px; float:left;}
.contentRight{ width: 720px; padding: 0 10px; float:left;}
#content { margin: 0em auto; width: 570px; padding: 10px 0 10px 0; text-align: left; /* Win IE5 */ }
.content {  margin:0 auto; /*margin-left: 4.5em; margin-right: 4.5em;*/ padding-top:20px; width:100%; float:left;}
.content li { font-size:12px; line-height: 1.3em; margin: 0.2em 0 0.1em 1.5em; }

/* Footer */
.siteFooter{ height:30px; text-align:center; line-height:30px; vertical-align:middle; font-size:10px; }
.pageTitle 
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, arial, helvetica, sans-serif; 
            font-weight: bold; color: #666;  font-size: 1.5em; float:left; display:block; }


#reminders label { font-weight: normal; }

table.tabbedtable { padding-left: 3em; }
table.tabbedtable td { padding-bottom: 5px; }
table.tabbedtable label { text-align: right; padding-right: 9px; }
.hiddenlabel { visibility: hidden; }
.largelink { border: 1px solid #cacaca; padding: 10px; background-color: #E8EEF7; font-size: 1.2em; font-weight: bold; }
.largelinkwrap { padding-top: 10px; padding-bottom: 10px; }


/* Signup box */

#signupbox {
  width: 100%;
  text-align: center;
  margin: 0em auto;
}

#signupwrap {
  border: 1px solid #CACACA;
  border-top: 0;
  text-align: left;
  padding: 35px 10px 20px 30px;
  clear: both;
}

/* Unsupported browsers */

.orange_rbcontent { padding: 0.4em; }
.orange_rbroundbox { width: 100%; }

#unsupported {
  font-weight: bold;
  text-align: left;
}

/*#content {
  padding-top: 15px;
}*/

/*  form */
.form1  
{
  width:100%;
  clear:both;
 }
 .popup-label 
 {
 	clear:both;
    display: block; 
    font-weight:bold; 
    vertical-align: middle;
  }
 
 .f-label 
 {
 	clear:both;
 	width: 180px;
    text-align:right;
    display: block; 
    float: left; 
    padding: 3px 4px 0 0; 
    font-weight:bold; 
    vertical-align: middle;
  }
   .n-label 
 {
    display: block; 
    float: left; 
    padding: 3px 4px 0 0; 
    vertical-align: middle;
  }

  .requestlabel{
   	clear:both;
 	width: 80px;
    text-align:right;
    display: block; 
    float: left; 
    padding: 3px 4px 0 0; 
    font-weight:bold; 
    vertical-align: middle;
  }
   .f-secandlabel 
 {
 	width: 75px;
    text-align:right;
    display: block; 
    float: left; 
    padding: 3px 4px 0 0; 
    font-weight:bold; 
    vertical-align: middle;
  }
  
.f-text { min-width:200px;padding: 4px; border: 1px solid #999;}
.f-number { width:30px;padding: 4px; border: 1px solid #999;}
.f-time { width:60px;padding: 4px; border: 1px solid #999;}
.f-date { width:100px;padding: 4px; border: 1px solid #999;}

.f-select{ border: 1px solid #999; margin-top:4px;}
.f-list{ border: 1px solid #999; margin-top:4px; min-width:200px; width:210px;}

.f-checkbox{ margin-left:180px;}
.f-submitbutton 
{
	background-image: url('Images/button_bg.jpg');
	border: 1px #333333 solid;
	font: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #F2F2F2;
	padding: 6px 5px;
	cursor: pointer;
	margin-left:180px;
}

.request-submitbutton 
{
	background-image: url('Images/button_bg.jpg');
	border: 1px #333333 solid;
	font: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #F2F2F2;
	padding: 6px 5px;
	cursor: pointer;
	margin-left:80px;
}
.newItem{ padding:20px 0;}





.form1 table 
{
  width:100%;
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
}

.form1 .label {
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom:5px;
  vertical-align: top;
  text-align: right;
  width: 150px;
  white-space: nowrap;
}

.form1 .field {
  white-space: nowrap;
  vertical-align:middle;
  display:block;
  width:200px;
  float:left;
}

.form1 .status 
{
	color:#ff0000;
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  width: 246px;
  white-space: nowrap;
}

.form1 .textfield {
  width: 150px;
}
.form1 .comment {
  padding-bottom: 10px;
  vertical-align: top;
  width: 100%;
  white-space: nowrap;
}

.form1 label.error {
  background:url("images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

.form1 label.checked {
  background:url("images/checked.gif") no-repeat 0px 0px;
}

.form1 .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}

.form1 #dateformatStatus, .form1 #termsStatus {
  margin-left: 6px;
}

.form1 #dateformat_eu {
 vertical-align: middle;
}

.form1 #ldateformat_eu {
  font-weight: normal;
  vertical-align: middle;
}

.form1 #dateformat_am {
  vertical-align: middle;
}

.form1 #ldateformat_am {
  font-weight: normal;
  vertical-align: middle;
}

.form1 #termswrap {
  float: left;
}

.form1 #terms {
  vertical-align: middle;
  float: left;
  display: block;
  margin-right: 5px;
}

.form1 #lterms {
  font-weight: normal;
  vertical-align: middle;
  float: left;
  display: block;
  white-space: normal;
}

.form1 #lsignupsubmit {
  visibility: hidden;
}

.form1 fieldset{ border:none 0 ;}
.form1 legend{ font-size:20px;padding:10px;}
/*
.f-button { background: #2782d6; border: 1px solid #cdf; font-size: 14px; color: #fff; padding: 2px 12px; }
*/
.f-button 
{
	background-image: url('Images/button_bg.jpg');
	border: 1px #333333 solid;
	font: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #F2F2F2;
	padding: 6px 5px;
	cursor: pointer;
}

.message { border: solid 1px #FFBA43; background: #FDFFCE; margin: 20px; padding: 10px; }
.f-browseButton{ font-size:14px; border:1px solid #999; width:200px; height:25px; padding:4px;}
.center{ text-align:center;}
.templateThumbnail{ width:300px; float:left; border:solid 1px #e5e5e5; margin:5px;}

#divSubscriber{ font-size:13px;}

.eventPhoto_image{ width:80px; float:left; }
.eventPhoto_delete{ cursor:pointer;}
#eventPhoto { width:100%;} 
#eventAttachment{ width:100%;}
.eventAttachment{ float:left; padding:5px 10px;}
.eventAttachment_delete{ cursor:pointer;}
.event_details{width:940px; float:left;}
.event_details_left{ width:600px; float:left;}
.event_details_eventName{ width:100%; font-size:16px; font-weight:bold; color:#000000; padding:10px 0; }
.event_details_photo{ width:100%; float:left; padding:10px 0; }
.event_details_attachment{ width:100%; float:left; padding:10px 0;}
.event_details_url{ width:100%; text-align:center;}
.event_details_right{ width:340px; float:right;}
.divRequest{ border:solid 1px grey; padding:0 10px;}
.divSendToFriend{ border:solid 1px grey; padding:0 10px;}

.minical_event{ background-image:url("ui-bg_gloss-wave_35_f6a828_500x100.png");}
.errorMessage{ color:#ff0000;}
#accordion li{ clear:both; list-style-type:none; white-space:nowrap; margin-left:-60px; }
#accordion li a{ width:100%; height:20px;  }
#accordion li a:link { color:#0060BF; text-decoration: none; }
#accordion li a:visited { color:#0060BF; text-decoration: none; }
#accordion li a:active { color:#0060BF; text-decoration: none; }
#accordion li a:hover { color:#000000; text-decoration: underline; }

.parishName{ font-size:20px; font-weight:bold; padding:0 10px;color: #EC5800; font-Family:Lucida Grande;  }
.parishContact{float:left; width:100%;}
.parishWorshipAddress{ padding:5px 10px; width:45%; float:left; line-height:150%;}
.parishWorshipAddress span{	color: #333333;font-size:14px; font-weight:bold;
}

.parishPhone{ padding:5px 10px; width:45%; float:right;line-height:150%;}
.parishPhone span{ font-weight:bold; }
.parishButton{ padding:5px 10px; float:left;}
.parishDetails{ float:left; }
#parishTabs{ float:left;}
.parishTabs_content{ padding:5px 10px; display:block; }
.title{ font-size:16px;  color:#555555; font-weight:bold; padding-bottom:20px; }

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#documentSplitter {
	height: 640px;
	/* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane {
	background: #ffffff;
	overflow: auto;
	width: 180px;		/* optional, initial splitbar position */
	min-width: 50px;	/* optional */
	/* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane {
	background: #ffffff;
	overflow: auto;
	min-width: 100px;
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#documentSplitter .vsplitbar {
	width: 2px;
	cursor: e-resize;	/* in case col-resize isn't supported */
	cursor: col-resize;
	background: #def url(Images/vgrabber2-normal.gif) repeat-y left;
}
#documentSplitter .vsplitbar.active, #documentSplitter .vsplitbar:hover {
	background: #def url(Images/vgrabber2-active.gif) repeat-y left;
}

.articleTitle{ font-size:20px; font-weight:bold; width:100%; padding:10px 0;}
.articlePost{ width:100%; }
.articleDetails{ padding:10px 0;}