:focus {
  -moz-outline-style: none;
}


#wrapper {
    width:980px;
    
    margin-left:auto;
    margin-right:auto;   
    margin-top:20px;
}

#header {
    height:49px;
    
    background-image:url(../Images/header-bg.png);
    background-repeat:no-repeat;
    background-position:0 4px;
    
}

#header h1 {
    padding-left:60px;   
    padding-top:12px;
    font-size:18pt;
    color:#CD0000;
    float:left;
    display:block;
}

#header h1 a {
    color:#CD0000;
    text-decoration:none;   
}

#header ul {
    float:right;   
}

#header ul li {
    display:block;
    float:left;   
}
#header ul li a {
    display:block;   
    height:45px;
    width:39px;   
    background-repeat:no-repeat;
    text-indent:-8000px;
}

#header span {
    text-transform:uppercase;
    float:right;   
    padding-top:12px;
    padding-right:10px;
    font-size:9pt;
}

#header span small {
    color:#999;
}
#header span small b {
    font-weight:bold;   
}

#header span small a {
    color:#ff0000;   
}

#header span a {
	color:#33669B;	
}

#header #main-menu {
    
}

#header #main-menu #menu-edit
{
    background-image:url(../Images/btn_main-edit_off.gif);
    width:40px;   
}
#header #main-menu #menu-edit a
{
    background-image:url(../Images/btn_main-edit_off.gif);
}
#header #main-menu #menu-edit a:hover
{
    background-image:url(../Images/btn_main-edit_ovr.gif);
}
#header #main-menu #menu-marketing, #header #main-menu #menu-marketing a
{
    background-image:url(../Images/btn_main-marketing_off.gif);
}
#header #main-menu #menu-marketing a:hover
{
    background-image:url(../Images/btn_main-marketing_ovr.gif);
}
#header #main-menu #menu-forums, #header #main-menu #menu-forums a
{
    background-image:url(../Images/btn_main-user-forum_off.gif);
}
#header #main-menu #menu-forums a:hover
{
    background-image:url(../Images/btn_main-user-forum_ovr.gif);
}
#header #sub-menu {
    background-image:url(../Images/dotted-line-vertical.png);
    background-repeat:repeat-y;
    padding-left:4px;
}

#header #sub-menu #menu-logout, #header #sub-menu #menu-logout a {
    background-image:url(../Images/btn_main-logout_off.gif);
}
#header #sub-menu #menu-logout a:hover{
    background-image:url(../Images/btn_main-logout_ovr.gif);
}

#header #sub-menu #menu-contact, #header #sub-menu #menu-contact a {
    background-image:url(../Images/btn_main-contact-us_off.gif);
}
#header #sub-menu #menu-contact a:hover {
    background-image:url(../Images/btn_main-contact-us_ovr.gif);
}
#header #sub-menu #menu-home, #header #sub-menu #menu-home a
{
    background-image:url(../Images/btn_main-home_off.gif);
}

#header #sub-menu #menu-home a:hover
{
    background-image:url(../Images/btn_main-home_ovr.gif);
}



/* BREADCRUMBS */
#breadcrumbs-empty {
    background-image:url(../Images/breadcrumbs-empty.png);
    height:18px;
}

#breadcrumbs {
    background-image:url(../Images/breadcrumbs-bg.png);
    height:18px;
}

#breadcrumbs ul {
    padding-left:56px;   
    padding-top:2px;
}

#breadcrumbs ul li {
    float:left;   
    color:#999999;
    font-size:8pt;
    margin-left:4px;
}

#breadcrumbs a {
    color:#999999;
    text-decoration:none;
}

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






#footer {
    height:15px;
    background-image:url(../Images/footer-short-bg.png);
    background-repeat:no-repeat;
}

#sub-footer {
    padding-top:10px;
    margin-bottom:100px;
}

#sub-footer a {
    color:#999999;
    text-decoration:none;
}
#sub-footer a:hover {
    text-decoration:underline;
}

