@charset "utf-8";

/* Universal Styles */

* { padding: 0; margin: 0; border:none;}
input, textarea {
	border: 1px dashed #999999;
	padding: 2px;
	margin: 5px;
	vertical-align: middle;
}



body {
	background-color: #fff;
	border: none;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color: #3F4E51;
	height:100%;
	background-repeat: repeat;
}



a {
	color:#737F17;
	text-decoration:none;
}

p a { font-weight:bold; }

a:active {
	color:#CCCCCC;
	position:relative;
	top:1px;
	left:1px;
}

/* Text */

h1 {
	font-size:29px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

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

h1 span { }

#header {
	float:left; width:350px;margin:12px 0 0 10px;
}

h2 {
	font-size:24px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align:left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-left: 0px;
	text-transform: capitalize;
	color: #EE3A43;
}

h2.attention {  font-size:10px; color:#D9A112; margin-right:0; padding-right:0;text-transform:uppercase; }


h3 {
	background: none repeat scroll 0 0 #333128;
    clear: left;
    color: #FFFFFF;
    font-size: 1.2em;
    margin: 0 0 1.2em;
    padding: 5px 7px 3px;
    text-align: left;
    text-transform: uppercase;
}

p {
	margin-bottom:1.5em;
}

.break {
	margin-bottom:15px;
	}

.w300 p {
	text-align: left;
}

h4 {
	color: #666666;
	font-size: 21px;
	font-weight: bold;
	line-height: 25px;
	padding: 0px;
	clear: left;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}


	
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
	color: #99B2BE;
}
	

form h5 {
	display:block;

}
#top #test220 .w140 {
	font-size: 1.2em;
	line-height:1.3em;
	text-align: left;
}


h6 {
	font-size: 1.2em;
	color: #111111;
	font-weight: bold;
	clear:both;
	margin-top: -15px;
	margin-bottom: 5px;
	text-transform: lowercase;
}









/* Layout */

.container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#center .container { width:960px; padding:10px; }

#top {
    background: none repeat scroll 0 0 #333128;
    border-bottom: 1px solid #E0E0E0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
	float:left;
	padding-bottom:5px;
	}
#topribbon
	{
	width:100%;
	height:28px;
	position: absolute;
	top: 122px;
	background-color: #000000;
	}

#center {
	width:980px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	}
	
	#center2 {
	width:100%;
	height:100%;
	float:left;
	display:block;
	background-repeat: repeat-y;
	background-image: url(12_col.gif);
	background-position: 152px 0px;
	}





#whiteline {width:100%; height:1px;background-color:#FFFFFF;float:left;display:inline;}

#grayline {
	width:980px;
	height:1px;
	background-color:#FFCC00;
	display:inline;
	margin-right: auto;
	margin-left: auto;
}

#nav {
    display: inline;
    height: 25px;
    float:left;
	width:600px;
	margin-top:23px;
}

#nav ul li div { display:none; }

#feature {
	width:578px;
	height: 360px;
	float:left;
	display:inline;
	margin-top: 20px;
}

.w300 {
	width:280px;
	display:inline;
	float:left;
	margin-top: 20px;
	margin-left:10px;
	text-align:justify;
	padding-bottom:20px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.w220 {
	width:200px;
	display:inline;
	float:left;
	margin-top: 20px;
	margin-left:20px;
	padding-bottom:20px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.split {
	width:240px;
	float:left;
	display:inline;
	margin-top: 25px;
	}

#buttons {
	width:25px;
	margin-top: 15px;
	margin-left:15px;
	padding-bottom:40px;
	float:left;
	display:inline;
	padding-top: 20px;
}

#left {
	display:inline;
	float:left;
	padding-bottom:40px;
	margin-top: 20px;
}

#right_wrap {
	width:578px;
	float:left;
	display:inline;
	height:100%;
	background-repeat: no-repeat;
	background-position: 0px -235px;
}
#left_wrap {
	background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    float: right;
    height: 100%;
    margin: 0 10px 20px 0px;
    padding: 20px;
    width: 300px;
}

#left_wrap img { margin-bottom:25px; }
.home_content ul { margin-left:25px; margin-bottom:25px; }
.home_content li {
	list-style-type:disc;
	font-size:12px;
	line-height:18px;
}
.w140 {
	width:140px;
	float:left;
	display:inline;
	height:100%;
	text-align:justify;
	margin-bottom: 20px;
}

