/* margin: top right bottom left; em = to the current font size of the current element */

/* ---------- GENERAL ---------- */

html, body   { margin: 0; border: 0px none;  min-width: 1000px; }


h1, .section	{ font-family: Georgia, Verdana, Serif; font-size: 18pt; color: #003366; margin: 0 0 .5em 0; font-weight: normal}
h2, .sub	{ font-family: Arial, Verdana, Serif; font-size: 14pt; color: #003366; margin: 0; font-weight: normal }
.text		{ font-family: Arial, Verdana, Serif; font-size: 10pt; color: #003366; }
.quote		{ font-family: Times, Arial, Verdana, Serif; font-size: 12pt; color: #006666; font-style: italic; margin: 1em 20px; } 
.attribution	{ font-family: Times, Arial, Verdana, Serif; font-size: 12pt; color: #006666; 
               font-style: italic; text-align: right; margin: -1em 20px 1em; }
.footer      	{ font-family: arial, verdana, serif; font-size: 8pt; color: #006666; text-align: center; }
.ul-text     	{ list-style-type: disc; font-style:normal; font-family: Arial, Verdana, Serif; 
               font-size: 10pt; color: #003366; }
.buzz-text	{ font-family: Times, Arial, Verdana, Serif; font-size: 12pt; color: #0C2577; font-weight: normal;
	       margin-left:5%; }
.buzz-date	{ font-family: Arial, Verdana, Serif; font-size: 8pt; color: #C0C0C0; font-weight: normal
	       text-align: left; margin-left:2%; }
.dormfull	{ font-family: Georgia, Verdana, Serif; font-size: 16pt; color: #FF0033; margin: 0 0 .5em 0; font-weight: normal}
		   
.halfleft { color: #003366; margin: 0.5% 0.5% 0.5% 0.5%; font-size: 0.9em; width: 33%; float: left;}
.halfright   {color: #003366; margin: 0.5% 0.5% 0.5% 0.5%; text-align: right; font-size: 0.9em; width: 30%; float: right;} 
.img1   { margin: 0.5% 0.5% 0.5% 0.5%; width: 20%; float;} 

.h3right {color: #660099; margin: 0.5% 0.5% 0.5% 0.5%; text-align: right; font-size: 1.5em; float: right;}
.h4right {color: #330099; margin: 0.5% 0.5% 0.5% 0.5%; text-align: right; font-size: 1.5em; float: right;}
.h5right {color: #339933; margin: 0.5% 0.5% 0.5% 0.5%; text-align: center; font-size: 1.5em;}
.h6right {color: #990000; margin: 0.5% 0.5% 0.5% 0.5%; text-align: right; font-size: 1.5em; float: left;}
h3, .section	{ font-family: Georgia, Verdana, Serif; font-size: 25pt; color: #003366; margin: 0 0 .5em 0; font-weight: normal}
h5, .section1 { font-family: Georgia, Verdana, Serif; font-size: 14pt; color: #FF0000; margin: 0 0 .5em 0; font-weight: normal}

body1 {background: url("http://www.ssi-online.org/images/church1.jpg") no-repeat;}
.body1  {background: url("http://www.ssi-online.org/images/church1.jpg") no-repeat;}


span.amlg-text    { font-family: Stencil, Arial, Verdana, Serif; }

.left        { float: left; margin: 0px 10px 10px 0px; }
.right       { float: right; margin: 0px 0px 10px 10px; }


.figure { float: right; border: 1px #0c2577 solid}
.figure p {  text-align: center;  font-style: italic;  font-weight: bold; font-family: Calibri;  font-size: 12pt;   color: #0c2577; text-indent: 0;}

div.pquoteright { float: right; width: 8em; background: url(http://www.ssi-online.org/images/watercolor-grunge-000031-faded-light-blue.jpg) no-repeat; color: #ffffff; font-size: 1.5em; line-height: 0.9; padding: 0.5em; margin: 1em 1em 1em 1em;}
div.pquoteright p { float: right; color: #ffffff; font-size: 0.5em; line-height: 0.9;}

div.pquoteleft { float: left; width: 8em; background: url(http://www.ssi-online.org/images/watercolor-grunge-000031-faded-light-blue.jpg) no-repeat; color: #ffffff; font-size: 1.5em; line-height: 0.9; padding:0.5em; margin: 1em 1em 1em 1em;}
div.pquoteleft p { float: right; color: #ffffff; font-size: 0.5em; line-height: 0.9;}

div.pictureleft { float: left; vertical-align: center; width: 30%;  border: 0; margin: 0.5em; padding: 0.5em;}
div.pictureleft p { clear:all; vertical-align: bottom; text-align: center;  font-style: bold; font-family: Calibri;  font-size: 8pt; color: black; text-indent: 0;}
img.scaled { width: 100%; height: 100%;}
img.scaled1 { width: 45%; height: 100%;}

div.pictureright { float: right; width: 30%;  border: 0; margin: 0.5em; padding: 0.5em;}
div.pictureright p { clear:all; vertical-align: bottom; text-align: center;  font-style: bold; font-family: Calibri;  font-size: 8pt; color: black; text-indent: 0;}
img.scaled { width: 100%; height: 100%;}
map.scaled { width: 100%; height: 100%;}

div.picturecenter { width: 100%;  height: 100%; border: 0; margin: 0.5em; padding: 0.5em;}
div.picturecenter p { clear:all; vertical-align: bottom; text-align: center;  font-style: bold; font-family: Calibri;  font-size: 8pt; color: black; text-indent: 0;}



div.videoright { float: right; width: 30%;  border: 0; margin: 0.5em; padding: 0.5em;}
div.videoright p { clear:all; vertical-align: bottom; text-align: center;  font-style: bold; font-family: Calibri;  font-size: 8pt; color: black; text-indent: 0;}
object.scaled { width: 100%; height: 100%;}
param.scaled { width: 100%; height: 100%;}
embed.scaled { width: 100%; height: 100%;}

div.videoleft { float: left; width: 30%;  border: 0; margin: 0.5em; padding: 0.5em;}
div.videoleft p { clear:all; vertical-align: bottom; text-align: center;  font-style: bold; font-family: Calibri;  font-size: 8pt; color: black; text-indent: 0;}
object.scaled { width: 100%; height: 100%;}
param.scaled { width: 100%; height: 100%;}
embed.scaled { width: 100%; height: 100%;}


td           { font-family: Arial, Verdana, Serif; font-size: 10pt; color: #003366; vertical-align: top }
table        { border-collapse: collapse; width: 100%; }

#reports td   { border: 1px #99CCCC solid; width: 25%; padding: 3px 5px; }
#reports table {background-color: #FFFFCC }


td.speaker1   { padding: 5px 0px; border: none; width: 150px; }
td.speaker2   { padding: 5px 0px; border: none; }


td.bio1      { padding: 5px 0px; border: none; width: 150px; vertical-align:top; }
td.bio2      { padding: 5px 0px; border: none; vertical-align:top; }
tr.bio       { border-top: 2px solid #99CCCC; }
.bio-name    { font-family: Arial, Verdana, Serif; font-size: 14pt; color: #003366; margin: 0}
.bio-text    { font-family: Arial, Verdana, Serif; font-size: 10pt; color: #003366; }


#schedule       { width: 100% }
#schedule table { width: 100% }
#schedule td    { border: 1px solid #99CCCC; padding: 3px 5px; font-family: Arial, Verdana, Serif; 
                  font-size: 10pt; color: #003366; }
td.sch1         { width: 15% }
td.sch2         { width: 70% }
td.sch3         { width: 15% }
td.inspiration, tr.inspiration { background-color: #CCCCFF }
td.track, tr.track             { background-color: #33CC99 }
td.instruction, tr.instruction { background-color: #3399FF }
td.sports, tr.sports           { background-color: #CCFF33 }
td.free, tr.free               { background-color: #999966 }

#counts td { text-align: center; vertical-align: middle;
             font-family: Arial, Verdana, Serif; font-size: 12px; color: #003366; }
.week1head { background-color: #CCFFFF; font-weight: bold}
.week2head { background-color: #CCFFCC; font-weight: bold}
.week3head { background-color: #FFFFCC; font-weight: bold}
.week1body { background-color: #66CCFF; height: 20px; border-top: 1px solid #003366; width: 30px}
.week2body { background-color: #00CC99; height: 20px; border-top: 1px solid #003366; width: 30px}
.week3body { background-color: #FFCC66; height: 20px; border-top: 1px solid #003366; width: 30px}
.blank {background-color: #FFFFFF; height: 20px; border-top:1px solid #FFFFFF; width: 30px}
.counttop {color: #000000; background-color: #FFFF00; font-weight: bold}


#banquet { width: 100% }
#banquet table { width: 100% }
#banquet td { padding: 10px; }
#banquet td.bqt1 { vertical-align: middle; text-align: right; width: 50%; padding-left: 4em; }
#banquet td.bqt2 { vertical-align: middle; text-align: left; width: 50%; padding-right: 4em; }


#box-right   { background-color: #FFFFCC; border: 2px #99CCCC solid; float: right; padding: 5px; 
               margin-bottom: 5px; margin-left: 10px; vertical-align: top; height: auto;}
#box-left    { background-color: #FFFFCC; border: 2px #99CCCC solid; float: left; padding: 5px; 
               margin: 0 10px 5px 0; vertical-align: top; height: auto; }
.box-section { font-family: Times, Verdana, Serif; font-size: 14pt; color: #006666; font-weight: bold;  margin: 0 0 .5em 0; }
.box-sub     { font-family: Times, Verdana, Serif; font-size: 12pt; color: #006666 }
.box-text    { font-family: Times, Verdana, Serif; font-size: 8pt; color: #006666; }


#name        { border-top: 2px solid #99CCCC; border-bottom: 2px solid #99CCCC; text-align: center; }
#name a      { text-decoration: none; color: #003366; }


#hr          { border-top: 2px solid #99CCCC; padding-top: 10px; }
.hr		{ border-top: 2px solid #99CCCC; padding-top: 10px; }

#watn        { border-top: 2px solid #99CCCC }

img          { border: 0px none; }
img.right	 { padding: 0 0 5px 5px }
img.left	 { padding: 0 5px 5px 0 }
img.faq      { width: 25px; height: 19px }


#onsite-photos table { border-collapse: collapse; width: auto}
#onsite-photos td    { border: 1px #99CCCC solid; width: 33%; vertical-align: middle; text-align: center; 
                       padding: 5px; }
*html #onsite-photos { width: 100%; }
*html #onsite-photos table { width: 100% }


.sidesection { font-family: Verdana, Serif; font-size: 14pt; color: #006666; margin: 0; }
.sidehead	 { font-family: Verdana, Serif; font-size: 10pt; color: #006666; margin: 0; font-weight: bold}
.sidedate    { font-family: Verdana, Serif; font-size: 8pt; color: #006666; margin: 0; } 
.sidetext    { font-family: Verdana, Serif; font-size: 8pt; color: #006666; margin: 0; }


*html .minwidth { border-left:930px solid #FFFFFF; }
*html .container { margin-left:-930px; position: relative; }
/*\*/
*html .minwidth, *html .container { height: 1px; }
/**/

/* ---------- END GENERAL ---------- */




/* ---------- MASTHEAD ---------- */

#masthead    { min-width: 930px; height: 125px; width: 100% }

#logo	     { position: absolute; z-index: 2; margin-left: 5px; border: 0px none; }

#date        { font-family: Verdana, Serif; font-size: 10pt; color: #203879; 
               margin: 5px; border: 0px none; line-height: 100%; text-align: right; }

#titlebar    { height: 46px; background-color: #003366; border: 0px none; margin: 0; padding: 0; background-image: url(../images/logos/flag.gif); background-repeat: no-repeat; background-position: right; }

#title       { float: left; border: 0px none; margin: 0; padding: 0; }



/* ---------- END MASTHEAD ---------- */





/* ---------- CONTENT ---------- */



#sidebar_A    { float: left; width: 180px; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; 
               border-right: 2px solid #99CCCC; margin-bottom: 10px; }
*html #sidebar_A { padding-right: 10px; }

#content      { margin-left: 212px; margin-right: 257px; background-color: #FFFFFF; margin-bottom: 10px; 
                min-width: 530px; height: auto;}
*html #content { width: 99%; margin-left: 202px; margin-right: 225px; }

#churchsidebar_A    { float: left; width: 180px; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; 
               border-right: 2px solid #99CCCC; margin-bottom: 10px; }
*html #churchsidebar_A { padding-right: 10px; }

#content      { margin-left: 212px; margin-right: 257px; background-color: #FFFFFF; margin-bottom: 10px; 
                min-width: 530px; height: auto;}
*html #content { width: 99%; margin-left: 202px; margin-right: 225px; }

#sidebar_B    { float: right; width: 225px; background-color: #FFFFFF; padding: 10px; 
               border-left: 2px solid #99CCCC; margin-bottom: 10px; }
			   
#churchsidebar_B    { float: right; width: 225px; background-color: #FFFFFF; padding: 3px; 
              border-left: 2px solid #99CCCC; margin-bottom: 10px; }
			  
#sidebar_C    { float: left; width: 300px; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; 
               margin-bottom: 10px; }
*html #sidebar_C { padding-right: 10px; }

#sidebar_D    { float: right; width: 300px; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; 
               margin-bottom: 10px; }
*html #sidebar_C { padding-right: 10px; }

#footer       { clear: both; padding: 10px; border-top: 2px solid #99CCCC; background-color: #FFFFFF; margin: 10px; }

.B_item       { clear:both; border-top: 2px solid #99CCCC; margin: 10px 0; padding: 5px 0;}
.A_item       { border-top: 2px solid #99CCCC; margin: 10px 10px 10px 0; padding: 10px 0; }

#searchresults iframe {width: 95%;}

#calendar     { overflow: visible; }

#flashcontent {font-family: verdana; font-size: 10pt; color: #000000;}

/* ---------- END CONTENT ---------- */





/* ---------- NAV ---------- */

#nav		{ width: 100%; background: #99CCCC; float: left; margin-top: 3px; padding: 0 }

#nav ul 	{ float: right; list-style: none; line-height: 1; font: bold 12px arial, verdana, serif; 
		  background: #99CCCC; padding: 0; margin: 0 }

#nav a        {	display: block; color: #003366; width: auto; text-decoration: none; padding: .4em .8em; 
                font-weight: bold; }

#nav li       { float: left; padding: 0; width: auto; }

#nav li ul    { position: absolute; left: -999em; height: auto; width: 13em;
                border: 1px #003366 solid; margin: 0; }

#nav li li    { border: 1px #003366 solid; height: auto; width: 13em; }

#nav li ul a  { width: 12em;}

#nav li ul ul { margin: -1.5em 0 0 -13em; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
              { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
              { left: auto; }

#nav li:hover, #nav li.sfhover
              { background: #FFFFCC}

/* ---------- END NAV ---------- */