#sub-footer a#gg-link {
    display:block;
    width:157px;
    height:32px;
    
    background-image:url(../Images/gg-logo.png);
    background-repeat:no-repeat;
    
    text-indent:-8000px;
    float:left;
}

#sub-footer span {
    display:block;
    float:left;
    padding-top:9px;
    padding-left:10px;
    font-size:8pt;   
    color:#999999;
}

#content {
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    min-height:300px;
    padding:10px;  
    padding-top:0;
    padding-right:0;
    height:1%; /* trigger hasLayout */ 
}

#content {
    color:#666666;   
}

#content #inner-wide {
    padding-top:10px;
}

#content #inner {
    width:63%;
    float:left;   
    
    padding-top:10px;
}

#content #sidebar {
    width:37%;
    float:right;   
}

#content #sidebar #sidebar-menu {
    
}

#content #sidebar #sidebar-menu li a {
    display:block;   
    height:45px;
    background-repeat:no-repeat;
    padding-left:50px;
    color:#999999;
    text-decoration:none;
    font-size:13pt;
    padding-top:13px;
}

#content #sidebar #sidebar-menu li a:hover {
    text-decoration:underline;
}

#content #sidebar #sidebar-menu #item-edit a {
    background-image:url(../Images/btn-edit.png);
}

#content #sidebar #sidebar-menu #item-marketing a {
    background-image:url(../Images/btn-marketing.png);
}

#content #sidebar #sidebar-menu #item-forum a {
    background-image:url(../Images/btn-forums.png);
}


#content #sidebar #tips {
    background-color:#faf9f6;
 
    background-image:url(../Images/site-tips-bg1.png);
    background-position:bottom;
    background-repeat:no-repeat;
    height:600px;
    padding-left:10px;
    padding-right:10px;
    padding-top:30px;
           
}

#content #sidebar  .forum {
    background-image:url(../Images/img_ecusa-sidebar-forum.gif) !important;
}

#content #sidebar  .learn {
    background-image:url(../Images/img_marketing-resource.jpg) !important;
}

#content #sidebar #tips h3 {
    color:#cc0000;
    font-weight:bold;
    font-size:13pt;
    background-image:url(../Images/double-dotted-line.gif);
    background-repeat:repeat-x;
    padding-top:5px;
    height:31px;
}

#content #sidebar #tips p {
    line-height:1.4em;  
    font-size:11pt;
    padding-top:20px; 
    margin-bottom:1em;
}

#content #sidebar span {
    font-weight:bold;
    display:block;
    font-size:11pt;
}
#content #sidebar span a {
    color:#666666;   
}

#content #sidebar ul {

}

#content #sidebar ul.links li {
    padding-left:8px;
    padding-bottom:4px;
    background-image:url(../Images/red-bullet.png);
    background-repeat:no-repeat;
    background-position:0 4px;
}

#content #sidebar ul.links li a {
    color:#666666;
    font-weight:bold;
}


#content #help-menu {
    clear:both;
    padding-top:30px;
    width:90%;
}

#content #help-menu ul {
    background-image:url(../Images/dotted-line.gif);
    background-repeat:repeat-x;
    padding-top:12px;
}

#content #help-menu li a {
    display:block;   
    height:22px;
    background-repeat:no-repeat;
    padding-left:30px;
    color:#999999;
    text-decoration:none;
    font-size:8pt;
    padding-top:3px;
    font-weight:normal;
}

#content #help-menu li a:hover {
    text-decoration:underline;
}

#content #help-menu li a b {
    font-size:10pt;
}
#content #help-menu #item-info a {
    background-image:url(../Images/btn-info.png);
}

#content #help-menu #item-help a {
    background-image:url(../Images/btn-help.png);
}

#content h2 {
    color:#33669B;
    font-size:17pt;
    margin-top:1em;
    margin-bottom:10px;
}

#content p {
    margin-bottom:50px;
    line-height:1.2em;
    font-size:13pt;
    font-weight:normal;
        
}