#right_content_wrap {
	width:500px;
	float:left;
	display:inline;
	height:100%;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:10px;
	margin-right:20px;
	padding:20px;
	}
	#right_content_wrap_full {
	width:890px;
	float:left;
	display:inline;
	height:100%;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:10px;
	padding:20px;
	}
.margintop20
	{margin-top:20px;
	}

.w220nomargin {
width:220px;
float:right;
display:inline;
margin-left:20px;
margin-top:0px;
}
.w60 {
width:60px;
float:left;
display:inline;
margin-left:20px;
margin-top:0px;
}

.side220 {
	width:220px;
	}
.reltest220 {
	height:1px;
	width:100%;
	position:relative;
	}
.accordionButton {
	float: left;
	cursor:pointer;
}
.accordionContent {
	float:left;
	display:none;
	}

.calendar {
	float:left;
	display:inline;
	width:94px;
	font-size:1.1em;
	margin-bottom:15px;
	height: 55px;
	
	}
	
.calendarday {
	background-color:#B6C7D0;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	padding-left:2px;
	padding-right:2px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	}
.inactive {
	background-color:#FFFFFF;
	}
.clear {
	clear:both;
	}
.shorten {
	padding:5px;
	width:649px;
	background-color: #CCCCCC;
	margin-bottom:15px;
	}

/*______footer_________*/
#footer {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	color: #000000;
	background-color: #FFFFFF;
	height: 25px;
	padding-top: 7px;
	}
#footer img {
	margin-left: 20px;
}


/*______menus_________*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	border:none;}

#sddm li
{
	list-style: none;
	float: left;
	color: #FFCC00;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: -5px;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#sddm li a
{
	border-style: none;
    border-width: 0;
    color: #F2ED77;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 20px 8px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	}

#sddm li a:hover
{
	color:#FFFFFF;
}


.signup {
	border: 1px solid #CCCCCC;
	width: 100%;
}
img.icon {vertical-align:middle;margin:0 10px;float:left;}

#center .container #right_content_wrap_full .spl {width:420px;padding:10px;float:left;display:inline;vertical-align:middle;}

.spl a {font-weight:bold;text-decoration:none;}

.top20 {margin-top:40px;}

h3.content {
	font-family: Arial, Helvetica, sans-serif;
	color: #DFEEF9;
	font-size: 1.4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
	border:none;
	background-color: #333333;
	padding: 5px;
	width:100%;
	padding-right:0;
}




ol.calendar    {vertical-align:top; width:300px;margin:0 auto;display:block; min-height: 220px; margin-bottom:15px;
			}
li		{list-style:none;}
p.link		{text-align:center;display: block;}


/*
 * Day styles
 -------------------------*/
li li		{width:32px;height:25px;float:left;margin:.2em; padding:.2em;overflow:auto;
			background: url(day-bg.png) bottom right no-repeat; }

/*
 * Day content (UL/OL & P)
 -------------------------*/
li li p	 {font-size:.7em;display:block;}
li li ol	 {width:auto;}
li li ul li,
li li ol li     {font-size:.7em;display:block;height:auto;width:auto; background: none;
			margin:0;padding:.2em 0;float:none;}

/*
 * Holiday class
 -------------------------*/
li li.holiday    {  }

/*
 * Inactive months
 -------------------------*/
li#lastmonth li,
li#nextmonth li    { background: url(http://www.usc.salvationarmy.org/usc/prayer/images/day-bg-inactive.png);}

ol.calendar li li a:hover    { background: url(http://www.usc.salvationarmy.org/usc/prayer/images/day-bg-inactive.png) bottom right repeat;display:block;position:relative;width:100%;height:100%;}

#thismonth a {display:block;position:relative;width:100%;height:100%;text-decoration:none;text-align:center;cursor:pointer;font-weight:bold;font-size:16px;}

#thismonth a:hover {color:#000000;}

.inactive {background-color:#ffffff;color:#ffffff}

#tooltip{
	position:absolute;
	z-index:99;
	border:1px solid #FFFFFF;
	background-color:#222222;
	padding:10px;
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	display:none;
	}
/* #header { behavior: url(iepngfix.htc) }*/

.home_content {background: none repeat scroll 0 0 #FFFFFF;
    clear: left;
    float: left;
    margin: 35px 0 25px 0px;
    width: 578px;}