/* Content CSS */
/* Modified 09/02/10 MCW */

/***************************************************/
/*                                                 */
/*        General Content Styles                   */
/*                                                 */
/***************************************************/
.print-email a {display:block;  width:125px; float:left; height:25px; position:relative; top: 5px;}
body {FONT: 14px arial, helvetica, sans-serif; COLOR: #555}
a {COLOR: #567EaC;}
a:hover { color:#0055B3;}

ul li {margin-left:20px; margin-bottom:4px;}

h1 {FONT-WEIGhT: normal; FONT-SIZE: 175%; COLOR: #0055B3}
h2 {FONT-WEIGhT: bold; font-size:130%; COLOR: #555}
h3 {font-size:100%}

#content h2 {FONT-WEIGhT: bold; font-size:105%; COLOR: #567EaC; padding: 3px 7px 3px 5px; margin: 10px 0px 0px 0px; border-bottom: 1px #0055B3 solid; border-left: 2px #0055B3 solid;}


.GenericFloatLeft {float:left; padding-right:10px;}
.GenericFloatRight {float:right;  padding-left:10px;}
.icl_summary p {padding:0px; margin:0px}

#JumpStartBar {font-weight:bold; padding:10px 7px 0px 7px; font-size:110%;}
#JumpStartBar a {font-size:100%; padding:7px; }

div.mainbox {CLEaR: both; FLOaT: left; MaRGIN-BOTTOM: 20px; paDDING:5px; BORDER-BOTTOM: #0055B3 2px solid; BaCKGROUND-COLOR: #fff; width:98%;}
.mainbox p {DISpLaY: block; MaRGIN: 10px; liNE-hEIGhT: 12pt; }
.mainbox ul {paDDING-LEFT: 20px; paDDING-BOTTOM: 5px; MaRGIN: 0px; paDDING-TOp: 5px;}
.mainbox li {liNE-hEIGhT: 14pt}

hr {hEIGhT: 1px;  color:#0055B3; CLEaR: both; MaRGIN: 8px 0px;  }
.WhiteHR { color:#FFFFFF; border:0px;}

#innertabs .Alert {display:none;}  /* Hide alert that appears when form is no longer available */

a.BlogPost {
	background:transparent url(http://www.umc-gbcs.org/atf/cf/%7B689FEA4C-8849-4C05-A89E-C9BC7FFFF64C%7D/Post_Icon.gif) no-repeat scroll left top;
	display:block;
	float:left;
	font-size:20px;
	padding:30px 0 30px 55px;
	width:150px;
	margin: 0px 10px;
}
a.GroupIcon {
	background:transparent url(http://www.umc-gbcs.org/atf/cf/%7B689FEA4C-8849-4C05-A89E-C9BC7FFFF64C%7D/Group_Icon1.gif) no-repeat scroll left top;
	display:block;
	float:left;
	font-size:20px;
	padding:30px 0 30px 55px;
	width:150px;
	margin: 0px 10px;
}
/***************************************************/
/*                                                 */
/*        Advocacy Content Styles                  */
/*                                                 */
/***************************************************/
div.Advo_mainbox {CLEaR: both; FLOaT: left; MaRGIN-BOTTOM: 20px; paDDING:5px; BORDER-BOTTOM: #0055B3 2px solid; BaCKGROUND-COLOR: #fff; width:985px;}
.Advo_mainbox p {DISpLaY: block; MaRGIN: 10px; liNE-hEIGhT: 12pt; }
.Advo_mainbox ul {paDDING-LEFT: 20px; paDDING-BOTTOM: 5px; MaRGIN: 0px; paDDING-TOp: 5px;}
.Advo_mainbox li {liNE-hEIGhT: 14pt}

/***************************************************/
/*                                                 */
/*           Right Column Styles                   */
/*                                                 */
/***************************************************/

#rightColumn h3 {font-size:90%; color:#0055B3; padding:3px; margin-top:20px; text-align:left; border-top:#0055B3 solid 1px}
#rightColumn p {font-size:88%;}
#rightColumn ul {font-size:88%;}
#rightColumn ul li {margin-left:-20px;}
#ad_ItemsIndex_wrpr {font-size:88%;}

/***************************************************/
/*                                                 */
/*         Module Content Styles                   */
/*                                                 */
/***************************************************/

/* ModuleContent is a <div> used to wrap other <div>'s with <h2> and module columns (2 or 3) */
#ModuleContent h2 {background-color:#567EaC; margin: 10px 0px 0px 7px; height:35px; color:#FFF;}
#ModuleContent h2 a {color:#FFF; text-decoration:none; display:block;  height:35px;} 
/* #ModuleContent h2 a:hover {background:transparent  url(http://www.kintera.org/atf/cf/%7B689FEa4C-8849-4C05-a89E-C9BC7FFFF64C%7D/QUOTESRIGhT.GIF) no-repeat top left; } */
#CategoryIssuelist div {display:block; height:100px}
#CategoryIssuelist .icl_title {float:left; width:130px; padding: 0px 5px 10px 5px; margin-left:0px; height:30px;}
.Module2ColsUnevenSm {float:left; width:175px; padding: 0px 0px 5px 0px; margin: 5px 2px 5px 10px; }
.Module2ColsUnevenLrg {float:left; padding: 0px 0px 5px 0px; margin: 5px 2px 5px 10px; }
.Module2Cols {float:left; width:48%; border-bottom: 1px solid #0055B3; padding: 0px 0px 5px 0px; margin: 5px 2px 5px 10px; }
.Module2Cols p {padding-left:10px;}
.Module2Cols ul li {margin: 0px 0px 2px 5px; padding-left:10px;}
.Module3Cols {float:left; width:32%; background-color:#FFF; border: 2px solid #567EAC;  padding:0px 0px 5px 0px; margin: 5px 5px 5px 0px; height:255px; }
.Module3Cols p {padding-left:10px;}
.Module3Cols ul li {margin-left:30px; list-style:circle; margin-right:10px}
blockquote.Mod2Cols { margin-left:20px; margin-right:0px}
.Module2aCols {float:left; width:48%; padding: 0px 0px 10px 0px; margin: 5px 2px 5px 10px; }
.Module2aCols ul li {margin: 0px 0px 2px 15px; }
.Module2aCols p, .Module2aCols h3 {padding-left:10px;}

/* HomeModuleContent is a <div> used to wrap other <div>'s with <h2> for home page */
#HomeModuleContent h2 {background-color:#567EaC; color:#FFF; margin: 10px 0px 0px 7px; height:15px;}
#HomeModuleContent h2 a {color:#FFF; text-decoration:none; display:block;  height:15px;}
#HomeModuleContent p {padding:0px 8px; font-size:89%;}
#HomeModuleContent ul li {padding:0px 5px; font-size:89%; margin: 0px 1px 0px -20px;}
#HomeModuleContent h3, #HomeModuleContent h4 {padding:0px 8px; font-size:110%;}
 
.HomeModule2ColsUnevenSm {float:left; width:240px; height:410px; background-color:#FFF; padding: 0px 0px 5px 0px; margin: 5px 5px 5px 0px; border: 2px solid #567EaC; }
.HomeModule2ColsUnevenLrg {float:left; width:490px; height:410px; background-color:#FFF;  padding: 0px 0px 5px 0px; margin: 5px 0px 5px 0px; border: 2px solid #567EaC; }

/***************************************************/
/*                                                 */
/*      Content CallOut & Image Styles             */
/*             Floating Side Box                   */
/*                                                 */
/***************************************************/

.CallOutTopR {float:right; width:200px; padding: 5px 0px 0px 15px; margin: 0px 15px 10px 0px; background:url(http://www.kintera.org/atf/cf/%7B689FEa4C-8849-4C05-a89E-C9BC7FFFF64C%7D/QUOTESLEFT.GIF) no-repeat top left;}
.CallOutTopL {float:left; width:200px; padding: 5px 0px 0px 15px; margin: 0px 15px 10px 0px; background:url(http://www.kintera.org/atf/cf/%7B689FEa4C-8849-4C05-a89E-C9BC7FFFF64C%7D/QUOTESLEFT.GIF) no-repeat top left;}
.CallOutTop {float:left; width:300px; padding: 5px 0px 0px 15px; margin: 0px 15px 10px 0px; background:url(http://www.kintera.org/atf/cf/%7B689FEa4C-8849-4C05-a89E-C9BC7FFFF64C%7D/QUOTESLEFT.GIF) no-repeat top left;}
.CallOutBottom {font-weight:bold; color: #993300;  font-size:115%; background:url(http://www.kintera.org/atf/cf/%7B689FEa4C-8849-4C05-a89E-C9BC7FFFF64C%7D/QUOTESRIGhT.GIF) no-repeat bottom right; padding-bottom: 25px;}
.CallOutBottom cite {font-weight:bold; font-size:90%;}

div.ImgCaption  {padding: 0px; margin: 0px 10px 10px 10px; border: 2px ridge #FFF;}
/* IE hacks */  * html div.ImgCaption  {padding: 0px; margin: 0px 10px 10px 10px; border: 2px ridge #FFF;}  
div.ImgCaption p {font-weight:bold; font-size:90%; text-align:left; background-color:#FFF; color:#000; padding:0px 5px 0px 5px; margin:0px;}

div.CallOutBoxRgt p, div.CallOutBoxLft p, div.GrayBox p {font-weight:bold; font-size:12px; color:#FFF; letter-spacing: 1px}
div.CallOutBoxRgt a, div.CallOutBoxRgt a:link, div.CallOutBoxRgt a:hover, div.CallOutBoxRgt a:visited {color:#FFF}
div.CallOutBoxLft a, div.CallOutBoxLft a:link, div.CallOutBoxLft a:hover, div.CallOutBoxLft a:visited {color:#FFF}
div.GrayBox a, div.GrayBox a:link, div.GrayBox a:hover, div.GrayBox a:visited {color:#FFF}

img.FloatR {float:right; padding: 0px; margin: 0px 0px 0px 10px; border: 2px outset #000;}
img.FloatL {float:left; padding: 0px; margin: 0px 10px 0px 0px; border: 2px outset #000;}
img.FloatC {padding: 0px; margin: 0px 10px 0px 0px; border: 2px outset #000; text-align:center;}

blockquote.infoboxL {float:left;  border: 1px #000 outset; margin-right:10px; padding:10px; width:275px;}
blockquote.infoboxR {float:right; border: 1px #000 outset; margin-left:10px; padding:10px; width:275px;  }

div.SideBoxLeft {FLOaT: left; font-size:90%; MaRGIN: 10px; paDDING:10px; WIDTh: 275px; BaCKGROUND-COLOR: #fff; BORDER: #0055B3 2px solid;}
div.SideBoxRight {FLOaT: right; font-size:90%; MaRGIN: 10px; paDDING:10px; WIDTh: 275px; BaCKGROUND-COLOR: #fff; BORDER: #0055B3 2px solid;}

.EmailUs { display:block; padding-left:32px; padding-bottom:5px; background:url(http://www.umc-gbcs.org/atf/cf/%7B689fea4c-8849-4c05-a89e-c9bc7ffff64c%7D/EMAILBUTTON.GIF) no-repeat 0 0; }
.ReturnHome { display:block; padding:5px 0px 5px 32px; background:url(http://www.umc-gbcs.org/atf/cf/%7B689FEA4C-8849-4C05-A89E-C9BC7FFFF64C%7D/PAGEHOMEICON.GIF) no-repeat 0 10%; }

/* Old Image Caption Styles */
div.ImgCaptionR {float:right; width:200px; padding: 0px; margin: 0px 0px 0px 20px; border: 2px ridge #FFF;}
div.ImgCaptionL {float:left; width:200px; padding: 0px; margin: 0px 20px 0px 0px; border: 2px ridge #FFF;}
div.ImgCaptionC {width:420px; padding: 0px; margin: 5px; border: 2px ridge #FFF;}
div.ImgCaptionR p, div.ImgCaptionL p {font-weight:bold; font-style:italic; font-size:90%; text-align:center; background-color:#FFF; color:#0055B3; padding:0px 5px 0px 5px; margin:0px;}
div.ImgCaptionC p {font-weight:bold; font-size:90%; text-align:left; background-color:#FFF; color:#000; padding:0px 5px 0px 5px; margin:0px;}

#ContactList img {width:125px;}

/***************************************************/
/*                                                 */
/*             Shadow Box  Styles                  */
/*                                                 */
/***************************************************/
	
.primaryShadow {
	margin: 10px; 
	float: left; 
	background-color: #000;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-radius-bottomleft:5px;
	-webkit-radius-bottomright:5px;
	-webkit-radius-topleft:5px;
	-webkit-radius-topright:5px;
}

.secondaryShadow {
	margin: 0px 1px 3px; 
	padding: 7px; 
	/* background-color: #e6e3dc; */
	float: left; 
	color: #000; 
	position: relative; 
	right: 1px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-radius-bottomleft:5px;
	-webkit-radius-bottomright:5px;
	-webkit-radius-topleft:5px;
	-webkit-radius-topright:5px;

}

.pdeShadow {

	margin: 5px; 
	padding: 7px 20px; 
	/* background-color: #e6e3dc; */
	float: left; 
	color: #000; 
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-radius-bottomleft:0px;
	-webkit-radius-bottomright:5px;
	-webkit-radius-topleft:0px;
	-webkit-radius-topright:0px;
	border-color:#CCCCCC #567EAC #567EAC #CCCCCC;
	border-style:solid;
	border-width:1px 2px 3px 1px;
}

/***************************************************/
/*                                                 */
/*           Profit Driven  Styles                 */
/*                                                 */
/***************************************************/

.PDE-Header {	
	background: url(ProphetDriven_Header1.jpg) no-repeat;
	height: 240px;
}

div.PDE-ContentBkgrd {
	background:#FFFFFF url(PDE_DOTMAP.PNG) repeat ;
	border-bottom:2px solid #0055B3;
	clear:both;
	float:left;
	margin-bottom:20px;
	padding:5px;
	width:990px;
	font-size:130%;
}		

#PDEContent h2 {
	background-color:#2E3192;
	color:#FFFFFF;
	font-size:105%;
	font-weight:bold;
	margin:10px 0 0;
	padding:3px 7px 3px 5px;

}


#PDEContent a {
    color: #2E3192;
    font-weight: bold;
}


#PDEContent a:hover {
    color: #FBB040;
}


#pdeMenu {
    color: #FFF;
    list-style: none;
    margin: 0px -30px;
    text-align: center;
	font-size: 115%;
	width: auto;
}

#pdeMenu li {
    float: left;
    background-color: #2E3192;
    padding: 5px 20px;
}


#pdeMenu a {
    color: #FFF;
	text-decoration: none;
}

#pdeMenu a:hover {
	color: #FBB040;
}


#PDEContent #frmAdvocacy #ad_Reg_H2 {
color: #fff;
}


/***************************************************/
/*                                                 */
/*               Gulf Coast  Styles                */
/*                                                 */
/***************************************************/

#gulfmaincontainer {
	background-color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	width:985px;
}

#gulfmaincontainer hr {
	clear:none;
}
#gulfleftColumn {
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #49739f;
	width: 325px;
	font-size: 95%;
	margin-top: 10px;
}
#gulfleftColumnBottom {
	border-left: 2px double #FEC77C;
	border-bottom: 2px double #FEC77C;
	display: block;
	margin: 0px;
}
#gulfmaincontainer h1  {
	color: #FEC77C;
	font-size: 175%;
}
#gulfleftColumnBottom  ul {
	padding-right: 20px;
}
#gulfleftColumnBottom  li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#gulfrightColumn  h3 {
	color: #49739f;
	font-weight: bold;
}
#gulfrightColumn  strong {
	color: #49739F;
	font-weight: bold;
}
#gulfrightColumn {
	color:#707070;
	float:right;
	font-size:16px;
	width:660px;
}
#gulfrightColumnForm {
	color:#707070;
	float:right;
	font-size:16px;
	padding:15px;
	width:628px;
	border: 1px solid #FEC77C;
	background-color: #FFF;
}
#gulfrightColumn  h2 {
	font-size: 150%;
	color: #49739f;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#gulfleftColumn  p {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#gulfleftColumn  h2 {
	background-color: #FEC77C;
	color: #20446C;
	font-size: 110%;
	padding: 7px;
}
#gulfmaincontainer a {
	color: #567EAC;
}
#gulfleftColumn a {
	color: #FEC77C;
}
#gulfleftColumnTop {
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FFFFFF;
	width: 325px;
	font-size: 95%;
	padding-top: 25px;
}
#gulfrightColumn  blockquote {
	margin-left: 10px;
}
.gulfPrayers {
	margin: 10px;
}
#gulfmaincontainer a:hover {
	color: #FEC77C;
}



/***************************************************/
/*                                                 */
/*               ICL  Styles                       */
/*                                                 */
/***************************************************/

#icl_container_ICL1 ul {margin:0px; padding:0px; list-style:none;} /* Action Cetner Feature ICL */
#icl_container_ICL2 ul {padding-left:25px; } /* What's New on GBCS WEbsite */
#icl_container_ICL3 ul {margin:0px; padding-left:25px; } /* Featured Issues */
#icl_container_LP ul {list-style:none;} /* Legislative Priorities */
#icl_container_LP a {text-decoration:none; color:#567EaC} /* Legislative Priorities */
#icl_container_LP .icl_title  {FONT-WEIGhT: bold; font-size:105%; COLOR: #567EaC; padding: 3px 7px 3px 5px; margin: 10px 0px 0px 0px; border-bottom: 1px #0055B3 solid; border-left: 2px #0055B3 solid;} /* Legislative Priorities */
#icl_container_EVT1 .icl_subtitle {list-style:none;} /* Upcoming Events */
.icl_title a {font-weight:bold; color:#567EaC;}
.icl_subtitle {color:#0055B3; font-weight:bold; }
.icl_summary {color:#555}

#icl_container br {margin:-20px;}
#icl_container ul li {margin:-1px; font-size:95%;}
#icl_container ul {margin:7px;}

/***************************************************/
/*                                                 */
/*             NL and FIA  Styles                  */
/*                                                 */
/***************************************************/

.NLtitle {font-weight:bold; font-size:120%; color:#0055B3; padding:0px; margin:0px;}
.NLsubtitle { font-style:italic; font-weight:bold; }
.NLauthor { font-style:italic; font-size:85%}
.NLsummary p {margin:0px 0px 10px 0px;}
#IPResource .NLtoctitle, #IPResource .NLtochr { display:none;}
#IPResource { clear:both;}

#container h2.FIAMasthead {color:#FFF; font-size:590%;padding-top:10px; border: 0px; line-height:35px; letter-spacing: 15px;}
#container span.FIAMasthead2 {color:#990000; font-style:italic; font-size:65%; letter-spacing: 1px; }

div.FIACoverImg {float:left; width:198px; padding: 0px; margin: 0px; border: 2px ridge; #000; background-color:#000;}
div.FIACoverImg p {font-weight:bold; text-align:center; background-color:#000; color:#FFF; padding:3px; margin:3px;}

.FIADate {margin:0px; font-weight:bold;}

/***************************************************/
/*                                                 */
/*         MyGBCS Content Styles                   */
/*                                                 */
/***************************************************/

div.MyGBCSMainBox {Float: left; MaRGIN-BOTTOM: 20px; margin-right:20px; paDDING:10px; WIDTh: 600px; BORDER-BOTTOM: #0055B3 2px solid; BaCKGROUND-COLOR: #fff}
div.MyGBCSSideBox {FLOaT: left; font-size:90%; MaRGIN-BOTTOM: 20px; paDDING:10px; WIDTh: 325px; BaCKGROUND-COLOR: #fff; BORDER: #0055B3 2px solid;}
#MyGBCSSideBox h2 {background-color:#567EaC; padding:3px; text-align:left; color:#fff; BORDER-BOTTOM: #0055B3 2px solid; BORDER-LEFT: #0055B3 2px solid;}
.MyGBCSSideBox h2 a {color:#fff; text-decoration:none;}
div.MyGBCSEmailBox {paDDING:10px; WIDTh: 500px; BORDER: #0055B3 2px solid;}
p.GBCSButton {background-color:#567EaC; color:#FFF; padding:10px; text-align:center; width:200px; margin-left: 25px; font-weight:bold}

p.GBCSButton a {color:#FFF; text-decoration:none; }



/***************************************************/
/*                                                 */
/*                  UMSP Styles                    */
/*                                                 */
/***************************************************/


#QuickNav  ul {
	list-style-type: none; 
	font-size: 12px;
	margin: 7px;
	padding: 0px;
}

#QuickNav ul li {
	float: left;
	text-decoration:none;
	padding: 3px 0px;
	margin-left: 10px;
}

#UMSPPageMenu li {
	marging: 0px;
	padding: 0px;
	width: 190px;
}

#UMSPPageMenu a {
	color: #0055B3;
	display:block;
	font-weight:bold;
	letter-spacing:0.15em;
	padding:5px;
	outline: none;
}

#UMSPPageMenu a:hover {
	color: #FFF;
	background-color: #567eac;
	display:block;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:0px;
	-webkit-radius-bottomleft:4px;
	-webkit-radius-bottomright:0px;
	-webkit-radius-topleft:4px;
	-webkit-radius-topright:0px;
	border-bottom:2px solid #567eac;
	border-left:2px solid #567eac;
	border-top:2px solid #567eac;
}

.UMSPmenuLinkSel {
	background-color: #FFF;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:0px;
	-webkit-radius-bottomleft:4px;
	-webkit-radius-bottomright:0px;
	-webkit-radius-topleft:4px;
	-webkit-radius-topright:0px;
	border-bottom:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	
}

.UMSPmenuLinkUnSel {
	color: #0055B3;
	background-color: transparent;
	
}


#umspFooter p {
	margin: 0px;
}

#umspFooter a {
	color: #FFF;
}

#UMSPRightCol h3 {
	font-size: 150%;
	border-top: 5px solid #fff;
	padding: 7px 0px 0px 0px;
}

.YellowPost {
	width: 250px; 
	background: url(PostItNoteYellow.png) no-repeat; 
	float: right; 
	height: 265px; 
	margin-right: -95px;
}

.YellowPost p {
	padding-left: 55px; 
	font-family: cursive; 
	width: 150px; 
	padding-top: 65px
}

.umspYouTube {
	width: 330px;
	height: 200px;
	float: right;
	border: 1px solid #000;
	background: #CCC;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

.umspSideBox {
	width: 350px;
	float: right;
    margin: 0px 35px;
}

.umspHomeNavButtons {
	background:none repeat scroll 0 0 #E1E1E1;
	border:1px outset #555555;
	float:right;
	font-size:110%;
	margin:5px auto;
	min-height:75px;
	padding:0 11px 10px;
	width:320px;
}

.umspHomeNavButtons h3 {
	font-size: 140%;
	margin: 15px 0px;
	color: #0055B3;
}

.umspHomeNavButtons a {
	font-size: 105%;
	color: #0055B3;
	font-weight:bold;
}

.umspHomeNavButtons a:hover {
	color: #000;
}

/*************** End Content Styles ****************/




/***************************************************/
/*                                                 */
/*         CALENDAR Content Styles                 */
/*                                                 */
/***************************************************/

a.CDEven, a.CDOdd  {font-size:12px; margin-left: 10px;}


/***************************************************/
/*                                                 */
/*             QUIZ Content Styles                 */
/*                                                 */
/***************************************************/

div.MyGBCSMainBox .quizAnswerText, div.MyGBCSMainBox .quiztitleText { color:#567EaC; font-weight:bold;}
div.MyGBCSMainBox .quizblack { color:#567EaC; font-weight:bold; font-size:150%; }

/***************************************************/
/*                                                 */
/*             Online Store Styles                 */
/*                                                 */
/***************************************************/
.ec_thumb {float:left; margin-bottom:10px; margin-right:7px;}

.ec_thumb img {width:65px;}

.ECRelatedProduct1Table, .ECRelatedProduct2Table { border: 1px solid #567EaC; padding: 7px; width: 200px;
}

.ECRelatedProduct2Label, .ECRelatedProduct1Label  {display: block; background-color:#567EaC; margin: 5px 0px 7px -7px; height:15px; color:#FFF; padding: 7px;
}

.ECRelatedProduct1OddRow, .ECRelatedProduct1EvenRow, .ECRelatedProduct2OddRow, .ECRelatedProduct2EvenRow  { font-size: 95%; text-align:left;
}

#ProductDetailInnerTable { width: 740px;
}

.CTtableout { width: 100%; 
}

/***************************************************/
/*                                                 */
/*          Contact/Reg Form Styles                */
/*                                                 */
/***************************************************/

.CTtableout td { vertical-align:top;}



/***************************************************/
/*                                                 */
/*        Transparent Corners Styles               */
/*                                                 */
/***************************************************/

.wrap {
	max-width:900px;
	margin: 0px;
	float: left;
}


.wrap p, span { font-size:95%;

}


.wrap ul { font-size:95%; margin-left:-20px;

}

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #0055B3;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0px;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 1px 0 18px;
	background:url(http://www.umc-gbcs.org/atf/cf/%7B689fea4c-8849-4c05-a89e-c9bc7ffff64c%7D/NEWCUSTOMCORNERS.GIF) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(http://www.umc-gbcs.org/atf/cf/%7B689fea4c-8849-4c05-a89e-c9bc7ffff64c%7D/NEWCUSTOMCORNERS.GIF) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 2px 0 12px;
	background:url(http://www.umc-gbcs.org/atf/cf/%7B689fea4c-8849-4c05-a89e-c9bc7ffff64c%7D/NEWCUSTOMCORNERS.GIF) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(http://www.umc-gbcs.org/atf/cf/%7B689fea4c-8849-4c05-a89e-c9bc7ffff64c%7D/NEWCUSTOMCORNERS.GIF) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	border-left: 1px #0055B3 solid;

}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border-right:1px solid #0055B3;
	padding: 11px 10px;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}


/***************************************************/
/*                                                 */
/*         Unorganized  Styles                     */
/*                                                 */
/***************************************************/


#INC_Features {width:460px; float:left; height:155px; padding:10px; border-right: 1px solid #0055B3}
.Featureslist {float:right; width:30%;  border-right: 2px solid #0055B3}
 2px solid #0055B3}

/* In place to removed formatting on thridtab (REsources */
#thirdTabICL ul li a {background-color:#fff; color:#000 }
#thirdTabICL ul li  {text-align:left; width: 100%; }
#thirdTabICL ul {background-color:#fff; }


h2.swoosh {FONT-SIZE: 10px; MaRGIN: 5px 0px; TEXT-TRaNSFORM: uppercase; COLOR: #3e4d76}
ul.normal {paDDING-LEFT: 30px; liST-STYLE-TYpE: disc}
ul.normal li {liNE-hEIGhT: 10px}
.subtitle {COLOR: #be5641}
#subSecondarynav {COLOR: #fff}
#subSecondarynav a {COLOR: #fff; TEXT-DECORaTION: none}
#subSecondarynav a:visited {COLOR: #fff; TEXT-DECORaTION: none}
#subSecondarynav a:hover {TEXT-DECORaTION: underline}
#subnav {COLOR: #fff}
#subnav a {COLOR: #fff; TEXT-DECORaTION: none}
#subnav a:visited {COLOR: #fff; TEXT-DECORaTION: none}
#subnav a:hover {TEXT-DECORaTION: underline}
a.subOn {FONT-WEIGhT: bold}
a.secondaryOn {FONT-WEIGhT: bold}
ul#nav3 li a {FONT-WEIGhT: bold}
ul#nav3 li a {paDDING-RIGhT: 15px; DISpLaY: block; paDDING-LEFT: 15px; paDDING-BOTTOM: 3px; COLOR: #fff; paDDING-TOp: 3px}
ul#nav3 li a:visited {paDDING-RIGhT: 15px; DISpLaY: block; paDDING-LEFT: 15px; paDDING-BOTTOM: 3px; COLOR: #fff; paDDING-TOp: 3px}
ul#nav3 li a.navlinkOn {paDDING-RIGhT: 20px; DISpLaY: block; paDDING-LEFT: 20px; paDDING-BOTTOM: 3px; COLOR: #b79965; paDDING-TOp: 3px; BaCKGROUND-COLOR: #fff}
ul#nav3 li a.navlinkOn:visited {paDDING-RIGhT: 20px; DISpLaY: block; paDDING-LEFT: 20px; paDDING-BOTTOM: 3px; COLOR: #b79965; paDDING-TOp: 3px; BaCKGROUND-COLOR: #fff}
#personalize p {paDDING-RIGhT: 0px; paDDING-LEFT: 0px; paDDING-BOTTOM: 0px; MaRGIN: 0px; COLOR: #918c8a; paDDING-TOp: 0px}
#footer p {paDDING-RIGhT: 0px; paDDING-LEFT: 0px; paDDING-BOTTOM: 0px; MaRGIN: 0px; COLOR: #666; liNE-hEIGhT: 14pt; paDDING-TOp: 0px}


.homemainBox p {paDDING-RIGhT: 0px; paDDING-LEFT: 0px; paDDING-BOTTOM: 0px; MaRGIN: 0px; paDDING-TOp: 0px}
div.homeinfobox {FLOaT: left; WIDTh: 149px; BORDER-BOTTOM: #b79966 2px solid; hEIGhT: 170px; BaCKGROUND-COLOR: #fff; TEXT-aliGN: left}
.homeinfobox p {paDDING-RIGhT: 10px; DISpLaY: block; paDDING-LEFT: 10px; paDDING-BOTTOM: 3px; MaRGIN: 0px; liNE-hEIGhT: 11pt; paDDING-TOp: 3px}
.homeinfobox h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 5px; MaRGIN: 0px; COLOR: #fff; paDDING-TOp: 5px; BaCKGROUND-COLOR: #b79966}
.homeinfobox ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 5px; MaRGIN: 0px; paDDING-TOp: 5px; liST-STYLE-TYpE: none; BaCKGROUND-COLOR: #fff}
.homeinfobox li {liNE-hEIGhT: 12pt}
.homeinfobox a {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.notfound a:visited {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.homeinfobox a:hover {TEXT-DECORaTION: underline}
div.homelandingTop {paDDING-RIGhT: 10px; MaRGIN-TOp: 20px; paDDING-LEFT: 10px; paDDING-BOTTOM: 0px; paDDING-TOp: 10px; BORDER-BOTTOM: #ccc 1px solid}
.homelandingTop h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 0px; MaRGIN: 0px; COLOR: #be5641; paDDING-TOp: 0px}
.homelandingTop ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; MaRGIN: 0px; paDDING-TOp: 10px; liST-STYLE-TYpE: none}
.homelandingTop li {MaRGIN-BOTTOM: 10px; liNE-hEIGhT: 12pt}
.homelandingTop a {paDDING-RIGhT: 10px; FONT-SIZE: 11pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.homelandingTop a:hover {TEXT-DECORaTION: underline}
div.homelanding {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; paDDING-TOp: 10px; BORDER-BOTTOM: #ccc 1px solid}
.homelanding h3 {paDDING-RIGhT: 0px; paDDING-LEFT: 0px; FONT-SIZE: 9pt; paDDING-BOTTOM: 0px; MaRGIN: 0px; TEXT-TRaNSFORM: uppercase; COLOR: #be5641; paDDING-TOp: 0px}
.homelanding ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; MaRGIN: 0px; paDDING-TOp: 10px; liST-STYLE-TYpE: none}
.homelanding li {liNE-hEIGhT: 11pt}
.homelanding a {paDDING-RIGhT: 20px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_home.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.homelanding a:hover {TEXT-DECORaTION: underline}
.homelanding BR {hEIGhT: 10px}
div.centerBox {MaRGIN-TOp: 20px; FLOaT: left; MaRGIN-BOTTOM: 30px; TEXT-aliGN: left}
div.centerBox a {paDDING-RIGhT: 13px; FONT-WEIGhT: bold; FONT-SIZE: 10pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%}
div.centerBox a:unknown {paDDING-RIGhT: 13px; FONT-WEIGhT: bold; FONT-SIZE: 10pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%}
div.centerBox IMG {MaRGIN-TOp: 10px}
div.leftRight {paDDING-RIGhT: 0px; paDDING-LEFT: 0px; FLOaT: left; paDDING-BOTTOM: 5px; WIDTh: 45%; MaRGIN-RIGhT: 10px; paDDING-TOp: 5px}
.leftRight ul {BORDER-TOp: #ccc 1px solid; MaRGIN-LEFT: 15px; liST-STYLE-TYpE: disc}
.leftRight ul li {liNE-hEIGhT: 10pt}
div.threebox {paDDING-RIGhT: 0px; paDDING-LEFT: 10px; paDDING-BOTTOM: 0px; paDDING-TOp: 5px}
.threebox ul li {FLOaT: left; WIDTh: 31%; MaRGIN-RIGhT: 15px}
.threebox a {paDDING-RIGhT: 10px; FONT-SIZE: 11pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.threebox a:visited {paDDING-RIGhT: 10px; FONT-SIZE: 11pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.threebox a:hover {TEXT-DECORaTION: underline}
div.topbox {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; paDDING-TOp: 10px; BaCKGROUND-COLOR: #fff}
div.featuresbox {CLEaR: both; FLOaT: left; MaRGIN-BOTTOM: 10px; WIDTh: 100%; BORDER-BOTTOM: #0055B3 2px solid}
.featuresbox h3 {color:#0055B3; padding: 0px;
float:left; paDDING-BOTTOM: 5px; paDDING-TOp: 5px;}
.featuresbox ul {CLEaR: both; paDDING-RIGhT: 0px;  paDDING-BOTTOM: 5px; MaRGIN: 0px; WIDTh: 255px; paDDING-TOp: 5px; liST-STYLE-TYpE: none; }
.featuresbox ul li {width:175px}
.featuresbox ul li.first {}
div.mediabox {CLEaR: both; FLOaT: left; WIDTh: 100%; BaCKGROUND-COLOR: #fff}
.mediabox p {paDDING-RIGhT: 10px; DISpLaY: block; paDDING-LEFT: 10px; paDDING-BOTTOM: 3px; MaRGIN: 0px; liNE-hEIGhT: 12pt; paDDING-TOp: 3px}
.mediabox h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; BaCKGROUND: url(../../appData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/E7YJ71V9/maintopbg.gif) #b79966 repeat-x 50% bottom; paDDING-BOTTOM: 10px; MaRGIN: 0px 0px 3px; COLOR: #fff; paDDING-TOp: 5px}
.mediabox h3 a {COLOR: #fff; TEXT-DECORaTION: none}
.mediabox h3 a:visited {COLOR: #fff; TEXT-DECORaTION: none}
.mediabox ul {CLEaR: both; paDDING-RIGhT: 0px; paDDING-LEFT: 0px; FLOaT: left; paDDING-BOTTOM: 0px; MaRGIN: 0px; WIDTh: 100%; paDDING-TOp: 5px; liST-STYLE-TYpE: none; BaCKGROUND-COLOR: #fff}
.mediabox li {FLOaT: left}
.mediabox li.desc {paDDING-RIGhT: 15px; WIDTh: 315px}
.mediabox a {COLOR: #5575a1; TEXT-DECORaTION: none}
.mediabox a:visited {COLOR: #5575a1; TEXT-DECORaTION: none}
.mediabox a:hover {TEXT-DECORaTION: underline}
h3.commcentral {FONT-SIZE: 12pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/main_comm.jpg) no-repeat; paDDING-BOTTOM: 75px}
h3.knowledge {FONT-SIZE: 11pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/main_knowledge.jpg) no-repeat}
h3.ourstaff {FONT-SIZE: 12pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/main_staff.jpg) no-repeat; paDDING-BOTTOM: 75px}
h3.ourministries {paDDING-RIGhT: 80px; paDDING-LEFT: 260px; FONT-SIZE: 12pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/main_ministries.jpg) no-repeat; paDDING-BOTTOM: 90px}
h3.ourministries SpaN {CLEaR: both; paDDING-RIGhT: 0px; paDDING-LEFT: 0px; FONT-SIZE: 11pt; paDDING-BOTTOM: 40px; MaRGIN: 0px; paDDING-TOp: 40px}
div.relatedBox {paDDING-BOTTOM: 5px}
.relatedBox h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 5px; MaRGIN: 0px; COLOR: #fff; paDDING-TOp: 5px; BaCKGROUND-COLOR: #557eac}
.relatedBox ul {BORDER-RIGhT: #557eac 2px solid; paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 5px; MaRGIN: 0px; BORDER-LEFT: #557eac 2px solid; paDDING-TOp: 5px; BORDER-BOTTOM: #557eac 2px solid; liST-STYLE-TYpE: none}
.relatedBox li {liNE-hEIGhT: 12pt}
.relatedBox a {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_orange.gif) no-repeat right 50%; COLOR: #557eac; TEXT-DECORaTION: none}
.relatedBox a:visited {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_orange.gif) no-repeat right 50%; COLOR: #557eac; TEXT-DECORaTION: none}
.relatedBox a:hover {TEXT-DECORaTION: underline}
div.relatedlinks {BORDER-TOp: #ccc 1px solid; paDDING-TOp: 10px}
.relatedlinks h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 0px; MaRGIN: 0px; TEXT-TRaNSFORM: uppercase; COLOR: #be5641; paDDING-TOp: 0px}
.relatedlinks ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; MaRGIN: 0px; paDDING-TOp: 0px; BORDER-BOTTOM: #ccc 1px solid; liST-STYLE-TYpE: none}
.relatedlinks li {liNE-hEIGhT: 12pt}
.relatedlinks a {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.landing a:visited {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.relatedlinks a:hover {TEXT-DECORaTION: underline}
div.notfound {paDDING-BOTTOM: 5px; paDDING-TOp: 10px}
.notfound h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 5px; MaRGIN: 0px; TEXT-TRaNSFORM: uppercase; COLOR: #fff; paDDING-TOp: 5px; BaCKGROUND-COLOR: #b79966}
.notfound ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 5px; MaRGIN: 0px; paDDING-TOp: 5px; liST-STYLE-TYpE: none; BaCKGROUND-COLOR: #f7f8ee}
.notfound li {liNE-hEIGhT: 12pt}
.notfound a {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #0055B3; TEXT-DECORaTION: none;}
.notfound a:visited {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #0055B3; TEXT-DECORaTION: none;}
.notfound a:hover {TEXT-DECORaTION: underline}
div.landingTop {paDDING-BOTTOM: 15px;}
.landingTop a:visited {paDDING-RIGhT: 10px; FONT-SIZE: 11pt; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #FFF; TEXT-DECORaTION: none}
.landingTop h3 {BORDER-RIGhT: #ccc 1px solid; paDDING-RIGhT: 10px; BORDER-TOp: #ccc 1px solid; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 0px; MaRGIN: 0px; BORDER-LEFT: #ccc 1px solid; COLOR: #0055B3; paDDING-TOp: 5px}
.landingTop ul {BORDER: #ccc 1px solid; paDDING: 7px 10px 5px 24px; MaRGIN: 5px 0px 5px 0px; liST-STYLE-TYpE: none; display:inline; background-color: #567EaC; }
.landingTop li {liNE-hEIGhT: 2em;  display:inline; padding-right:8px; color:#FFF; font-weight:bold;}
.landingTop a {COLOR: #FFF; TEXT-DECORaTION: none}

div.landingStory {BORDER: #ccc 1px solid}
.landingStory ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; MaRGIN: 0px; paDDING-TOp: 0px; BORDER-BOTTOM: #ccc 1px solid; liST-STYLE-TYpE: none}
.landing a:visited {COLOR: #FFF; TEXT-DECORaTION: none}
.landingTop a:hover {TEXT-DECORaTION: underline}
div.landing {paDDING-BOTTOM: 5px; paDDING-TOp: 10px}
.landing h3 {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; FONT-SIZE: 9pt; paDDING-BOTTOM: 0px; MaRGIN: 0px; TEXT-TRaNSFORM: uppercase; COLOR: #0055B3; paDDING-TOp: 0px}
.landing ul {paDDING-RIGhT: 10px; paDDING-LEFT: 10px; paDDING-BOTTOM: 10px; MaRGIN: 0px; paDDING-TOp: 0px; BORDER-BOTTOM: #ccc 1px solid; liST-STYLE-TYpE: none}
.landing li {liNE-hEIGhT: 12pt}
.landing a {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none}
.landing a:visited {paDDING-RIGhT: 10px; BaCKGROUND: url(http://www.kintera.org/atf/cf/{39B6B8C4-6B78-40C0-829B-6190FC5a43B5;}/arrow_blue.gif) no-repeat right 50%; COLOR: #5575a1; TEXT-DECORaTION: none;}
.landing a:hover {TEXT-DECORaTION: underline}

/* Spry Tabbed Panel Assets */

@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	list-style: none;
	border: solid 1px #FEC77C;
	background-color: #FEC77C;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#49739F;
}


.actioneduTabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 2px;
	font: bold 18px sans-serif;
	list-style: none;
	border-right: solid 1px #FEC77C;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#49739F;
	display: block;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #FFF;
	color:#000;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #FFF;
	color: #555;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border: solid 1px #FEC77C;
	background-color: #FFF;
	min-height: 500px;
	padding: 10px;
}

.actioneduTabbedPanelsContentGroup {

	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	border-top: 5px solid #FEC77C;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border: solid 1px #FEC77C;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #FEC77C;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #557EAC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #FFF;
	font-weight: bold;
	
}

.GulfCoastAccordionPanelTab {
	background-color: #FEC77C;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #20446C;
	font-weight: bold;
	
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

.GulfCoastAccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 3px 0px;
	background-color: #49739F;
	color: #FFFFFF;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #557EAC;
	background-image:url(accordion-open.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.AccordionPanelTab {
	background-color: #557EAC;
	background-image:url(accordion-closed.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.GulfCoastAccordionPanelOpen .GulfCoastAccordionPanelTab {
	background-color: #FEC77C;
}

.GulfCoastAccordionPanel .AccordionPanelClosed {
	padding: 0px;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	/*color: #555555;*/
}
.AccordionPanelOpen .AccordionPanelTabHover {
/*	color: #555555;
*/
}

.GulfCoastAccordionPanelTabHover {
	/*color: #555555;*/
}
.GulfCoastAccordionPanelOpen .GulfCoastAccordionPanelTabHover {
/*	color: #555555;
*/
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #557EAC;
}
.GulfCoastAccordionFocused .GulfCoastAccordionPanelTab {
	background-color: #FFF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #557EAC;
}
#GulfAccordion1 a {
	color: #FEC77C;
}
#GulfAccordion1 a:hover {
	color: #FFF;
}
.GulfCoastAccordionFocused .GulfCoastAccordionPanelOpen .GulfCoastAccordionPanelTab {
	background-color: #FFF;
}
.GulfCoastAccordionPanel a {
	color: #FEC77C;
}

.actionedu-sectionnum {
	margin: 0px 7px 0px 0px;
	padding: 0px;
	color: #FEC77C;
	font-size: 100px;
	float: left;
	
}
#actionedu-main-leftcol h1 {
	font-size: 200px;
}
#actionedu h1 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
}
#actionedu-main-leftcol {
	float:left;
	font-size:16px;
	margin-bottom:30px;
	padding:10px;
	width:260px;
	background-image: url(gray-transbg.png);
	border-bottom: 5px solid #000;
	}
	
#actionedu-main-rightcol {
	background-color:#FFFFFF;
	color:#555555;
	margin-left:280px;
	padding:15px;
	width:660px;
	}
	
	
.actionedu-blue {
	color: #0000FF;
}
#actionedu-header {
	background-image: url(education-headbanner.jpg);
	background-repeat: no-repeat;
	height: 250px;
}

#actionedu {
	background-image:url(chalkboard-bg.jpg);
	background-position:0 10px;
	background-repeat:repeat-y;
	border:5px solid #000000;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	margin:0 auto;
	width:970px;
}
#actionedu-main {
	padding: 10px;
	overflow: auto;
}


#actionedu-nav li {
	float:left;
	font-size:18px;
	padding:10px 30px;
	background-color: #000;
}

#actionedu-nav li a {
	color:#FFF;
	text-decoration: none;
	display:block;
}

#actionedu-nav a:hover {
	color:#FFFF00;

}
.actionedu-bgfill {
	background-image: url(chalkboard-bgfill.gif);
	background-repeat: repeat-x;
}
#actionedu h2 {
	font-size: 150%;
	letter-spacing: 0.08em;
	margin-top: 10px;
	border:none;
}
#actionedu h3 {
	font-size: 130%;
}
.actionedu-trim {
	background-image: url(chalkboard-trim.gif);
	background-repeat: repeat-y;
}

#actionedu-header dir {
	margin: 0px;
}
#actionedu-nav {
	list-style-type:none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 200px;
}

#actionedu img {
	border-bottom: 5px solid #FEC77C;
	margin: 7px;
}