#content br {
    font-size:1px;
    clear:both;   
}


#content #inner h1,#content #inner-wide h1 {
    font-family:Georgia;
    font-size:36pt;
    color:#999999; 
    margin-bottom:15px;  
}
#content #inner h3,#content #inner-wide h3 {
    margin-bottom:10px;  
    color:#999999;
}

#content #inner-wide h3 img {
    vertical-align:middle;   
}


#content #inner-wide p {
    margin-bottom:1em;   
}



#content .list {
    margin-left:50px;
    margin-bottom:1em;
    list-style-type:circle;   
}

.edit-table 
{
	width:100%;
}
.edit-table td
{
	vertical-align:top;
	width:33%;
}

.edit-section {
    margin-bottom:50px;    
	padding:3px;	
	padding-right:10px;	
}

.edit-section h4 {
    font-size:12pt;
    border-bottom:1px solid #ccc;   
    font-weight:bold;
    margin-bottom:3px;
}

.edit-section a {
    color:#999999;
    text-decoration:none;   
    background-image:url(../Images/red-bullet.png);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding-left:8px;
    font-size:8pt;
    font-weight:bold;
}

.edit-section a:hover {
    text-decoration:underline;   
}

.edit-section ul {
    margin-left:3px;   
}

.edit-section li {
    margin-top:2px;   
}


 



/******* ROUNDED BOX *******/
.rounded {
	width:450px;
}
.wide {
	width:737px;
}
.rounded .top {
	background-image:url('../Images/rounded-top.png');
	background-repeat:no-repeat;
	height:9px;
	font-size:1px;
	position:relative;
}
.wide .top {
	background-image:url('../Images/rounded-top-wide.png');
	height:10px;
}

.rounded .middle {
	border-left:5px #EBE8D9 solid;
	border-right:5px #EBE8D9 solid;
	
	padding:13px 7px 10px 7px;
	
	display:block;
}
.rounded .bottom {
	background-image:url('../Images/rounded-bottom.png');
	background-repeat:no-repeat;	
	height:9px;
	font-size:1px;		
	position:relative;
	display:block;
	_left:10px;
}
.wide .bottom {
	background-image:url('../Images/rounded-bottom-wide.png');
	height:10px;

}

.rounded td {
	padding-top:1px;
	padding-bottom:3px;
	font-size:9pt;
}
.rounded tr {
	background-image:url('../Images/dotted-line.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}

.rounded tr.spacer td {
	padding-top:40px;
}

.rounded td.label {
	font-weight:bold;
}

#content .rounded h3 {
	color:#333333;
	font-size:15pt;
	font-weight:normal;
}
#content .rounded h3#sunday-services {
	padding-left:25px;
	background-image:url('../Images/cross.gif');
	background-repeat:no-repeat;	
	height:28px;
}

#content p.small {
	font-size:8pt;
	margin-bottom:3px;
}

#content p.small a {
	color:#767676;
}

#content .wide td {
	color:#767676;
	padding-top:5px;
	padding-bottom:5px;
}
#content .wide td h4 {
	font-weight:bold;
}
#content .wide td h4 a {
	color:#333333;
	text-decoration:none;
}
#content .wide td h4 a:hover {
	text-decoration:underline;
}

#content .wide td h5 {
	font-size:7pt;
	margin-top:5px;
}







#content .rounded thead tr {
	background-image:none;
	background-color:#a6a6a6;
	color:#fff;
	font-size:7pt;
	font-family:Verdana;

}
#content .rounded thead tr th {
	background-repeat:no-repeat;
	text-indent:-8000px;	
	height:11px;
}
#content .rounded thead tr th#event-date-time {
	background-image:url('../Images/event-date-time.png');
	width:20%;
}
#content .rounded thead tr th#event-description {
	background-image:url('../Images/event-description.png');
}
#content .rounded thead tr th#need-description {
	background-image:url('../Images/need-description.png');
}


a.make-donation {
	height:17px;
	width:88px;
	display:block;
	background-image:url('../Images/make-a-donation_off.gif');
	text-indent:-8000px;
}

a.make-donation:hover {
	background-image:url('../Images/make-a-donation_ovr.gif')
}




.row-content
{
    float:left;
    width:85%;   
    clear:both;
}

.grid
{
    width:100%;
}

.grid br {
    clear:both;
    font-size:1px;   
}




/* EDIT BUTTONS */

.edit-buttons {
    float:left;
    width:120px;
}

.edit-buttons a {
    width:15px;
    height:15px;
    display:block;
    text-indent:-8000px;
    background-repeat:no-repeat;
    float:left;
    margin-left:3px;
}
.edit-buttons span {
    float:left;
    width:9px !important;
    height:15px;
    display:block;
    background-image:url(../Images/img_pipe.gif);
    text-indent:-8000px;
}
a.btn-edit {
    background-image:url(../Images/btn_edit-off.gif);
}

a:hover.btn-edit {
    background-image:url(../Images/btn_edit-ovr.gif);
}
a.btn-delete {
    background-image:url(../Images/btn_delete-off.gif);
}

a:hover.btn-delete {
    background-image:url(../Images/btn_delete-ovr.gif);
}
a.btn-up {
    background-image:url(../Images/btn_move-up_off.gif);
    margin-left:0px;
}

a:hover.btn-up {
    background-image:url(../Images/btn_move-up_ovr.gif);
}
a.btn-down {
    background-image:url(../Images/btn_move-dwn_off.gif);
}

a:hover.btn-down {
    background-image:url(../Images/btn_move-dwn_ovr.gif);
}

a.btn-down-disable {
    background-image:url(../Images/btn_move-dwn_disabled.gif);
}
a.btn-up-disable {
    margin-left:0px;
    background-image:url(../Images/btn_move-up_disabled.gif);
}


a.btn-new {
    width:84px;
    height:18px;
    display:block;
    text-indent:-8000px;
    background-repeat:no-repeat;
    float:left;
    margin-left:3px;    
    background-image:url(../Images/btn_create-new_off.gif);
}
a:hover.btn-new {
    background-image:url(../Images/btn_create-new_ovr.gif);
}


.btn-save {
    width:auto !important;
    margin-right:0 !important;
}

a:hover.btn-save {
    
}

a.btn-cancel {
    
}
a:hover.btn-cancel {
    
}

#dlg h2 {
    margin-top:0;    
}

.login-box
{
    width:300px;
    margin-left:auto;
    margin-right:auto;   
    padding-top:80px;
    margin-bottom:200px;
}

.login-box label {
    float:left;
    margin-right:5px;
    text-align:right;
    display:block;
    width:70px;
    margin-top:3px;
    font-size:8pt;
    text-transform:uppercase;
}
.login-box input {
    margin-bottom:10px;
}

.login-box #login-button {
    padding-left:75px;   
}


.edit-form {
    margin-bottom:15px;
    width:790px;
}

.edit-form td {
    background-image:url(../Images/dotted-line.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    
    padding-bottom:10px;
    padding-top:10px;
    vertical-align:top;
}

.edit-form tr.last td {
    background-image:none;   
}

.edit-form label {
    width:150px;
    display:block;   
    text-align:right;
    padding-right:5px;
    color:#666;
    font-weight:bold;
}

.edit-form input, .edit-form textarea{
    width:340px;
    margin-right:20px;
}
   
.edit-form .checkbox input {
    width:auto !important;
    margin-right:auto;
}   

.edit-form .checkbox td {
	background-image:none !important;
	padding:2px !important;	
}
.edit-form .checkbox label {
    display:inline;
    width:auto !important;    
    padding-left:4px;
    padding-right:20px;
    font-size:8pt;
    font-weight:normal;
}

.edit-form span {
    color:#6799CE;
    font-size:8pt;
    margin-bottom:1em;
}
.edit-form span br {
    font-size:1em !important;
    clear:none;
}

.edit-form span small {
    font-size:7pt;
    padding-top:2px;
    display:block;   
}

.edit-form .label {
    background-image:none !important;
}

.edit-form .form-label {
    background-image:none;  
}
    
.edit-form td span b {
    font-size:10pt;
}

.edit-form td b {
    color:#969696;
    font-size:14pt;
}
.edit-form td b a {
    text-decoration:none;
    color:#969696;
}
.edit-form td b a:hover {
    text-decoration:underline;
}
.edit-form td small {
    padding-left:5px;   
}

.ErrorSummary
{
	border: 1px solid	#E78787;
	background-color: #FFF2F2;
	margin-bottom: 15px;
	font-size: 12px;
	color: #422d2d !important;
	margin-right:10px;
}
#ErrorSummary UL LI a
{
	color: #422d2d !important;
}
.ErrorSummary UL
{
	list-style-type: square;
	list-style-position:inside;
	margin:12px;
}

.ErrorSummary UL LI 
{
    line-height:1.5em;
}

.ErrorHeader
{
	color: White;
	background-color: #DF0000;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px;
}


fieldset {
    border:1px solid #6799CE;
    margin-bottom:30px;
    margin-right:170px;
    padding:10px;
    padding-bottom:0;
}

legend {
    font-size:16pt;
    color:#6799CE;
    margin-left:10px;
}
fieldset label {
    width:100px !important;
    padding-top:2px;
}
fieldset table {
    width:auto !important;
}
fieldset td {
    background-image:none !important;   
    padding:0 !important;   
}


#page-menu {
    text-decoration:none;
    font-size:8pt;
    padding-top:40px;
}

#page-menu h3 {
    padding-left:5px;   
}

    
#page-menu a {
    color:#999999;
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;
}

#page-menu a:hover {
    text-decoration:underline;
}
#page-menu #help-menu {
    padding-top:15px;   
    width:50%;
}
 
 
div.notice {
    padding:10px;   
    padding-left:0;
    padding-bottom:0;
}
div.notice span {
    display:block;
    border:1px solid #cccccc;
    padding:8px;
    background-color:#FFFF9C;
    color:#008000;
    font-weight:bold;
}



.mceEditorContainer, .mceEditorContainer span
{
    width:auto !important;   
    margin-bottom:0 !important;   
}
.mceEditorContainer td
{
    padding:0 !important;   
    background-image:none;
} 


a#btn-login, a#btn-login span {
    width:59px;
    height:23px;
    display:block;
    text-indent:-8000px;
    background-repeat:no-repeat;
    background-image:url(../Images/btn_login_off.gif);
}

a#btn-login:hover span {
    background-image:url(../Images/btn_login_ovr.gif);
}
 
a.remove 
{
	color:Red;
	font-size:8pt;	
	padding-left:10px;
}





span.depth-1
{
	background-image:url(../Images/elbow-end.gif);
	background-repeat:no-repeat;
	background-position:0 -1px;
	display:block;
	width:16px;
	height:18px;
	text-indent:-8000px;
	float:left;
	padding-right:3px;
}



span.depth-2
{
	background-image:url(../Images/elbow-end.gif);
	background-repeat:no-repeat;
	background-position:16px -1px;
	display:block;
	width:32px;
	height:18px;
	text-indent:-8000px;
	float:left;
	padding-right:3px;
}


span.depth-3
{
	background-image:url(../Images/elbow-end.gif);
	background-repeat:no-repeat;
	background-position:32px -1px;
	display:block;
	width:48px;
	height:18px;
	text-indent:-8000px;
	float:left;
	padding-right:3px;
}


.radios input
{
	margin-right:3px;
	width:auto;	
}

.radios label
{
	display:inline;
	text-align:left;
	width:auto;	
}
.radios br
{
	font-size:12pt !important;	
}

.datepicker input
{
	margin-right:0 !important;
}